Bootstrap 3

17

Bootstrap 3

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Ne prikazuje mi se css
Podesio sam ovako
<link href="<?php echo base_url();?>css/style.css" rel="stylesheet">
ili ovako
<link rel="stylesheet" href="<?php echo base_url();?>css/style.css" >

Ovako je ostalo kako sam razumeo da bi se prikazali fajlovi css, js, slike

Podesio sam u .htaccess ovako pristup fajlovima RewriteEngine on RewriteCond $1 !^(index\.php|css|js|img|fonts|robots\.txt) RewriteRule ^(.*)$ index.php/$1 [L]

config.php pristup putanju gde se nalazi root
$config['base_url'] = 'http://CodeIgniter-3.0.1/';

routes.php prikaz stranica
$route['(:any)'] = 'pages/view/$1'; $route['default_controller'] = 'pages/view'; $route['404_override'] = ''; $route['translate_uri_dashes'] = FALSE;

Podesio sam da prikaze stranicu i helper da prikaze url <?php       class Pages extends CI_Controller{                function view($page = 'home'){          $this->load->helper('url');                      if(!file_exists('application/views/pages/'.$page.'.php')){                               show_404();             }                         $this->load->view('pages/home');                      }                } ?>

Bootstrapov css prikaze
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

Nece ovako css i animate, nemam pristup i ako je omogucen pristup prko helpera $this->load->helper('url');

<link rel="stylesheet" href="<?php echo base_url();?>css/style.css" >       <link rel="stylesheet" href="<?php echo base_url();?>css/animate.css">



Sa css-om

bez css-a



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Reseno, sve je ok iznad samo treba dodati putanju do localhosta. config.php
$config['base_url'] = 'http://localhost/CodeIgniter-3.0.1/';



offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Kako pravilno da podesim .htaccess <IfModule authz_core_module>     Require all denied </IfModule> <IfModule !authz_core_module>     Deny from all </IfModule>


u codI3 ovako radi odlicno i imam pristup svemu na sajtu RewriteEngine on RewriteCond $1 !^(index\.php|css|js|img|fonts|robots\.txt) RewriteRule ^(.*)$ index.php/$1 [L] znam da je za pristup podacima. Pitam ovde jer cu ovo raditi sa bootstrap sajtovima pa ce nekome biti od koristi i ako spada u php forum. Pozdav. Ako nemoze ovde da li da otvorim temu za CodeIgniter Web Framework posto ga sada radim.

RewriteCond $1 !^(index\.php|css|js|img|fonts|robots\.txt) Da li moze da se ovde odobri css a da se zabrani pristup pregleda u View page source. Neki link da pogledam hvala i pozdrav

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Integracija bootstrap sajta u codeigniter 3

Preuzmemo odavde verziju CodeIgniter 3.0
CodeIgniter 3.0.1 is the current version of the framework.

http://www.codeigniter.com/download

1.Prebacimo codeigniter u localhostu xammp-a. Putanja C:\xampp\htdocs U ovom folderu prebacimo rasklopljenu verziju codeignitera
(unrar). Preimenujemo kako zelimo naziv prebacenog foldera.

2. Izradimo bootstrap sajt ili skinemo template.
3.U root foldera codeignitera prebacimo foldere css, fonts, js, img(folder za slike),
U putanji C:\xampp\htdocs\nazivasegfoldera\application\views\ napravimo folder i nazovemo ga pages ili kako hocemo on nam sluzi za smestaj sadasnjeg index.html ili dela onog sto od njega ostane.
index.html prebacimo u C:\xampp\htdocs\nazivasegfoldera\application\views\pages
i preimenujemo ga u home.php

Najvaznije je prvo definisati putanju gde se nalaze nasi fajlovi
U folderu config nadjemo fajl config.php otvorimo i pronadjemo i upisemo koji je nas folder tj putanju do naseg folder sajta C:\xampp\htdocs\nazivasegfoldera\application\config $config['base_url'] = 'http://localhost/nazivasegfoldera/';

Ako imamo neku bazu podataka u okviru ovog foldera otvorimo fajl database.php i upisemo podatke.


routes.php
$route['(:any)'] = 'pages/view/$1'; $route['default_controller'] = 'pages/view'; $route['404_override'] = ''; $route['translate_uri_dashes'] = FALSE;

Zatim u folderu controllers u fajlu pages.php pomocu class-e class Pages extends CI_Controller definisemo funkciju view da prikaze definisanu stranicu
ako je nema da prikaze da nepostoji 404, zatim,helper za ucitanje url-a
dodatne stranice koje definisemo ovde.


<?php       class Pages extends CI_Controller{               function view($page = 'home'){          $this->load->helper('url');                      if(!file_exists('application/views/pages/'.$page.'.php')){                               show_404();             }                                 $this->load->view('templates/header');             $this->load->view('templates/nav');          $this->load->view('pages/'.$page);          $this->load->view('templates/footer');                    }                } ?>


