Yazı yazılı kutucuğa link vermek

05-08-2012, 19:42:15

Merhabalar,

Araba Yarışı Oyunları (101)
Barbie Oyunları (53)
Dövüş Oyunları (9)
Futbol Oyunları (31)
Macera Oyunları (29)
Mario Oyunları (21)
Uçak Oyunları (10)

Yazan kategori linklerini sadece yazının üzerine geldiğimizde değilde, o kutucuğa geldiğimizde de link almasını istiyorum. Bunun için hangi kodu kullanmam lazım. Css ile aram çok iyi değildir.

Örnek:
http://demo.orumcekoyun.com/

Buradaki sol taraftaki pembe kutuya bakabilirsiniz. Benim linkler de oradaki gibi. Onları değiştirmek istiyorum.

05-08-2012, 22:42:11

#2

Haktan

<div onclick="location.href='sayfa.php'" style="cursorointer">tıkla</div> gibi birşey olabilir

http://forum.ceviz.net/web-tasarim/7...ink-verme.html

burda daha detaylı bilgi var hocam

05-08-2012, 22:56:08

#3

azizarslan

Muhtemelen ul - li - a vardır. Css'te stil li'ye verilmiştir, li'den silip a'ya yazın. a'ya display:block da yazın. Kod paylaşırsanız ayrıntılı yardımcı olurum.

06-08-2012, 02:32:17

#4

mirach61

azizarslan adlı üyeden alıntı: mesajı görüntüle

Muhtemelen ul - li - a vardır. Css'te stil li'ye verilmiştir, li'den silip a'ya yazın. a'ya display:block da yazın. Kod paylaşırsanız ayrıntılı yardımcı olurum.

.blockpink { background:#E83567 url('images/star.png') 5px 5px no-repeat; border:1px solid #F851A5; margin:0px 0px 5px 0px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  min-height:100px; padding: 5px;}
.blockpink ul { list-style:none; margin:0px; padding:0px; }
.blockpink ul li { background: #EB537E; padding:4px 6px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  margin:1px 0px;}
.blockpink ul img { border:none;}
.blockpink ul li a:link, .blockpink ul li a:visited { text-decoration:none; color:#eee; font-size:13px; }
.blockpink ul li a:hover { color:#555; }

Kodlar bunlar kardeşim. Bu arada WebHaKTaN teşekkür ederim.

06-08-2012, 13:29:11

#5

azizarslan

mirach61 adlı üyeden alıntı: mesajı görüntüle

.blockpink { background:#E83567 url('images/star.png') 5px 5px no-repeat; border:1px solid #F851A5; margin:0px 0px 5px 0px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  min-height:100px; padding: 5px;}
.blockpink ul { list-style:none; margin:0px; padding:0px; }
.blockpink ul li { background: #EB537E; padding:4px 6px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  margin:1px 0px;}
.blockpink ul img { border:none;}
.blockpink ul li a:link, .blockpink ul li a:visited { text-decoration:none; color:#eee; font-size:13px; }
.blockpink ul li a:hover { color:#555; }

Kodlar bunlar kardeşim. Bu arada WebHaKTaN teşekkür ederim.

.blockpink { background:#E83567 url('images/star.png') 5px 5px no-repeat; border:1px solid #F851A5; margin:0px 0px 5px 0px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  min-height:100px; padding: 5px;}
.blockpink ul { list-style:none; margin:0px; padding:0px; }
.blockpink ul li {  margin:1px 0px; }
.blockpink ul li a { background: #EB537E; padding:4px 6px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; display:block; }
.blockpink ul img { border:none;}
.blockpink ul li a:link, .blockpink ul li a:visited { text-decoration:none; color:#eee; font-size:13px; }
.blockpink ul li a:hover { color:#555; }

06-08-2012, 16:19:44

#6

mirach61

azizarslan kardeşim, tam istediğim gibi oldu. Allah senden razı olsun. Çok teşekkür ederim.