#samplelines
Explore tagged Tumblr posts
subhashmahich · 8 months ago
Text
youtube
0 notes
funnyhtmlland-blog · 13 years ago
Text
Menu Samplelines - por Nayanne Karis
Para visualizar o menu clique aqui
Ele é bem simples , eu sei .
Por isso o nome samplelines  ,  e não avacalhem . É meu primeiro menu de verdade ! Que o outro foi um menu de coração que depois disponibilizo , pra personalizar wishlists ... Enfim ...
Vamos ao HTML:
Coloque entre <style> e </style> ( seu css )
ATENÇÃO : RECOLOQUE TODAS , TODAS AS ASPAS !
Principalmente as do
'04b03' 
/**** MENU POR NAYANNE KARIS - DAUGHTERCHUCKNORRIS *****/
simplelines {width:50px ;padding: 1px ;font-family:"04b03", small fonts;font-size:08px; background-color:#fff; color:#000; border-left: 5px solid #668B8B ; border-right: 5px solid #668B8B ; -webkit-transition-duration:1.0s; text-align: center;  padding: 5px; z-index:100}
simplelines:hover { border-right: 5px solid #000 ;border-left: 5px solid #000;background:#DCDCDC;}
simplelines a { text-decoration:none; color#000}
Não altere para div class(Não coloque um ponto antes de simplelines , não é em div class !)
RECOLOQUE AS ASPAS !
Principalmente as de <font color='#000'> 'link'
Aonde for usar  ( entre<body>  e </body> viu ?)
<simplelines><a href="LINK"><font color="#000">nome</font></a></simplelines>
<simplelines><a href="LINK"><font color="#000">nome</font></a></simplelines>
<simplelines><a href="LINK"><font color="#000">nome</font></a></simplelines>
Se gostou dê like
Se usou dê like e credite
Não repasse
MENU TOTALMENTE POR NAY !
Clique em 'read more' para saber onde mudar certinho as cores !
Coloque entre <style> e <style>
/**** MENU POR NAYANNE KARIS - DAUGHTERCHUCKNORRIS *****/
simplelines {width:TAMANHODOQUADRADINHOpx ;padding: 1px ;font-family:"04b03", small fonts;font-size:08px; background-color:#CORDOFUNDO(QUADRADINHO); color:#CORDAFONTE; border-left: 5px solid #CORDOTRAÇODAESQUERDA ; border-right: 5px solid #CORDOTRAÇODADIREITA ; -webkit-transition-duration:1.0s; text-align: center;  padding: 5px; z-index:100}
simplelines:hover { border-right: 5px solid #CORDOTRAÇODADIREITA ;border-left: 5px solid #CORDOTRAÇODAESQUERDA;background:#CORDOFUNDO(QUADRADINHO);}
simplelines a { text-decoration:none; color#CORDAFONTE}
Depois coloque onde for usar ( entre <body> e </body> )
<simplelines><a href="O SEU LINK"><font color="#CORDAFONTE">nome</font></a></simplelines>
<simplelines><a href="O SEU LINK"><font color="#CORDAFONTE">nome</font></a></simplelines>
<simplelines><a href="O SEU LINK"><font color="#CORDAFONTE ">nome</font></a></simplelines>
Aviso : simplelines a { text-decoration:none; color#000} é importante para não ficar com unerline e dar cor do link do seu theme !
3 notes · View notes