[TUTORIAL] Footer Elegante V1
Página 1 de 1
[TUTORIAL] Footer Elegante V1
[TUTORIAL] Footer Elegante V1 |
Neste Tutorial,Iremos adicionar um código css para deixar o footer mais bonito.
Funcional em PUNBB
Funcional em PUNBB
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Footer Elegante V1
[TUTORIAL] Footer Elegante V1
1º - Código CSS
Painel de Controle Visualizações Imagens e Cores Cores Folha de Estilo CSS
- Código:
#pun-navlinks, #pun-foot,#pun-about {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
border: none;
height: 150px;
}
#pun-navlinks a, #pun-foot a,#pun-about a {color:white;text-decoration:none;}
#pun-foot {
border-top: 5px solid #21C8FF;
color: #666;
margin: 0;
width: 100%;
}
#pun-foot .center {
background-color: rgb(48, 47, 47);
border-top: 2px solid #494949;
padding: 10px;
font-size: 14px;
font-family: Calibri,Arial;
text-transform: uppercase;
margin-top: -13px;
}
#pun-about #qjump fieldset {
}
#qjump {
float: right !important;
padding: 13px;
text-align: right !important;
color: white;
}
#pun-foot::after {
content: "Por LucasRPG";
color: #424242;
display: block;
margin: -31px;
font-size: 11px;
margin-left: 834px;
}
#pun-about ul li {
float: left;
font-size: 0px;
margin: 13px;
}
#pun-about ul li a {
display: block;
font-size: 10px;
line-height: 7px;
text-align: left;
}
#qjump input[type="submit"] {
padding: 5px;
background-color: rgb(238, 238, 238);
border: 2px solid rgb(213, 213, 213);
border-radius: 7px;
}
2º - Resultado
- Créditos?
LucasRPG
© Publicidade na WEB
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [TUTORIAL] Footer Elegante V1 |
Tópicos semelhantes
» [TUTORIAL] Portal Personalizado #01
» [TUTORIAL] Informações dos Membros
» [TUTORIAL] Mensagens de Aviso
» [TUTORIAL] Alerta de novas MP's
» [TUTORIAL] ChatBox Personalizado
» [TUTORIAL] Informações dos Membros
» [TUTORIAL] Mensagens de Aviso
» [TUTORIAL] Alerta de novas MP's
» [TUTORIAL] ChatBox Personalizado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sáb Set 07, 2013 9:14 am por Gmtp
» ffffffffffffffffff
Sex Ago 16, 2013 9:29 pm por Netinho
» ffffffffffffffff
Sex Ago 16, 2013 9:24 pm por Netinho
» Formulario
Qua Ago 14, 2013 8:21 am por diogorocha222
» |FIX| Comunidade Gaming
Ter Ago 13, 2013 11:53 am por diogorocha222
» Recrutamento para equipe publicidadenaweb
Ter Ago 13, 2013 11:08 am por Netinho
» [Assinatura] - Médio
Ter Ago 13, 2013 11:07 am por diogorocha222
» Staff Publicidadenaweb
Ter Ago 13, 2013 11:06 am por Netinho
» Staff do fórum
Dom Ago 11, 2013 8:54 am por Netinho