Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Barra de Navegação Personalizada


PunBB PhpBB3
Alguns Templates podem Obter um Resultado Diferente da Demonstração!

--> Código CSS <--
PunBB
Código:
/*Barra de navegação*/
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
}
#pun-navlinks {
    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);
}
#pun-navlinks {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
}
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 90%;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}
#pun-navlinks li a {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
}
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
}
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

PhpBB3
Código:
/*Barra de navegação*/
#page-header .navbar {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
}
#page-header .navbar {
    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);
}
#page-header .navbar {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
}
#page-header .navbar li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#page-header .navbar ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
    text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}
#page-header .navbar li a {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
}
#page-header .navbar li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
}
#page-header .navbar li {
    display: inline;
    font-size: 1.15em;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Visualização Final <--



Desenvolvido por (CRIADOR_NONE) | (SITE_NONE)
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Barra de Navegação Personalizada
Ver perfil do usuário

#3
 Bookmarlucas654

avatar
Membro
Pena que sempre tem um erro quando boto no meu fórum, vou ver ;s
EDIT: E como SEMPRE, bugou. Embora eu deva criar um tópico, por favor cara, responde por MP como desbugar isto em meu fórum. Olha como ficou:

{Link Removido}
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
Eu irei ver, mas eu estou muito sem tempo, estou com uma lista de 120 tutoriais de photoshop aqui para serem editados e postados!

Sinto muito, mas voce vai prescisar abrir o tópico de suporte. :joia2:
Ver perfil do usuário

#5
 Narutofake

avatar
Membro
Comentando para ver '-' Ja que não tem visu final..
Ver perfil do usuário

#6
 'Fusion

avatar
Membro
u.u vlw manolo vc é bom di mais

Edição Anti Flood por D'Leandro™
@uai o meu não ficou por favor me ajude pq
Ver perfil do usuário samuca_akira@hotmail.com

#7
 D'Leandro™

avatar
Fundador
Seta Azul Arikarindokuta
Existem muitas variações amigos, pode ser por causa do seu template, pode ser por que o senhor tenha algum código semelhante, em fim...
Apenas analizando seu forum eu poderia lhe dizer com certeza!
Ver perfil do usuário

#8
 'Fusion

avatar
Membro
Ok troquei de tema e agora tentarei colocar

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#9
 sapinhu

avatar
Membro
Já testei e gostei muito, mas como mudei de versão vou colocar denovo
Ver perfil do usuário prof_roy@hotmail.com

#10
 ®'Martins

avatar
Membro
TO precisando de um menu novo mesmo....

Assinatura:
Atenciosamente:~Rafael~ | arquivospontuais.tk
Ver perfil do usuário

#11
 Conteúdo patrocinado