Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Subheaderio kodas

Parašė WhiZz· 2015 Bir. 17 00:06:49
#3
html:

 
<div class="subheader">
 
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
<a href="kazkokia-nuoroda">Namai</a>
 
</div>
 

css:

 
.subheader {
display: block;
padding: 0 none;
background: #151515;
height: 40px;
}
.subheader a {
display: inline-block;
color:#CCCCCC;
text-decoration: none;
font: bold 12px arial, tahoma, sans-serif;
cursor: pointer;
padding: 12px 8px;
margin: 0px none;
}
.subheader a:hover {
color: #F0F0F0;
text-decoration: none;
}
 

Pasitikslinsi .subheader a ,,padding'' jeigu kazkas negerai bus. Pagrindinė esmė, kad nuorodas rodytų lygiuojant reikia į .subheader a prirašyti display: inline-block;
Redagavo WhiZz· 2015 Bir. 17 00:06:19