Bootstrap 3

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Integracija bootstrap sajta u codeigniter 3

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

[Link mogu videti samo ulogovani korisnici]

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.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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
[Link mogu videti samo ulogovani korisnici]

Hvala i pozdrav

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Odlicni tekstovi, bas je poucno, hvala

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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



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(); ?>">

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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 [Link mogu videti samo ulogovani korisnici] kako da centriram post u wordpresu, pa ako neko zna i radio to neka postavi komentar. Hvala i pozdrav

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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 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 [Link mogu videti samo ulogovani korisnici]
Neko vase misljenje kako resiti probleme sa prikazom web sajtova na Opera mini
[Link mogu videti samo ulogovani korisnici]
[Link mogu videti samo ulogovani korisnici]
Nasao sam na jednom primeru ako nece da se ucita video klip ne sa youtuba nego lokalno
[Link mogu videti samo ulogovani korisnici]

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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