CSS ile Ziyaret Edilen Sayfa Bağlantılarına Şekil Vermek yazısına yapılan yorumlar http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/ { CSS, HTML ve Javascript } Tue, 07 Feb 2012 15:48:22 +0000 hourly 1 http://wordpress.org/?v=2012 Yazar: css mania http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7122 css mania Sat, 04 Jul 2009 09:01:26 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7122 Sorumun cevabını buldum nihayet. Bulduğum adres: <a href="http://www.wickham43.net/highlightservices.php" target="_blank">http://www.wickham43.net/highlightservices.php</a> Neden daha önce aklıma gelmedi bilmiyorum. Benzer sorun yaşayanlar için bilgi vereyim. İlgili sayfada kalmasını istediğimiz görünüm için current şeklinde bir class tanımlıyoruz. Benim kodlar şöyle: #menu li a:hover{ color: #FFF; background: url(../images/menuHover.jpg) no-repeat center top; } #menu li a.current:link, #menu li a.current:visited { color: #FFF; background: url(../images/menuActive.jpg) no-repeat center top; } Bunu her sayfada aktif olmasını istediğimiz menü öğesine class olarak atıyoruz: <li><a href="index.html" target="_blank">ANASAYFA</a></li> Hepsi bu :) Not: Diğer <li> içinde yer alan linkler class olmadan yazılacak. Peki dinamik sayfalarda da tek tek mi yapacağız? Elbette hayır. Bunun çözümü de verdiğim linkte mevcut.</li> Sorumun cevabını buldum nihayet. Bulduğum adres:
http://www.wickham43.net/highlightservices.php

Neden daha önce aklıma gelmedi bilmiyorum. Benzer sorun yaşayanlar için bilgi vereyim. İlgili sayfada kalmasını istediğimiz görünüm için current şeklinde bir class tanımlıyoruz. Benim kodlar şöyle:

#menu li a:hover{
color: #FFF;
background: url(../images/menuHover.jpg) no-repeat center top;
}
#menu li a.current:link, #menu li a.current:visited {
color: #FFF;
background: url(../images/menuActive.jpg) no-repeat center top;
}

Bunu her sayfada aktif olmasını istediğimiz menü öğesine class olarak atıyoruz:

  • ANASAYFA

    • Hepsi bu :)

    Not: Diğer

  • içinde yer alan linkler class olmadan yazılacak. Peki dinamik sayfalarda da tek tek mi yapacağız? Elbette hayır. Bunun çözümü de verdiğim linkte mevcut.
    • ]]>         Yazar: css mania http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7116 css mania Fri, 03 Jul 2009 14:24:07 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7116 ben de bu sorunun çözümünü arıyordum. a:active işe yaramıyor. hover'da farklı, aktif sayfada farklı bir background resmi çıksın diye çabalıyorum ama nafile. nasıl çözeriz bu sorunu? ben de bu sorunun çözümünü arıyordum. a:active işe yaramıyor. hover'da farklı, aktif sayfada farklı bir background resmi çıksın diye çabalıyorum ama nafile. nasıl çözeriz bu sorunu?

    ]]>         Yazar: ozi http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7106 ozi Thu, 02 Jul 2009 12:33:48 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7106 evet tüm linklere tıkladığım zaman hepsinin sağında ikon çıkıyor. Evalotta sitesindeki gibi sadece ziyaret edilen sayfaya ait linkte ikon çıkmasını css ile yapamıyoruz galiba (a:active kullanmadan) yinede verdiğiniz bilgiler için teşekkürler evet tüm linklere tıkladığım zaman hepsinin sağında ikon çıkıyor. Evalotta sitesindeki gibi sadece ziyaret edilen sayfaya ait linkte ikon çıkmasını css ile yapamıyoruz galiba (a:active kullanmadan) yinede verdiğiniz bilgiler için teşekkürler

    ]]>         Yazar: fatihhayri http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7105 fatihhayri Thu, 02 Jul 2009 11:47:14 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7105 a:visited a eklerseniz tüm linklerde değil sadece ziyaret edilende çıkar. Tabi tüm linkleri daha önce girdi iseniz o başka. a:visited a eklerseniz tüm linklerde değil sadece ziyaret edilende çıkar. Tabi tüm linkleri daha önce girdi iseniz o başka.

    ]]>         Yazar: ozi http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7104 ozi Thu, 02 Jul 2009 11:42:43 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7104 bilgi için teşekkürler, ardalan resmi olarak kullanıldığında ziyaret edilen tüm linklerde resim çıkıyor, Evalotta sitesindeki gibi sadece girilen sayfada çıkması için css ile yapılabilcek bir kod varmı, her butona a:active eklemek dışında.? iyi çalışmalar bilgi için teşekkürler,
    ardalan resmi olarak kullanıldığında ziyaret edilen tüm linklerde resim çıkıyor, Evalotta sitesindeki gibi sadece girilen sayfada çıkması için css ile yapılabilcek bir kod varmı, her butona a:active eklemek dışında.?
    iyi çalışmalar

    ]]>         Yazar: Yunus http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-7007 Yunus Fri, 19 Jun 2009 06:05:49 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-7007 Ardalan resimleri kullandığımızda linklerin farklı zeminler üzerinde durma ihtimalini göz önüne alırsak eğer saydam png kullanmamız gerekecektir. Bu seferde yine ie6 sorunu çıkıyor ortaya. Ie 6 saydam png yönetemiyle çözebiliyoruz gerçi ama ben saydam png kullandığım zaman ie6 yı dikkate almıyorum artık :) Ardalan resimleri kullandığımızda linklerin farklı zeminler üzerinde durma ihtimalini göz önüne alırsak eğer saydam png kullanmamız gerekecektir. Bu seferde yine ie6 sorunu çıkıyor ortaya.

    Ie 6 saydam png yönetemiyle çözebiliyoruz gerçi ama ben saydam png kullandığım zaman ie6 yı dikkate almıyorum artık :)

    ]]>         Yazar: Fatih http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-6992 Fatih Tue, 16 Jun 2009 15:28:27 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-6992 <b>Güzel bir çalışma olmuş. eline sağlık.</b> Güzel bir çalışma olmuş. eline sağlık.

    ]]>         Yazar: _SecreT_ http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-6989 _SecreT_ Mon, 15 Jun 2009 21:28:00 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-6989 teşekkürler :) teşekkürler :)

    ]]>         Yazar: _SecreT_ http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-6988 _SecreT_ Mon, 15 Jun 2009 21:27:29 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-6988 bencede ok süper bencede ok süper

    ]]>         Yazar: yedincisenol http://www.fatihhayrioglu.com/css-ile-ziyaret-edilen-sayfa-baglantilarina-sekil-vermek/comment-page-1/#comment-6987 yedincisenol Mon, 15 Jun 2009 17:36:54 +0000 http://www.fatihhayrioglu.com/?p=1172#comment-6987 Arka plana OK işareti koymak harika duruyor. Bunu denemeliyim. :) Teşekkürler. Arka plana OK işareti koymak harika duruyor. Bunu denemeliyim. :) Teşekkürler.

    ]]>