29/12/2013

[Tutorial]Status Heart

Peço-vos para votarem mais uma vez no blog Wonderland Time,onegai ^^ Cliquem aqui
Olá people do meu kokoro *-*

Tudo bom?>-< Estou mortinha por amanhã porque vou comprar um disco rígido para o meu pc *-* Ele só têm 100GB e está completamente cheio de imagens e sims e programas \(=.=)\
Bem,estive esta tarde toda a fazer um lay para uma menina que me pediu ajuda no último post :3 E estava á procura de um status que tinha visto no blog da Nês-chan e encontrei,só que perdi o link e.e Então,como eu ainda tinha os códigos,decidi fazer um tutorial para aqueles que não encontrarem :3
Cliquem em Ler mais...


(clica para exibir em tamanho original)
Bem fofo,não é? *-* E bem fácil de usar também :3
1º- Modelo > Editar HTML > Aperta Ctrl+F e procura por ]]></b:skin>.Acima desse código cola:
.heart {
display : block;
 font-size: 10px;
font-family: Tahoma;
letter-spacing : 0;
border-bottom : 1px solid #eee;
background-repeat : no-repeat;  
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
 line-height : 15px;
margin-bottom : 1px;
padding-left : 3px;
 -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;
border-left: solid #A020F0; /* cor da borda esquerda*/
background: #EEE9E9; /* fundo do status */
 color: #000000 !important; /* cor das letras */
}
.heart:hover {
display : block;
text-decoration: none;
 vertical-align: middle;
line-height: 15px;
background: #EEE9E9; /* fundo do status hover */
 border-left: solid #00BFFF; /* cor da borda esquerda hover */
 padding-left: 15px;}

2º- Para o usarem colem num gadjet HTML/Java Script:
<div class="heart"><b>Nome:</b> La la la </div>
<div class="heart"><b>Nome:</b> Le le le </div>
<div class="heart"><b>Nome:</b> Li li li </div>
<div class="heart"><b>Nome:</b> Lo lo lo </div>
 3º- Para adicionarem mais um "retângulo",basta adicionarem:
<div class="heart"><b>Nome:</b> Lu lu lu </div>
 Bem fácil,certo?>< Espero que gostem :3
Ah,os tutoriais na página estão uma confusão x.x Amanhã trato disso *boceja*

                                                Kissus!>3<

7 comentários:

  1. Muito obg pelo tuto,vou colocar c:

    Kissu~
    otakus-sekai.blogspot.com.br

    ResponderEliminar
  2. Ótimo tutorial onee \o
    Agora quando precisar dele venho aqui u.u

    Kissus :3

    ResponderEliminar
    Respostas
    1. Arigato onee >\\\\<
      Hai hai :3

      Arigato por comentares!Kissus!>3<

      Eliminar
  3. Vou ver depois, quem saiba desta vez funcione :)

    ResponderEliminar

Obrigada por vires comentar!!
P.S: Sou de Portugal, alguma coisa que não percebas avisa u v u

❥Respondo a todos os comentários assim que puder.
❥Podes por o URL do teu blog no fim mas tens de falar do post.
❥Podes pedir tutoriais e utilitários.
❥Podes falar palavrões (como eu falo ás vezes) mas não ofendas ninguém com eles, ok?

♣Não aceito "Seguindo, segue de volta?", só sigo se gostar do blog.
♣Comentários insultosos para com alguém não serão publicados.
♣Não utilizes o teu comentário para publicitar o teu blog.
♣Os pedidos de parceria só são aceites na devida página(com algumas excepções).

♥Podes usar estes bonequinhos:
=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †