quinta-feira, 13 de dezembro de 2012

Noções de HTML II: Gadgets

Chega de cupcakes haha'
 Na segunda parte do guia de html, iremos aos gadgets. Essa parte é um pouco complicada, pois existem muitos tipos de gadgets, então vamos ficar apenas da parte do html, ok? 
Identificações: 
Código representado: h2 
(Como o do título do post é h3, o do gadget é h2, então quando você for personalizar uma fonte por exemplo, e quiser colocar ela no título dos gadgets [usaremos muito essa palavra nesse post], terá de colocar o "h2" no identificador).
-----------------------------------------------------------------------------------------------------
Título: "Gadget Title" selector="h2"> 
(Talvez terá alguma coisa na frente, como '<Group description='
Texto: "Gadget Text" selector=".sidebar .widget">
('Sidebar' é a coluna lateral, onde ficam os gadgets)
Links: "Gadget Links" selector=".sidebar .widget">
(Também dá para personalizar a cor dos links pela personalização do modelo, mas se quiser colocar algum efeito só nos links da sidebar, provavelmente utiliza-rá essa tag). 
Background: "Gadget Background" selector=".sidebar .widget">
(A borda, por exemplo) 
Background da sidebar: <Group description="Sidebar Background" selector=
Criando o seu gadget
Várias blogueiras/os criam menus que eles disponibilizam para os leitores. Realmente, criar o seu próprio é complicado, mas o bom, é ter uma base. Pegar algum bem simples e personalizar. Claro, creditar do blog que você pegou a base, o gadget original. 
A tag que sempre finalizará alguma coisa, será </div>
Menus: 
Tutoriais de gadgets: 

Até a próxima! <3

Nenhum comentário:

Postar um comentário