Podelimo web stranicu na delove npr haeder, navigacija, footer. Ostatak webstranice nalazi se u pages folderu u fajlu home.php
To smo definisali u class Pages extends CI_Controller iznad.
Napravimo folder pod nazivom templates i u njemu prebacimo fajlove header.php, nav.php i footer.php
Vrsimo ubacivanje sadrzaja comandom cut/paste. Otvorimo home.php i misem od pocetka stranice prevlacimo misem zajedno sa delom sa oznakom <body> Ispod body taga za sada nediramo.
Taj deo komandom cut paste prebacimo u fajl header.php.
Isto postupak vazi i za navigaciju do kraja navigacije.
Treci deo ostaje u fajlu home.php
Cetvrti deo je footer.php od pocetka footer taga zajedno sa tagom </html> prebacimo u footer.php


To je to.
Sada imamo konekciju prikazivanja css. To vrsimo pomocu
<?php echo base_url();?>

Na primer
<link href="<?php echo base_url();?>css/bootstrap.min.css" rel="stylesheet">

<!-- jQuery -->  <script src="<?php echo base_url();?>js/jquery.js"></script> itd.



Neka vasa razmisljanja u vezi integracije bootstrap sajta u codeigniter 3, vazi predlozi, kritike, svi su dobrodosli.

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Pitanje da li mogu postovi da se poredjaju horizontalno npr col-md-4, kod mene su tako ali se prikazuju vertikalno. Sajt sam uradio u wordpress-u.



Ovde sam satavio postupak kodiranja na kraju stranice
http://www.mycity.rs/Web-aplikacije/Izrada-Wordpre.....l#p1781310

Hvala i pozdrav

offline
  • Pridružio: 10 Jul 2015
  • Poruke: 35
  • Gde živiš: Beograd

Odlicni tekstovi, bas je poucno, hvala

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Hvala na komentaru, trudim se i da prenesem i kodiranje ovde svima koji zele da pomognu svima kao i da isprave kod za sve nas. Evo da se pohvalim uradio sam prvu wordpress themu pomocu php-a i bootstrap-a i to radi ok, ovo je pocetak ima mnogo da se uci, pozdrav Smile



Sajt je podeljen na col-md-3 sidebar i
<div class="col-md-3 widget-area">
i sadrzaj koji se izlistava
col-md-9
<div class="col-md-4" <?php post_class() ?> id="post-<?php the_ID(); ?>">

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Imao sam problem na malim rezolucijama nisam mogao da centriram sliku, pa sam primenio center-blockclass="img-responsive thumbnail center-block" tako da je to resilo problem
Primer






Pitanje je vezano za http://www.mycity.rs/Web-aplikacije/Izrada-Wordpre.....l#p1782557 kako da centriram post u wordpresu, pa ako neko zna i radio to neka postavi komentar. Hvala i pozdrav

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Napisano: 03 Nov 2015 21:34

Postovanje vezbam jedan website u bootstrap-u ali ne radi adekvatno na android telefonu Opera Mini, na fabrickom browseru radi sve osim video kontajnera.
Ovako sam postavio jquery iznad css-a <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>      <link rel="stylesheet" type="text/css" href="css/style.css">   
Kada stavim jquery u donjem delu sajta ne radi nista. Da li ima neko resenje. Na operu mini android pojavi se samo jedan slider, nesto od teksta. Ne radi: video header, ne radi ni jedna png slicica, kao ni jedan animate.css
Neki predlog.

2. Da li je moguce nekako podesiti da se pusti video na ovim starijim android verzijama i uredjajima, mada mislim da za to treba novi android telefoni sa adekvatnom podrskom.
3. Da li moze da se podesi u slucaju da se ne pusti video u headeru da se ucita slika kao kod php-a if else Smile Pozdrav

Da dodam da se video ucitava sa youtube, verovatno nece jer nema instaliranu youtube aplikaciju.


Vidim da je website povezan na vise nacina sa jquery, pa kada se iskljuci internet veoma malo ostane od sajta. Izgleda da opera mini 10 ne podrzava jquery.

Nasao sam ovako nesto https://www.google.rs/search?client=opera&q=oe.....p;oe=UTF-8
Neko vase misljenje kako resiti probleme sa prikazom web sajtova na Opera mini
https://dev.opera.com/articles/opera-mini-content-.....javascript
http://www.opera.com/developer/mobile-emulator
Nasao sam na jednom primeru ako nece da se ucita video klip ne sa youtuba nego lokalno
http://www.kevinfremon.com/fullscreen-background-video-using-html5-and-css/

Ako se ucita sa youtuba samo se uskladi id ili class-a sa html-om i css-om.

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Postovanje ovaj a href link pravi problem pa sajt nije responsive.



Ja sam to resio preko Media Queries
@media screen and (max-width:320px){    .container{       width:100%;    }    .btn-default{       width:100%;       font-size:0.7em;    }    a{       font-size:0.7em;    } }




Smanjio sam velicinu fonta. Da li ima neko bolje resenje ako moze? Svako dobro Smile

Ko je trenutno na forumu
 

Ukupno su 566 korisnika na forumu :: 7 registrovanih, 2 sakrivenih i 557 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: brundo65, cikadeda, dragoljub11987, GreenMan, pavle_pzs, vrlenija, zljubomir