19/03/2017

Menu linear

|| ||
Status: Estou viciada em Seventeen, alguém me ajuda.
 Hello, angels. Como vão? (。◕‿◕。)  Estou pensando seriamente em mudar o dia de postagem para domingo, já que está se tornando rotina postar nesse dia. O que acontece é que, no sábado, eu ainda estou cansada demais da semana exaustiva na faculdade e acabo dormindo a cada dez minutos. É sério e cômico. Eu posso estar fazendo qualquer coisa, mas se encostar em algum cantinho, apago. Esses dias dormi no metrô, minhas amigas têm fotos que comprovam. Mas não se enganem, estou cansada, mas muito feliz também. E falando em felicidade, estava vendo aqui e no dia 29 fazem exatos três anos de Empire Kawaii. Como o tempo voa! Eu ainda não tenho ideia do que trazer para comemorar com vocês, mas prometo pensar em algo.  Well, como vocês não fizeram pedidos na ask, resolvi trazer um menuzinho que chega a dar vergonha de tão simples, mas mesmo assim, é uma gracinha. Ele é meio que uma desculpa para vocês visitarem o agora reformado site de previews do blog, pois os efeitos e menus de lá sofreram melhorias, então tudo está mais usável e vocês podem se interessar.

menu 시사

 Primeiramente, vá em tema e clique em editar html, dê ctrl+f e procure por: ]]></b:skin. Assim que encontrar, cole o seguinte código acima da tag:
.linear {
font-family: arial; /* fonte */
font-size: 11px; /* tamanho da fonte */
color: #adc0d2; /* cor da fonte */
text-align: center; /* centralização do texto */
text-decoration:none;
width: 54px; /* largura do menu */
height: 15px; /* altura do menu */
background: #fff; /* fundo */
border-bottom: solid 3px #adc0d2;
margin: 2px; /* espaço entre os links */
display: inline-block;
-webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
}
.linear:hover {
font-style: italic;
color: #fff;
border-bottom: solid 5px #c3d7df; /* cor da borda */
-webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
}

 O que está em negrito é importante que você altere de acordo com o seu layout. Salve e vá para layout e clique em adicionar um gadget e então, escolha html/javascript e cole o código à seguir:
<center><div class="linear"><a href="SEULINK">TITLE</a></div><div class="linear"><a href="SEULINK">TITLE</a></div><div class="linear"><a href="SEULINK">TITLE</a></div></center>

 Não sei se tem muita coerência, mas esse menuzinho me lembra muito o estilo de efeitos do tumblr. Espero que gostem também e, por favor, se usarem, creditem e me digam que estão usando. Não é para alimentar meu ego ou algo assim, eu simplesmente fico muito feliz em saber que, de alguma forma, estou sendo útil. Enfim, se tiverem pedidos, já sabem. Um beijo para quem quiser e jya ne! *:・゚

Nenhum comentário

Postar um comentário

하나 Não ofenda autores ou leitores.
Deixe o link do seu blog para que eu visite.
Não serão aprovados comentários apenas com divulgação.
Caso queira sugerir ou pedir algum post, faça isso por nossa Ask.

(⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (◠△◠✿) (◕ω◕✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) (ノ⊙ヮ⊙) (╯°□°)╯ಠ_ಠ ( ̄。 ̄)~zzz (°ロ°)ヽ (゜∇゜)ノ (ノ◕ヮ◕)ノ (▰˘◡˘▰) (︶▽︶) (。・_・。) (・ェ-) (。◕ ‿ ◕。) ʘ‿ʘ ╮ (─▽─)╭ ᕦ(ò_óˇ)ᕤ (≧ω≦) (^▽^) ( ̄□ ̄) (¬_¬) (╥_╥) (╯3╰) (¬‿¬) (◣_◢) (≧o≦) (⋋▂⋌) (॓_॔) (─‿‿─) (∩︵∩) (⊙_◎) (。♥‿♥。) (~ ̄▽ ̄)~ ★~(◠‿◕✿) (∩˃o˂∩) ~ヾ(^∇^) (づ。◕‿‿◕。)づ (ノ◕ヮ◕)ノ*:・゚✧ (;一_一) (¬_¬) (¬‿¬) (∩︵∩) (◕ ‿ ◕)/