Codeigniter Dersleri – 10 – Css Dosyası Hazırlama ve Kullanma
Bu dersimizde codeigniter projelerinde css dosyalarını nasıl kullanabileceğimizi anlatacağım. Kullanacağımız yöntem var olan yöntemlerden sadece bir tanesi. Css oluşturup kullanırken aynı zamanda projenin gidişatında biraz değişiklik yapacağız. Bu değişiklik sadece kodların yerinin değişmesinden ibaret olacak.
İlk iş olarak css dosyamızı hazırlayalım. Aşağıdaki css kodlarını pizza_styles.css adlı bir dosyaya kaydedin ve kaydettiğiniz bu dosyayı Codeigniter klasörü altında bir “css ” klasörü oluşturun ve içine kopyalayın.
Css dosyamız hazır ancak bunu frameworke tanıtmamız gerekiyor. Bunun için Codeigniter/application/config klasörü altındaki config.php dosyasına alttaki kodu eklememiz gerekiyor. Kodu istediğiniz yere ekleyebilirsiniz ancak karışıklık olmaması için en alta yapıştırabilirsiniz.
Tanıtma işlemide bitti şimdi projemiz çalıştığında bu css dosyamızın kodlara gönderilmesi gerekiyor. Bunun için daha önceden var olan Codeigniter/application/models altındaki pizza_model.php dosyasını açıyoruz ve kodları aşağıdaki gibi güncelliyoruz. (7 ve 8. satırlar yeni komutlarımız.)
Şimdi sadece view dosyasında css dosyamızı çekmeye kaldı iş. Ancak başta da dediğim gibi küçük bir değişiklik yapacağız.Bu değişiklik şöyle olacak; controller dosyamız olan pizza.php dosyasında header,menu,içerik ve footerı tek tek çağırıyorduk.Şimdi sadece bir dosya çağıracağız. Bu dosyanın içinde ise header menu ve footerı çağıracağız. Bunun için codeigniter/application/controllers altındaki pizza.php dosyamızdaki index() ve order() fonksiyonlarımızı aşağıdaki şekilde tekrar düzenliyoruz.
Gördüğünüz gibi dört olan load işlemi teke düştü. Peki nerede çağrılacak bu silinen load lar. Onları view dosyasındaki değişikliklerle yapacağız.
Şimdi bu değişikliği ilk olarak codeigniter/application/views altındaki pizza_view.php dosyasında yapacağız. Dosyayı aşağıdaki gibi tekrar düzenleyin.
sipariş dosyamız olan codeigniter/application/views altındaki pizza_order.php dosyasını da aşağıdaki gibi düzenleyin.
diğer dosyalarda herhangi bir değişikliğe gerek yok. Hepsi bu kadar. Umarım yardımcı olur.
Bunlara da Göz Atmak İsteyebilirsiniz.
<<< Önceki: Codeigniter Dersleri – 9 – Header, Footer Dosyaları ve Verimli Yapı Oluşturma
Sonraki: Codeigniter Dersleri – 11 – Formlar >>>
bir soru sormak istiyorum. pizza_model.php sayfamızda genel isminde bir fonksiyon yoktu.o fonksiyonu yeni mi ekledik yoksa ben bir yerde bir şey mi kaçırdım? cevabınız içn şimdiden teşekkürler. kolay gelsin…
9. dersimizde daha verimli yapı oluşturmak için pizza_model.php dosyasına genel isimli bir fonksiyon yazmıştık ve controller dosyamız olan pizza.php dosyamızdaki bazı komutları buraya taşımıştık. Bu sayede aynı işlemleri tekrar tekrar yapmak yerine sadece model dosyamızı çağırmış olacağız.
İlginiz için teşekkürler.
Ben teşekkür ederim. Derslerinizin devamını bekliyorum…
merhaba öncelikle tşk.Benim css dosyam sayfalarıma yansımadı.Acaba css klaösürünü yanlış location a mı yerleştirdim…
Codeigniter klasörü altında application,system klasörlerinin yanına css isimli klasör oluşturup onun içine attık css dosyamızı. Ayrıca view dosyasında css dosyamızı çağırdığımız koda dikkat edin.
Ayrıca pizza_model.php dosyamıza base ve css komutlarını çağırdığımızdan emin olalım.
Eğer hata hala düzelmediyse bir sonraki yazımı bekleyebilirsiniz. Bir sonraki yazımda, konu anlatmadan önce şu ana kadar yaptığımız projenin kaynak kodlarını webe koyacağım. Oradan indirebileceksiniz.
Teşekkürler.
admin siz insanmısınız.siz insan olamassınız siz bir meleksiniz melek:)tşk benim gibi gece geç saatlere kadar bu işlerle uğraşan meraklılar bu bilgilerle uykusuz kalmaya deydiğini düşünüyorlardır eminim:)
Merhaba .Css dosyasında resim yollarını nasıl yazacağız acaba . Ana dizinin altında images klasörü içindeki resimleri nasıl gösterceğz mesela?
Örnek olarak arkaplan resmi için şu şekilde kullanabilirsin:
background-image:url(../images/bg.png);
Admin, çok teşekkür ederiz.
Hocam birden fazla css dosyasını nasıl göstericez ve js dosyalarını ?
Mirza,
$data['css'] = $this->config->item('css');
şeklinde yazdığımız noktada ikinci css dosyasını yazabilirsin. Buna url verebilirsin.$data['css2'] = "../url/";
Wiev için de bir klasör oluşturdum bu klasörün içinde ki dosyalara nasıl ulaşabilirim.
Yorum Bırakın!
En Son Yazılanlar
Codeigniter Dersleri
Kategoriler
Teknoloji Haberleri
Android Dersleri
Arşiv
Sitemizin QR Kodu
Yeniliklerden İlk Sizin Haberiniz Olsun
KodMerkezi.Net Facebookta
En Çok Okunanlar
En Son Aranan Kelimeler
En Çok Oy Alanlar
Etiket Bulutu
İlginizi Çekecek Siteler
Arşiv
Yönetim
En Son Yapılan Yorumlar
En Çok Okunanlar