Boa noite xerosos, tudo certin? Nãooo, a Roh aqui de novo? Pois então, eu falei que estaria mais presente e tenho que aproveitar que tinha postagens em rascunho e só estou aproveitando elas, na verdade reaproveitando rsrs. Graças a Deus deixei algumas coisas bem legalzinhas em rascunho que salvei já meio que imaginando que voltaria a postar. Tá ai uma dica para vocês (se é que já não o fazem) Se tiverem alguma ideia legal e não querem postar naquele momento, deixem em rascunho dai você não perde o que já havia feito e ainda tem conteúdo legal para postar quando voltar (gênia sqn). Eu já havia feito um menu parecido só que menor e com outros efeitos nele e, desta vez fiz maior e mais fofo eu acho, bem, pelo menos eu acho hahaha..
Mudando de assunto, cara, que tempo doido não? Aqui estava um calor da porra até umas 16:00 porém após este horário ficou feio, escureceu tudo junto com um vento e começou a chover e, agora está frio e chovendo fino (odeio chuva fina). Mudando de assunto de novo, acredito que todos conhecem o blog Bunny Crazy certo? Ele é um blog muito conhecido e que tem um conteúdo excepcional, a Andrea é minha amiga por sinal e uma ótima pessoa, nos conhecemos em 2012 quando eu comecei a blogar. Tá Roh, mas o que tem a ver? Então, estava falando com ela esses dias pois pedi ajuda com o bug das tags e começamos a falar sobre ajudar ela a voltar a ter movimentação no blog dela. Ela ainda bloga porém desanimou pelo fato de não ter interação no blog, e quem não está desanimado hoje em dia né? Queria pedir a vocês para darem uma olhada lá e apreciarem o bom conteúdo que tem, please! Link
Agora sem delongas, vamos ao tuto?
LIVE PREVIEW ❤
Vá até o seu modelo e clique em editar html, dentro procure por <head> e abaixo dele cole o código da fonte usada no menu:
<link href="https://fonts.googleapis.com/css2?family=Anton" rel="stylesheet"/>
Após ter feito isto, agora procure por ]]skin; e acima dele cole o código abaixo:
.IMAGEMMM{WIDTH: 400PX;HEIGHT: 200PX;BACKGROUND:#FFF;BORDER-TOP: SOLID 5PX #FFF;BORDER-RIGHT: SOLID 5PX #FFF;BORDER-LEFT: SOLID 5PX #FFF;BORDER-BOTTOM: SOLID 5PX #FFF;PADDING-LEFT:5PX;PADDING-RIGHT:5PX;PADDING-TOP:5PX;PADDING-BOTTOM:5PX;OPACITY:0.9;outline: 1px solid #9fb8b8;outline-offset: -10px;-WEBKIT-TRANSITION: ALL 2S EASE;-MOZ-TRANSITION: ALL 2S EASE; -O-TRANSITION: ALL 2S EASE;TRANSITION: ALL 2S EASE;}.IMAGEMMM:HOVER{BORDER-TOP: SOLID 5PX #FFF;BORDER-RIGHT: SOLID 5PX #FFF;BORDER-LEFT: SOLID 5PX #FFF;BORDER-BOTTOM: SOLID 5PX #FFF;TEXT-SHADOW: 1PX 1PX 1PX #AD908B;-MOZ-OPACITY: 0.8;OPACITY: 0.8;FILTER: PROGID:DXIMAGETRANSFORM.MICROSOFT.ALPHA(OPACITY=50);FILTER: ALPHA(OPACITY=50); -MS-FILTER: "PROGID:DXIMAGETRANSFORM.MICROSOFT.ALPHA(OPACITY=50)";-WEBKIT-TRANSITION: ALL 5S EASE;-MOZ-TRANSITION: ALL 5S EASE; -O-TRANSITION: ALL 5S EASE;TRANSITION: ALL 5S EASE;}.MENUZINHU A {BACKGROUND:#FFF;OPACITY:0.1;PADDING:1PX;WIDTH:400PX;HEIGHT:31.8PX;LINE-HEIGHT:31.8PX;MARGIN:0PX;DISPLAY:BLOCK;TEXT-ALIGN:CENTER;TEXT-TRANSFORM:UPPERCASE;font-family: 'Anton', sans-serif;FONT-SIZE:13PX;COLOR: #FFF;TEXT-SHADOW: 1PX 1PX 1PX #cf9f9f;-WEBKIT-TRANSITION: ALL 2S EASE;-MOZ-TRANSITION: ALL 2S EASE; -O-TRANSITION: ALL 2S EASE;TRANSITION: ALL 2S EASE;}.MENUZINHU A:HOVER {BACKGROUND:#e1aaaa;OPACITY:1;PADDING:1PX;WIDTH:400PX;HEIGHT:31.8PX;LINE-HEIGHT:31.8PX;MARGIN:0PX;DISPLAY:BLOCK;TEXT-ALIGN:CENTER;TEXT-TRANSFORM:UPPERCASE;font-family: 'Anton', sans-serif;FONT-SIZE:13PX;COLOR: #9f5b5b;TEXT-SHADOW: 1PX 1PX 1PX #FFF;LETTER-SPACING: 4PX;-WEBKIT-TRANSITION: ALL 2S EASE;-MOZ-TRANSITION: ALL 2S EASE; -O-TRANSITION: ALL 2S EASE;TRANSITION: ALL 2S EASE;}
Salve, agora para fazer os links funcionar no menu copie os códigos abaixo, abra um gadget de html cole dentro e salve:
<div style="position:fixed; margin-top:-14px; margin-left:-15px;z-index: 9999999;"><DIV CLASS="IMAGEMMM"><IMG SRC="https://i.imgur.com/g9zhZIe.png"/></DIV><DIV STYLE="POSITION: FIXED; MARGIN-TOP: -211PX; MARGIN-LEFT: 9PX;Z-INDEX:300;"><DIV CLASS="MENUZINHU"><A HREF="/"TARGET="_BLANK" TITLE="NOME">HOME</A><A HREF="/"TARGET="_BLANK" TITLE="NOME">AFILIADOS</A><A HREF="/"TARGET="_BLANK" TITLE="NOME">BLOGROLL</A><A HREF="/"TARGET="_BLANK" TITLE="NOME">TOP POSTS</A><A HREF="/"TARGET="_BLANK" TITLE="NOME">SIGA-NOS!</A><A HREF="/"TARGET="_BLANK" TITLE="NOME">CRÉDITOS</A></DIV></DIV></div></div>
Oi roh! Boa noite amo o seu blog uso bastante eles acho perfeito. Gostei bastante kisses by Bad angel.
ResponderExcluirOlá Angel >.<
ExcluirAma meu brogui é? Awwn que fofa, muito obrigada <3
Kissu ~
Oi Roh, devo dizer que eu estava sedenta por um tuto de menu e eu amei esse, já tô pensando até em usar em breve.
ResponderExcluirOlá xuxu ~
ExcluirSério? miga não percebeu? Sou telepata u.u brinks hahaha, mas que bom que de alguma forma ajudei >.<
Beijos pra tu =3
ELA BATE A META DELA, quem te viu quem te vê, duas postagens no mesmo mês???? Tudo pra todos <3 Também faço isso do rascunho, só que geralmente eu nunca levo adiante e isso só acontece por desleixo meu mesmo.
ResponderExcluirAqui em SP não está tão diferente, hoje mesmo eu fui no sacolão (não sei se aí em Santa Catarina tem o mesmo nome, mas sacolão é aonde compramos frutas e verduras) com a minha mãe e o tempo estava propício para chuva, como levamos guarda-chuva não choveu ~poker face~, massss vai a gente sair de casa sem ele pra ver. Pior que eu gosto de uma chuvinha, ainda mais por aqui ser a Terra da Garoa kjkkkkkjj
BUNNY CRAZY <3 Fico feliz que dois dos meus blogs favoritos estão ativos novamente e pleaseeee avisa pra ela que interação entre a gente não vai faltar. Eu ainda sou aquelas leitoras que fazem comentários grandes e realmente comentam sobre a postagem. Posso demorar para aparecer, mas quando apareço eu faço meu nome! E é sobre isso, sabe? Avisa pra ela que a gente está ansiosa pela volta dela e que esse desânimo não vai nos vencer. ESSE MOMENTO É NOSSO, VALEU A PENA ESPERAR AAAAA
Eu amo os teus menus, vou ver se encaixo ele no próximo layout aaaaaa que saudade eu estava dos teus resources, amo (〃＾▽＾〃)
Ainda estou namorando seu novo layout, ele ficou uma graça de delicado. Ah, e puxando esse gancho: aqui no blog tem tutorial daquele player ali no header??? A anos eu procuro um tutorial que eu conseguisse executar e só quebrei a cara, pois quando eu encontrava o tutorial não conseguia colocar as músicas ~poker face²~. Sim, eu sou tonta a esse extremo! jhagsudjs
Até a próxima!
With love, Océane.
꒰Peach Aesthetic꒱ (〃＾▽＾〃) ♡
Oiee xuxu >.<
ExcluirA mais atrasada, eu jurava que já tinha respondido aqui, anta Roh hahaha
Aqui tem sacolão sim tá? E se chama assim em alguns lugares e em outros se chama Ceasa, e porque se chama assim eu não faço idéia hehe.
Que bom que gostou do menu, não é uma brastemp mas dá pro gasto hahaha.
E sobre o music player fiz um tuto explicando bem certinho como faz para funfar no blog >.<
Beijos =3