Cikkajánló
A napokban volt egy kevéske időm, így hoztam a listámról egy jó pár leírást és kódot. A listámon mindig van valami csak időm nem mindig van, hogy megosszam veletek.
Kaptam egy tippet e-mailben, hogy miről írhatnék még cikket. A felbontásbarát kinézetekről. Pontosabban annak hiányáról fog szólni a cikk, hogy a mai 21. században, amikor a netet böngészők 80%-ának
Ez egy leírás arról, hogyan tudsz a Coppermine Galéria fejlécébe ugyan úgy egyedi menüt tenni, mint pl. a weboldalad fejlécébe. Szóval nem a megszokott hagyományos két soros menü lesz
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
Vízszintes menü 06.

 

Menü kódja
 

<div class="circlemenu">
    <ul>
        <li>
            <a href="/"><span>Home</span></a>
        </li>
        <li>
            <a href="/"><span>Graphics</span></a>
        </li>
        <li>
            <a href="/"><span>CSS</span></a>
        </li>
        <li>
            <a href="/"><span>Flash</span></a>
        </li>
        <li>
            <a href="/"><span>Help</span></a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
.circlemenu{
width: 100%;
overflow:hidden;
}
.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center;
}
.circlemenu li{
display: inline;
margin: 0;
}
.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#FF9999;
text-shadow: 1px 1px 0px #BF0000;
margin: 0;
margin-right:5px;
width:80px;
height:80px;
border-radius: 400px;
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}
.circlemenu a span{
position:relative;
top:40%;
}
.circlemenu li a:visited{
color: white;
}
.circlemenu a:hover{
background:#ABD0BC;
text-shadow: 1px 1px 0px #3D6B52;
}</style>

lindadesign Hozzászólások
2 021 megtekintés

Hozzászólások