bagaimana membuat link di CSS?

9 posts / 0 new
Last post
erwinova
erwinova's picture
Offline
Joined: 29 Jun 2010
Points: 171
bagaimana membuat link di CSS?

bagaimana caranya menabah link di header magazeen theme di bawah ini:

#header {
background: url('/sites/default/files/header.jpg') no-repeat top;
height: 117px;
}

Trimakasih sebelumnya

mbahlol
mbahlol's picture
Offline
Joined: 10 Apr 2011
Points: 610
kurang ngerti..

rada kurang ngerti maksudnya bos. coba liat folder themes trus cari file .info, kemudian cari baris kalo gak salah stylesheets[all][] = *.css, nah file css itu yang di edit bos. smoga bisa membantu

erwinova
erwinova's picture
Offline
Joined: 29 Jun 2010
Points: 171
code di atas saya ambil dari

code di atas saya ambil dari style.css (gambar header) pertanyaan nya gimana caranya menambahkan kode href (link) agar gambar header tersebut kalau di klik ngelink ke halaman depan website.

dozymoe
dozymoe's picture
Offline
Joined: 13 Sep 2011
Points: 198
CSS gak bisa dipake untuk bikin konten.

(_ _ ")

CSS hanya untuk presentasi atau buat gaya doang.

Link di css di pertanyaan pertama adalah link ke file gambar (.jpg) untuk menampilkan latar belakang. Gak bisa dipake untuk bikin tautan ke page lain, misalnya.

Harus rubah html-nya.

fireh.

erwinova
erwinova's picture
Offline
Joined: 29 Jun 2010
Points: 171
code di atas saya ambil dari

doble

mbahlol
mbahlol's picture
Offline
Joined: 10 Apr 2011
Points: 610
kalo nambah link..

kalo nambah link kayanya ada di file template, page.tpl.php.

aku buka themes http://drupal.org/project/magazeen gak nemu yang id #header apa nambah sendiri bos. kalo ikutin kaya #logo gimana, logo kan ada link juga

o iya yang aku buka themes magazeen drupal 6, smoga bisa membantu

rosidi.pratama
rosidi.pratama's picture
Offline
Joined: 7 Sep 2011
Points: 147
  Kalau gini

 

Kalau gini gimana?
 
bikin code HTML di page.tpl.php :
 
<div id="header"><a href="http://drupal-id.org">Header</a></div>
 
lalu bikin atribut di css :
 
#header a{display:block;width:960px;height:117px;margin:0;padding:0;bacground:url(/sites/default/files/header.jpg) no-repeat top;text-indent:-1000}
 
CMIIW
dozymoe
dozymoe's picture
Offline
Joined: 13 Sep 2011
Points: 198
Lumayan

Image replacement pake teknik text-indent yah?

Sip! XD

rosidi.pratama
rosidi.pratama's picture
Offline
Joined: 7 Sep 2011
Points: 147
Image replacement? mungkin

Image replacement? mungkin lebih tepatnya text-replacement.. jadi ketika gak pake text-indent, si gambar akan ada tulisan "header" nah kita taro tulisan header itu di belakang gambar jadi kita tambah atribut text-indent:-1000 pada element #header a

Comment viewing options

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