Skip to main content
Home

cara load image di css

January 1, 2011 by fananicenter

fananicenter's picture

Mohon bantuannya para master CI...

kasususnya..
di sini saya bikin css di root ci dalam folder css/style.css
yang saya tanyakan untuk load image itu gimana??

misalkan gini..!
body{
background-image:url(../images/background_footer.jpg);
}

url imagenya saya harus taruk mana? agar bisa di load di view nya ci..

THANKS saya tunggu balasannya

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

HTML Helper

January 5, 2011 by cahndeso, 30 weeks 2 days ago
Comment: 7508

cahndeso's picture

Nambahin punya EkaPutra...

Untuk:

bisa juga diganti menggunakan fungsi-fungsi yang ada di html helper.
link_tag(), img()
sehingga perintah diatas menjadi:

 echo link_tag("css/style.css");

lebih singkat bukan...?

baca dokumentasi helper html untuk lebih jelasnya..

(catatan: load html helper-nya)

Happy coding...

Gini juga bisa

January 1, 2011 by ufhy, 30 weeks 6 days ago
Comment: 7503

ufhy's picture

system folder:
css
style.css
images
bg.png
system

untuk koneksi dengan css nya aku gunakan ini.

@import url(" echo base_url().'css/style.css';");

Bisa pakai cara seperti ini

January 1, 2011 by EkaPutra, 30 weeks 6 days ago
Comment: 7502

EkaPutra's picture

kalau saya biasanya akan selalu menempatkan file css atau image di root CI nya, jadi di views kita hanya akan terdapat file view saja.

Ok, sebelumnya kita perjelas dulu bagai mana struktur folder kita di CI, yang bisanya saya buat seperti ini(contoh):

index.php
system
images
-- background.png
-- logo.png
css
-- style.css

file background.png dan logo berada di dalam folder "images" sedangkan style.css dalam folder "css"

selanjutnya pada css/style.css tinggal kita buat kode css seperti biasa sesuai struktur folder diatas:

body{
background:url(../images/background.png) repeat-x;
}

sekarang untuk memanggilnya dari view, misal kita punya view home.php

<html>
<head>
<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/style.css" />
</head>
<body>
<img src="<?php echo base_url();?>images/logo.png" alt="logo" />
<!--isi web-->
</body>
</html>

misalkan domain kita domainkeren.com
<?php echo base_url();?>css/style.css akan mengasilkan http://domainkeren.com/css/style.css

selamat mencoba

Premium Drupal Themes by Adaptivethemes