http://www.blackinci.com/ urlsindeki kategoriler menüsünü resimleri ile beraber nasıl css olarak oluşturabilirim ?
|
|
Css Yardım
- Konbuyu başlatan daRius
- Başlangıç tarihi
Teşekkür ederim tavsiyeniz için ancak wordpress sayfamın görünümünü değiştirmek için arıyorum, kategoriler sâde olucak sadece etrafındaki çerçeve yani nasıl anlatayım bilemedim 
Şu eklentiyi kullanarak yabancı lokasyonlu bir sitede gördüğüm çok şık bir kategoriyi kendi siteme uygulamıştım. Biraz uğraştırabilir, ancak %100 sonuç verir.
https://addons.mozilla.org/en-US/firefox/addon/firebug/
https://addons.mozilla.org/en-US/firefox/addon/firebug/
evet aynısı. taslak isterseniz bende taslak çooook ama css bilgim nerdeyse hiç yooook
Ekleme:
,
Teşekkür ederim eve geçiyorum az sonra, deneyeceğim hemen olumlu olumsuz cevabı yazarım diyecektim ki %100 sonuç diyorsunuz
Html
CSS
Not:Kodları yanlış almış olabilirimde bundan dolayı daha önceki menü kodunuz varsa onları yedekleyin sonra bunu ekleyin derim.
HTML:
<div class="menu-sag" id="menu">
<ul>
<li>
<a class="video" target="_top" href="/video.html">
<span style="opacity: 0; ">Galeri</span>
</a>
</li>
<li>
<a class="galeri" target="_top" href="/galeri.html">
<span style="opacity: 0; ">Galeri</span>
</a>
</li>
<li>
<a class="temalar" target="_top" href="/temalar.html">
<span style="opacity: 0; ">Temalar</span>
</a>
</li>
<li>
<a class="ikonlar" target="_top" href="/ikonlar.html">
<span style="opacity: 0; ">İkonlar</span>
</a>
</li>
<li>
<a class="uygulama" target="_top" href="/uygulamalar.html">
<span style="opacity: 0; ">Uygulamalar</span>
</a>
</li>
<li>
<a class="renkler" target="_top" href="/renk_kodlari.html">
<span style="opacity: 0; ">web Renk kodları</span>
</a>
</li>
<li>
<a class="css" target="_top" href="/css_dersleri.html">
<span style="opacity: 0; ">Css Dersleri</span>
</a>
</li>
<li>
<a class="forum" target="_top" href="/forum">
<span style="opacity: 0.977896507399165; ">Forum</span>
</a>
</li>
</ul>
</div>CSS
Kod:
element.style {
opacity:0.6619587090990747;
}
::-moz-selection {
background-attachment:initial;
background-clip:initial;
background-color:#FF33FF;
background-image:initial;
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
color:#FFFFFF;
}
a.forum span {
background-attachment:initial;
background-clip:initial;
background-color:transparent;
background-image:url(http://blackinci.com/templates/inci-V2/img/menu-b.png);
background-origin:initial;
background-position:-143px -33px;
background-repeat:no-repeat no-repeat;
}
stil.css
#menu ul li a span {
display:block;
height:100%;
left:0;
position:absolute;
text-indent:-50cm;
top:0;
width:100%;
z-index:100;
}
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
a:link {
color:#006BE5;
text-decoration:none;
}
stil.css
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
Inherited fromul
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
#menu ul {
list-style-image:initial;
list-style-position:initial;
list-style-type:none;
}
stil.css
Inherited fromdiv#menu.menu-sag
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
Inherited fromdiv.menu
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
Inherited fromdiv.govde
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
.govde {
color:#000000;
text-align:left;
}
stil.css
::-moz-selection {
color:#FFFFFF;
}
stil-iki.css
body {
color:black;
font-family:verdana, helvetica, 'Lucida Grande', arial, sans-serif;
font-size:12px;
font-variant:normal;
line-height:1.6em;
}
stil.css
::-moz-selection {
color:#FFFFFF;
}Not:Kodları yanlış almış olabilirimde bundan dolayı daha önceki menü kodunuz varsa onları yedekleyin sonra bunu ekleyin derim.
Ya yanlış kodlar yada ben şu css kodlarından anlamıyorum
sadece wpye entegre edicem yardım edebilecek kimse yokmu ?
?