Tutorial: Menu para página de goodies

by - julho 24, 2013


Olá gente, espero que estejam bem!
A minha querida Yui-chan, me pediu um tutorial, ter uma página
com um índice de postagens, ou seja, goodies.
Bem, essa forma que eu irei ensinar, não é a única forma para fazer, mas,
é a única totalmente personalizável á seu gosto.

1- Vá em Modelo    Editar HTML    aperte Ctrl F e procure por: ]]></b:skin>

Acima cole o seguinte código

}/*** Menu de goodies GQCA ***/
.goodies {
display: block; 
font-size: 8pt; 
font-family: verdana; 
line-height: 15px; 
border-bottom : 1px solid #fcc;
text-indent: 5px; 
vertical-align: middle; 
background: url('http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minikao2.gif') no-repeat left; 
padding-left: 10px; 
padding-bottom: 2px;
}
.goodies:hover {
display: block;
border-bottom: 1px dashed #fcc;  /*** cor da borda de baixo ***/
vertical-align: middle; 
padding-left: 10px; 
padding-bottom: 2px;
background: #fcc url('http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minikao2.gif') no-repeat left;  /*** Altere a cor de fundo quando passa o mouse se quiser ***/
}
2- Crie uma nova página no seu blog, clique em Editar HTML e cole o seguinte código:
<div style="float: left; width: 49%;"><div class="goodies"><a href="URL_DA_POSTAGEM">TÍTULO </a> </div><div class="goodies"><a href="URL_AQUI">TÍTULO 2</a> </div></div><div style="float: right; width: 49%;"><div class="goodies"><a href="URL_AQUI">TÍTULO 1</a> </div><div class="goodies"><a href="URL_AQUI">TÍTULO 2</a> </div></div>

Edite com os seus links e títulos, cole quantos for necessários.
Vai ficar assim.

Exemplo Título
TÍTULO 2           








Espero que gostem*---*, e se repassarem  o tutorial, credite por favor!


You May Also Like

17 Comentários

  1. Oque são? Tipo, vendo o exemplo final da pra entender, mas eu não entendi... São os marcadores? Quero muito saber como faz *3*

    ResponderExcluir
  2. Bááhh... Eaquece, já entendi!
    Hey me ajuda, eu queria fazer uma nova página, isso eu sei fazer, mas eu só consigo fazer uma nova página de escrever, dá pra colocar fotos, mas não da pra separar, tipo postagens... É que eu tenho que colocar os links nos tutoriais, utilitários, about e blá blá blá e¬e

    kissus e obrigada :9

    ResponderExcluir
    Respostas
    1. Olha, eu adoraria te ajudar, mas não entendi o que você está em dúvida-.-

      Tenta explicar de outra forma e.e'

      ~~Kissus e desculpa^^

      Excluir
    2. É que eu queria fazer uma nova página, só que de pra postar sabe? As páginas que eu consigo criar só da pra escrever textos e colocar imagens, mas eu queria mesmo é separar em postagens... Isso é impossivel né?

      Excluir
    3. Ah, acho que entendi, tipo aqui no menu, quando seleciona em tutoriais,aparecem todas as postagem sobre tutoriais, é isso?

      Excluir
    4. Sim!! Isso mesmo! :3

      Excluir
    5. Ahh!!!! É muito simples, marque as postagens desejadas, com os marcadores normais. Vá para o blog e simplesmente clique no marcador e vai aparecer as postagens marcadas. Para fazer um menu com isso, quando vc clicar no marcador, copie o link que aparecer, copie e use no menu^^

      Espero que tenha entendido, acho que ficou um pouco confuso rsrs

      ~~Kissus

      Excluir
  3. Adorei o tuto.
    Vou utiliza-lo no blog na pagina de sinopses.
    Kissus.

    ResponderExcluir
  4. Yoooooooooo!
    comentario atrasado malz....
    ainda bem que você atendeu o meu pedido sempre entendo melhor as coisas do jeito que você explica,enfim vou ver se consigo fazer...
    Arigaotu *0*

    kissus >3<

    ResponderExcluir
  5. *-----------------------------------------* Que fofo !

    Pra quem tem blog de tutoriais isso cairia muito bem ! Eu usaria pra por meus marcadores , animes e tals !

    Sobre o nosso blog já recebi o convite ! *OOOOOOOOOOOOOOOOOOO*
    Aceitem ele e já faço parte AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *-------------------* QUe FELICIDADE *O*O*O*

    Só estou esperando por você pra começar a postar ^^

    >.< beijinhos Gaby ! *W*

    ResponderExcluir
    Respostas
    1. Obrigada^^

      Ficaria bom mesmo^^

      Que legal*-----------*
      Estou transbordando felicidade *--*

      Pode começar linda^^ Eu já irei começar também^^

      ~~Kissus Nand-chan *uu*

      Excluir
  6. *O* Que fofos... Mas eu não sei pra que serve, podes me explicar ? Gomen x.x Sou burra.

    ResponderExcluir
  7. Anww*----*

    É para criar indices de postagem^^


    ~~kissus

    ResponderExcluir
    Respostas
    1. Acho que eu entendi, >~<
      Depois que você fizer o template e não tiver muito ocupada, eu gostaria de te fazer um pedido >o<'

      Excluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)