Modelo Fixo para Perfil : Sky Cute

Konnichiwa fadinhas & elfos! Como estão? Hoje venho com um modelo de perfil/autor do blog, super kawaii, lindo, pastel tumblr! Diferente de alguns ele é fixo com menu e 3 redes sociais, fica no topo e segue a rolagem do blog. Raramente vi um nesse estilo, me chamou a atenção e resolvi edita-lo e trazer para vocês, espero que gostem!

(Preview)

Vá em Tema, Editar HTML e procure por ]]></b:skin> ,  e  ACIMA dele cole:

.navis {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background: #F6E6FF; padding-left:20px; padding-right:10px; border-radius:5px; letter-spacing: 2px; }

.navig {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#F3FFE6; padding-left:20px; padding-right:40px; border-radius:5px; letter-spacing: 2px; }

.navih {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#E6F4FF; padding-left:20px; padding-right:30px; border-radius:5px; letter-spacing: 2px; }

.navil {cursor:Pointer;width:72px; display:inline-block; text-align:center; margin-left:-30px; padding:2px;text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px; color: #333; background:#FFE6E6 ; padding-left:20px; padding-right:15px; border-radius:5px;letter-spacing: 2px;  }

.imageu{width:200px;border-radius:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhotc09D-z1-czBc8qK-UyahFhMnxolLy6OVPl2bvspWomlMfptAl5rMWldqcowHHsPm2KGtRRzK2UAcYK9ixv2crIOiKOXC6zdtYPR33dEHGNxhpBgubd1tWiR0IdzhoG7YQBO3BRKQSw/s1600/backgroundpurple.png);background-size:360px;padding:10px;
height:100%;}

Agora para aparecer vamos em Layout, e coloque um Gadget de Html/Javascript e cole o seguinte código:

 

<div style="width:250px; position:fixed; top:70px; left:70px;">



<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">



<img src="http://data.whicdn.com/images/45594422/tumblr_ma1uflNXO51re6siso1_500_large.jpg" style="border-bottom-left-radius: 99px; border-bottom-right-radius: 99px; border-top-left-radius: 99px; border-top-right-radius: 0px; border: 0px !important; height: 120px !important; opacity: 0.9; padding: 0px !important; width: 130px !important;" /></div>











<span class="navis" onclick="document.getElementById('main').innerHTML=document.getElementById('author').innerHTML"><a href="URL AQUI">biography</a></span>



<span class="navig" onclick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML"><a href="URL AQUI">stuffies</a></span>



<span class="navih" onclick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML"><a href="URL AQUI">chingu(s)</a></span>



<span class="navil" onclick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"><a href="URL AQUI">home entry</a></span><br /><br />







<a href="http://www.tumblr.com/"><img src="http://media.tumblr.com/tumblr_m7efduTpVn1qdlkyg.gif" /></a>&nbsp;



<a href="http://www.facebook.com/"><img src="http://media.tumblr.com/tumblr_m7efduTpVn1qdlkyg.gif" /></a>&nbsp;<a href="https://twitter.com/"><img src="http://media.tumblr.com/tumblr_m7efduTpVn1qdlkyg.gif" /></a>



<br /><br />







<center>



<div class="imageu">



<div class="sidebar">



Hello! Meu nome é June. Aqui compartilho tudo que é fofo e divertido! Nunca se esqueça, você é especial </div></div></center>



<br />







<center>



<div class="imageu">



<div class="sidebar">



coloque seu cbox aqui ~ width: 150px; height: 75px; </div>



</div></center>



<br /></div>

Explicando: - O primeiro elemento em <div style="width:250px; position:fixed; top:70px; left:70px;"> pode ser ajustado, caso seja necessário, top o quando ele ficara no topo do seu blog, left o quanto para esquerda .

- Você precisará editar os links, onde esta ''URL AQUI'' e as das redes sociais. (Obs: A cor do link poderá mudar caso tenha escolhido algum especifico para seu blog).

- Altere a descrição, na parte Hello, e onde tem ''coloque seu cbox aqui'' não precisa ser apenas cbox, você pode escolher o que colocar, uma boa ideia é colocar os créditos do layout (E lembre-se também de me creditar!). Qualquer duvida, é só perguntar nos comentários ok?

Por hoje é só! Espero que tenham gostado!

Kissus 

Facebook | Twitter | We heart It | Bloglovin | Pinterest *