On:
HTML Land, tudo sobre HTML ♥ Com intuito de ajudar todos na criação de seus layouts e blogs! Com mais recursos e materiais :3 Layout by Roh A. Ramos
HTML LAND
Layout por GNMH

modelo para agendinha ~ ♡

Annyeong, amadas sheeps! Tudo bem? Espero que sim. Não queria falar sobre as aulas, mas vou falar pra puxar um assunto aí antes de começar a postagem; Não sei vocês, mas no meio das férias eu fiquei pensando como iria ser legal se voltasse as aulas logo, porquê eu gosto bastante de ficar com os amigos. Mas aí, em um piscar de olhos (em dias) voltaram as aulas e, sério, não foi tãaao legal como eu pensava. O pessoal fica tudo falando sobre os materiais escolares, e se não gostasse do outro, falava bem na cara dura que não gostou, sério... Isso nunca aconteceu na minha vida escolar. A semana passada inteira falavam sobre tal material escolar, até minha melhor amiga, isso aí é uma contaminação? Credo.

Vamos ao assunto principal da postagem né? Hoje trouxe aqui um tutorial que a mandy postou no blog Mundo Kawaii, e eu quis postar aqui, mas é claro que todos os créditos vão para ela, eu apenas coloquei aqui. Gostei bastante da agendinha, confira o preview feito pela mandy do Mundo Kawaii abaixo. Agora vamos lá! Clique na imagem ♥


🌼 Vá no HTML de seu blog, dê F3 e procure por ]]></b:skin>
Depois, acima do procurado, cole o seguinte código:
@font-face { font-family: Smallest ; src: url('http://static.tumblr.com/aicgjw6/7VGmoaydh/smallest_pixel-7.ttf') }
.status{
font-family: Smallest ;
border-radius:2px;
width: 190px;
background: #E9ECEF;
padding: 5px;
margin-bottom: 6px;
text-align: left;
font-size: 10px;
color: #C6C8E0;
text-shadow: 1px 1px 0px #fff;
box-shadow: inset 1px 1px 0 #C6DFEF;}
.status1{
font-family: Smallest ;
border-radius:2px;
width: 190px;background: #C6DFEF;
padding: 5px;
margin-bottom: 2px;
text-align: left;
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 0px #87C7DD;
box-shadow: inset 1px 1px 0 #fef8f9;
}
Agora salve, e no Layout do seu blog, abra um Gadget de HTML/JavaScript e dentro dele cole o seguinte código:
<div class="status1"> 00-00-00 <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Sábado</div><div class="status">  Nada ainda, escreva algo.
</div>
<div class="status1"> 00-00-00 <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Domingo</div><div class="status"> Nada ainda, escreva algo.
</div>
<div class="status1"> 00-00-00 <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Segunda-feira</div><div class="status"> Nada ainda, escreva algo.
</div>
Bom, salve novamente e visualize para ver como ficou, se as cores não estiverem do seu gosto, modifique tudo que está em negrito, dos dois códigos.

♡Saranghae!!!
be happy and smile ~

2 comentários:

  1. Olááá. Minha primeira vez aqui no seu blog. Tudo bein? Eu estou numa escola nova agora, sinto que vai ser legal. Achei a agendinha linda, não costumo usar muito nos meus layouts (sou desorganizada para usar) mas acho bem bonito quem usa. Ótimo tutorial! Beijocas :*

    Snack Cheese Viva o leite ~🍪v i s i t e - n o s🍪

    ResponderExcluir
    Respostas
    1. Oi Oi Oi, Iza! Tudo bem sim :)
      Espero que se enturme bem nesse escola nova também! Verdade, é muito fofs ♥ Eu também não, mas se for um layout mais que eu me empenhar vai certamente ter uma agendinha né, kkkk. Obrigada!!!

      Bjuuusss ♥

      Excluir