Image Map
Mostrando postagens com marcador Personalizando Códigos Simples. Mostrar todas as postagens
Mostrando postagens com marcador Personalizando Códigos Simples. Mostrar todas as postagens

18/03/2013

Personalizando Códigos Simples #3

ai como eu queria um desses kit kats :~~
 Hoje temos o último post da série! Triste pra quem gostava, mas pelos comentários vi que ajudou bastante as blogueiras mais iniciantes.
 E fecharemos a tag com chave de ouro: ensinando a fazer seu próprio menu! Isso mesmo, e não, não é tão difícil quanto parece!
 Enfim, vamos lá?
 Abra o seu html e procure por:
]]></b:skin>
 Quando encontrar, cole acima dele o seguinte código:
/* Seu menu- Por você*/#menuex {
float: left;
display: line;
margin:1px;
background: #000000; /* COR DO FUNDO*/
color: #FFFFFF; /* COR DA FONTE*/
width: 330px; /*LARGURA DO MENU- Se não quiser uma largura fixa, apague*/
height: 18px; /* ALTURA DO MENU- Se não quiser uma altura fixa, apague*/
text-align:center; /* ALINHAMENTO DO TEXTO */
font-size: 13px; /* TAMANHO DA FONTE*/
}
#menuex:hover {
background: #FFFFFF; /* COR DE FUNDO QUANDO PASSA O MOUSE*/
text-decoration: none;} /* DECORAÇÃO DO TEXTO (bold, italic, underline) QUANDO PASSA O MOUSE*/
 Pronto, essa é a base para a maioria dos menus! Aí você só precisa alterar, pode até adicionar efeitos. E a parte que está sublinhada é o "código" que representa o seu menu, você pode alterá-lo com as siglas do nome dele (ex: se o nome do seu menu é Batatas Voadoras você pode mudar para "menubv").
 Depois é só adicionar um gadget de HTML/Javascript e colar o seguinte código:
<a href="LINK"id="menuex">DESCRIÇÃO DO LINK</a>
 E alterar o "menuex" pelo nome do seu menu (pelo mesmo que você colocou no código). Prontinho, seu menu personalizado e próprio está feito!
 E aí, gostaram? Espero que sim. Não precisa creditar caso use, mas se for repassar o código base eu quero créditos sim, viu? E me mandem os links dos menus que fizerem! *3*

03/03/2013

Personalizando Códigos Simples #2

se eu já usei essa imagem antes ignorem, hahaha ><
  Bom dia gente, tudo bem com vocês? Eu não estou tão bem, mas não vamos falar disso, né? Não quero deixar vocês tristes também.
 Hoje trouxe a segunda parte desse post, dessa vez falando sobre as áreas personalizáveis do seu código (ex.: área na qual se personaliza sidebar, área de posts e etc.), o que é bem simples. Vamos lá?

15/02/2013

Personalizando Códigos Simples

Oi gente! Se alguma de vocês curte WWE, que tal curtir a página da minha amiga, My Princess AJ Lee? Eu participo de lá como designer, mas ficaria super feliz se tivessem mais curtidas! ^^ Fomos hackeadas recentemente e perdemos a maioria, então, se puderem, ajudem! :3
o que que comida tem a ver com o post? ô produção!
 Depois de duas meninas me pedirem esse post (e de uma delas me lembrar dele todos os dias, rs) finalmente trouxe aqui pro blog.
 Com o término das duas tags antigas (Profissa no Ps e Manual da Blogueira), tinha que criar mais uma, né? hahaha. Mas ainda vou pensar em outras, não se preocupem. Bem, nessa série a minha intenção seria dar algumas dicas de como personalizar códigos, e, talvez, de como criar um menu (isso depois de vocês já souberem o suficiente).
 Hoje vou falar de alguns termos que são necessários para fazer edições, e que são super simples de se decorar. Ah, e obs.: se você já tiver um conhecimento de inglês, ajuda moooointo.