Barra de navegação personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 07:13 pm

Qual é minha questão:
Olá, eu gostaria de personalizar minha barra de navegação, tipo essa ~~>http://illiweb.com/fa/pbucket.gif<~~

Endereço do meu fórum:
http://br-legends.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Gabriel.Macedo83 em 10/02/14, 12:09 am, editado 1 vez(es)
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Resolvido Re: Barra de navegação personalizada

Mensagem por Hancki em 09/02/14, 07:24 pm

Olá!

Use este CSS:
Código:
#pun-navlinks {
background-color: #425866 !important;
width: 89.7% !important;
}
#pun-navlinks a {
color: white !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
Resultado: http://prntscr.com/2r22e5

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 07:55 pm

@Hancki escreveu:Olá!

Use este CSS:
Código:
#pun-navlinks {
background-color: #425866 !important;
width: 89.7% !important;
}
#pun-navlinks a {
color: white !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
Resultado: http://prntscr.com/2r22e5

Hancki

fico branco não apareceu nada
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Barra de navegação personalizada

Mensagem por Farding em 09/02/14, 08:30 pm

@Gabriel.Macedo83 escreveu:
@Hancki escreveu:Olá!

Use este CSS:
Código:
#pun-navlinks {
background-color: #425866 !important;
width: 89.7% !important;
}
#pun-navlinks a {
color: white !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
Resultado: http://prntscr.com/2r22e5

Hancki

fico branco não apareceu nada

Olá,
Testei o código fornecido pelo Ajudeiro Hancki em seu fórum e deu certo!
Você deu o espaço de uma Linha ao seu css?


Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 08:39 pm

@Farding escreveu:

Olá,
Testei o código fornecido pelo Ajudeiro Hancki em seu fórum e deu certo!
Você deu o espaço de uma Linha ao seu css?

Até mais.

eu tentei 2 vezes com espaço e 2 vezes sem espaço, da o mesmo resultado
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Barra de navegação personalizada

Mensagem por Farding em 09/02/14, 09:01 pm

Teria como o senhor fornecer sua folha de estilo css?


Até mais Muito feliz
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 09:20 pm

Olá, estarei disponibilizando em 3 partes porque o código é muito grande

Part1

Código:
#pun-intro {
    background-color: #ffffff;
    display: none;
}

#pun-intro {
    background-color: rgb(255,255,255);
    border-bottom: 0px solid #ffffff;
}

#pun-intro, #pun-navlinks {
display: block !important;
}
#pun-navlinks {
top: 25px !important;
position: absolute !important;
width: 92% !important;
background-color: transparent !important;
}
div.main-content > table > tbody > tr > td.tc2:after {
content: " Tópicos" !important;
}
div.main-content > table > tbody > tr > td.tc3:after {
content: " Mensagens" !important;
}
div.main-content > table > tbody > tr > td.tcr a:empty:before {
content: "Sem última mensagem." !important;
cursor: default !important;
pointer-events: none !important;
text-align: center !important;
}
div.main-content > table > tbody > tr {
border-bottom: 1px solid grey !important;
}
div.main-content > table > tbody > tr > td.tcl, div.main-content > table > tbody > tr > td.tc2, div.main-content > table > tbody > tr > td.tc3 {
border-right: 1px solid grey !important;
}

.user_login_form.main-box.center {
  display: block !important;
}
#addneon{color:#463DC4;text-shadow: 0 0 2px #110A7D;font-weight:bold}
.main .main-head  {
    background-color: #487183 !important;
    background-image: none !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    clear: both !important;
    margin-bottom: 4px !important;
    padding: 10px !important;
    border-bottom: 0px !important;
}
.main .main-head .page-title h2 {
    color: white !important;
}
.main .main-content table {
border: 4px solid #487183 !important;
border-top: 0px !important;
margin-top: -5px !important;
}
div.pun {
padding-top: 40px !important;
}
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
.main .main-head{margin-top:10px}
#content-container div#right{position:relative;right:2em!important;background: rgb(243, 243, 243)!important;}
#temaheader {
width: 990%;
background: rgb(94, 94, 94) url(http://i.imgur.com/CwCJDUX.png);
background-position: 90px;
border-top: 1px solid rgb(124, 119, 119);
font-size: 15px;
height: 220px;
font-weight: bold;
}

body{background:url("http://www.downloadswallpapers.com/wallpapers/2013/agosto/Papel-de-Parede-fundo-azul-petroleo-com-mosaicos-35673.jpg") repeat scroll 0 0 #8B8989; margin:0; padding:0; font-family:arial,sans-serif; font-size:13px; color:#4E565E; overflow-x:hidden}
body{background-attachment: fixed; background-repeat: repeat;}

#pun-intro{display:none}

#pun-navlinks{display:none}

#pun-announcement{border-style:0 px solid; border-width:0px; padding:1em; background:white}

.pun .main-content{border-bottom: 1px #CCC solid;
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;;}
thead{display:none}

fieldset{-webkit-margin-start:2px; -webkit-margin-end:2px; -webkit-padding-before:0.35em; -webkit-padding-start:0.75em; -webkit-padding-end:0.75em; -webkit-padding-after:0.625em; border:0px; border-image:initial}
.wrapper{margin:0 auto; width:92%!important; overflow:hidden}
.guestMessage{ background: rgb(249,215,155);  border:1px solid rgb(235,185,98);  color:rgb(184,95,29);  font-size:13px;  line-height:140%;  box-shadow:0px 1px 4px rgb(253,229,187);  margin:5px;  margin-bottom:10px;  padding:10px;  text-shadow:0px 1px 0px rgba(255,255,255,0.55)}

#pun-about{font-size:0.8em; text-align:left; text-shadow:rgba(255,255,255,0.8) 0px 1px 0px; background:transparent; border:none}

#pun-about form{display:none}

.pun{overflow:hidden; -moz-box-shadow:0 5px 9px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2); background:#fff; border-radius:6px; box-shadow:0 5px 9px rgba(0,0,0,0.2); line-height:120%; margin-top:15px;  margin-bottom:15px; padding:10px; width:92%!important}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited{color:black; background-image:url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png); background-position:left; background-repeat:no-repeat;}

.main .main-head {
background: url(http://i.imgur.com/fWUuHeA.png);
padding: 12px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
border: 1px solid #eaeaea;
border-bottom: 4px solid #242C34;
overflow: hidden;
}


.module.main .main-head {padding: 15px;
padding-bottom: 9px;
background: #242C34;
text-align: center;
border-top: 1px solid #131B23;
border-bottom: 4px solid #1f4c61;
margin: 0;
overflow: hidden;
}


.block .blocksubhead .main .main-head{background:#43a6df; color:rgb(255,255,255); padding:10px; font-size:12px; font-weight:300; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; margin-bottom:2px; font:normal 14px 'Open Sans',sans-serif}

.main .main-foot{background:#A9B4C0; color:white; text-shadow:rgba(0,0,0,0.25) 0px -1px 0px; padding:12px; font-size:12px; font-weight:300; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset #778594 0px 1px 3px; -moz-box-shadow:inset #778594 0px 1px 3px; box-shadow:inset #778594 0px 1px 3px; overflow:hidden; margin-bottom:2px}

.pun tbody.statused td.tcl{background:white}

.pun tbody.statused td.tcr{background:white;  border-left:0px}

.pun table.table td{border: none; padding:0.6em 0px 0.7em}

.pun .main table td.tc2, .pun .main table td.tc3{background:white;  border-right:none;  border-left:none}

.pun fieldset, .pun img{vertical-align:middle}

.expand, .contract{position:absolute;  top:-4px;  right:-1px;  cursor:pointer;  width:32px;  height:22px;  background:url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_maximize.png)}
.contract{background:url()}
.contract:hover{background:url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/cat_minimize.png)}

#user_bar{background:#A9AFB6; border-top:1px solid #CBCDD1; border-bottom:1px solid #95999C; -webkit-box-shadow:white 0px 1px 0px; -moz-box-shadow:#fff 0px 1px 0px; box-shadow:white 0px 1px 0px; height:38px; margin-bottom:10px}

#user_navigation{float:left; color:#9F9F9F; font-size:11px; line-height:36px; height:36px; overflow:hidden; font-weight:bold; border-left:1px solid rgba(255,255,255,0.15)}

#user_navigation .ipsList_inline li{margin:0; padding:/; float:left}

#user_navigation a{color:white; text-shadow:rgba(0,0,0,0.3) 0px 1px 1px; float:left; padding:0 12px; line-height:36px; outline:none; height:36px; border-right:1px solid rgba(255,255,255,0.15)}

#user_navigation #sign_in img, #user_navigation #register_link img{vertical-align:top; position:relative; margin:10px 2px 0 0}

.login{background:none; cursor:pointer; padding:5px}

.ipsList_inline >li{display:inline-block; margin:0 3px}

#avatar img{position:relative; vertical-align:top; padding:0; height:24px; width:24px; border:1px solid #959595; background:white; padding:1px; margin-top:4px}
#avatar{float:left}

#notify_link img, #inbox_link img{width:20px; height:20px; background-repeat:no-repeat; vertical-align:middle; background-position:0 0; margin-top:7px}

#notify_link, #inbox_link{vertical-align:middle; width:20px; padding:0px 8px !important; position:relative}

#branding.withFixedTop{padding-top:38px}

#branding{background:#262626; height:69px; border-bottom:1px solid #141414}

#primary_nav{background:rgba(0,0,0,0.3); -webkit-box-shadow:rgba(255,255,255,0.1) 0px 1px 0px,rgba(255,255,255,0.05) 0px 0px 0px 1px,inset black 0px 1px 4px; -moz-box-shadow:rgba(255,255,255,0.1) 0px 1px 0px,rgba(255,255,255,0.05) 0px 0px 0px 1px,inset #000 0px 1px 4px; box-shadow:rgba(255,255,255,0.1) 0px 1px 0px,rgba(255,255,255,0.05) 0px 0px 0px 1px,inset black 0px 1px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:12px; text-transform:uppercase; font-weight:700; font-family:"Lato","Trebuchet MS",Arial,Helvetica,sans-serif; float:right; margin-top:16px}

#community_app_menu >li{margin:0; position:relative}

#community_app_menu >li.active >a{background:rgba(255,255,255,0.07); color:#A2ECFF; text-shadow:#A2ECFF 0px 0px 4px; position:relative}

#community_app_menu >li >a:hover, #community_app_menu >li >a.menu_active{ background:rgba(255,255,255,0.05); color:white; text-shadow:white 0px 0px 4px}

#community_app_menu >li >a{color:#E9EBED; display:block; outline:none; padding:0px 10px; line-height:35px; height:35px; -webkit-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out}


#search{margin:0px}

#search_wrap{position:relative; background:rgb(148, 148, 148) !important; background:rgba(0,0,0,0.2); display:block; padding:0 26px 0 7px; height:26px; line-height:25px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset rgba(0,0,0,0.35) 0px 1px 3px,rgba(255,255,255,0.2) 0px 1px 0px; -moz-box-shadow:inset rgba(0,0,0,0.35) 0px 1px 3px,rgba(255,255,255,0.2) 0px 1px 0px; box-shadow:inset rgba(0,0,0,0.35) 0px 1px 3px,rgba(255,255,255,0.2) 0px 1px 0px; min-width:250px}

#main_search{font-size:12px; border:0; padding:0; background:transparent; width:225px; outline:0; color:white; margin-top:5px}
 
#search_options_menucontent{min-width:130px; padding:0; background:white; border:1px solid #C6C6C6}

#search_options{display:none !important; max-width:80px; text-overflow:ellipsis; overflow:hidden; font-size:10px; height:20px; line-height:20px; margin:3px 3px 3px 0; padding:0 6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;background:rgba(0,0,0,0.4); display:inline-block; text-shadow:rgba(0,0,0,0.5) 0px -1px 0px; color:white; float:right}

#search .submit_input{background:rgb(202, 202, 202) url('http://cdn3.iconfinder.com/data/icons/eightyshades/512/11_Search-16.png') no-repeat 50%; text-indent:-3000em; padding:0; border:0; display:block; width:30px; height:25px; position:absolute; right:0; top:0; bottom:0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
#adv_search{width:26px; height:26px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-indent:-3000em; display:inline-block; margin-left:-26px}

#adv_search:hover{background-color:rgba(0,0,0,0.2)}

.right{float:right}

a{text-decoration:none}
li{list-style-type:none}

.clearfix::after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}

#secondary_navigation.stickyTop{position:fixed; width:100%; top:0; left:0; z-index:999; background:rgba(0,0,0,0.8)}

#secondary_navigation{background:#1C1C1C; font-size:11px; text-shadow:rgba(0,0,0,0.8) 0px 1px 1px; -webkit-box-shadow:rgba(255,255,255,0.05) 0px 1px 0px; -moz-box-shadow:rgba(255,255,255,0.05) 0px 1px 0px; box-shadow:rgba(255,255,255,0.05) 0px 1px 0px; border-bottom:1px solid #0D0D0D; overflow:hidden; line-height:37px; clear:both}

#secondary_navigation{font-size:11px; text-shadow:rgba(0,0,0,0.8) 0px 1px 1px; line-height:37px}

#secondary_navigation #breadcrumb li a:hover span{background-position:100% -43px}

#secondary_navigation #breadcrumb li.first a span{padding-left:12px}

#secondary_navigation #breadcrumb li span{display:block; padding-right:17px; padding-left:4px; color:#DDD}

.breadcrumb{color:#777; font-size:11px}

#secondary_navigation a:hover{color:white; text-shadow:white 0px 0px 3px}

#secondary_navigation a{color:#DDD; line-height:37px}

#secondary_links{overflow:hidden}

#secondary_links a{padding:0 12px; display:block}

#secondary_links img{vertical-align:top; width:16px; height:16px; position:relative; margin:10px -3px 0 -3px}

#secondary_links a:hover
img{opacity:0.7}

#secondary_links li{float:left; margin:0}

.right{float:right}

#avatar-lastpost img{height:30px; width:30px; padding:1px; border:1px solid #D5D5D5; background:white; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1); margin-top:13px; margin-right:11px}

#avatar-lastpost img:hover{border-color:#A1A1A1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}

#pun-visit, .main-box{font-size:10px; background:white; border:none; margin:0px 0px 1em; padding:0.6em 1em}

#footer_utilities, #footer_utilities a{color:#CCC}

#footer_utilities{padding:8px; font-size:11px; height:45px; position:relative; border-top:1px solid #141414; text-shadow:rgba(0,0,0,0.4) 0px -1px 0px; background:#262626 url('http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/branding_bg.png') repeat}

#footer_utilities img{vertical-align:middle}
 
#stats_div{height:0px; overflow:hidden}

.skin_link, .skin_link a{color:#CCC !important}

#copyright{text-align:right; line-height:22px; float:right}

#footer_utilities .ipsList_inline{margin-top:3px; clear:left; float:left}

#backtotop, #bottomScroll{width:24px; height:24px; line-height:20px; left:50%; top:50%; margin-left:-12px; margin-top:-12px; position:absolute; display:inline-block; background:url("http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/trans30.png") repeat; background:rgba(0,0,0,0.3); -webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px,rgba(255,255,255,0.07) 0px 1px 0px; -moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px,rgba(255,255,255,0.07) 0px 1px 0px; box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px,rgba(255,255,255,0.07) 0px 1px 0px; text-align:center; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; outline:0}

#bottomScroll:hover, #backtotop:hover{background:url("http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/trans70.png") repeat; background:rgba(0,0,0,0.7); color:white}

#backtotop img{margin-top:5px}

#backtotop:hover img{opacity:1}

#backtotop img{opacity:0.4}

#footer_utilities .ipsList_inline >li >a{margin-right:0px; padding:4px 10px; display:inline-block}

.main-content.standalone .button{border-radius:5px}

.pun .user-ident .username{display:block; font-size:1.3em; font-weight:400!important; margin-top:5px; padding:8px!important; position:relative; text-align:center; text-decoration:none}

.pun .paged-foot, .pun .paged-head{background-color:white; border:0px}

.pun .post{background:white}

.pun .postmain{background-color:#fff; border-left:0px; margin-left:17em}

.pun .post .user{display:block;    border-right:1px dashed #E4E8ED;    position:relative;    font-size:12px;    text-align:center}

.pun .user .user-ident .user-basic-info{text-align:center}

.pun .topic{background:#fff; border:0px; border-style:none solid}

#first-post-br{border:0; border-top:0px}

.pun .posthead{background:#282828 url('http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/branding_bg.png') repeat; text-shadow:rgba(0,0,0,0.5) 0px -1px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset black 0px 1px 3px; -moz-box-shadow:inset #000 0px 1px 3px; box-shadow:inset black 0px 1px 3px; padding:0 10px; height:36px; line-height:36px; margin-top:8px;  border-bottom:0px}

.post-options img:hover{opacity:0.7}

.posting img:hover{opacity:0.9}

.postfoot{border-top:0px}

.pun .postfoot{background:#EDEFF1 url("http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/noise.png") repeat; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset #B3BAC1 0px 1px 3px; -moz-box-shadow:inset #b3bac1 0px 1px 3px; box-shadow:inset #B3BAC1 0px 1px 3px; margin-top:10px}

.pun .posthead h2{color:#BBB; font-size:11px; font-weight:normal}

.user-basic-info a img{max-height:250px; max-width:145px; padding:1px; border:1px solid #D5D5D5; background:white; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
.user-basic-info a img:hover{border-color:#A1A1A1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}

/*box*/
.titlebox{background:#EDEFF1 url("http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/noise.png") repeat; color:#768089; text-shadow:rgba(255,255,255,0.9) 0px 1px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset #B3BAC1 0px 1px 3px; -moz-box-shadow:inset #b3bac1 0px 1px 3px; box-shadow:inset #B3BAC1 0px 1px 3px; padding:10px; overflow:hidden; margin-top:35px; margin-bottom:10px}
.titlebox dd{display:block}
.titlebox dava{float:left}
.ipsBox_withphoto{float:left; margin-left:10px !important}
.ipsType_pagetitle{color:#323232; display:block; font-family:Helvetica,Arial,sans-serif; font-size:26px; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; outline-style:none; overflow:hidden; text-align:left; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; width:650px}
.ipsType_pagetitle a{font-size:23px; z-index:999}
.desc.lighter.blend_links{color:#777; float:left; font-size:11px}
.socialetopic{float:right; position:relative}
.titlebox dava a img{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:white; border:1px solid #D5D5D5; box-shadow:0 2px 2px rgba(0,0,0,0.1); float:left; height:50px!important; padding:1px; width:50px!important}
.titlebox dava a img:hover{border-color:#A1A1A1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
.seguir{float:right; margin-top:10px; position:relative; margin-bottom:10px !important}
.seguir a:hover{border-color:#CED0D2; color:#4c4c4c}
.seguir a{-moz-border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3); -moz-transition:all .2s ease-in-out; -webkit-border-radius:3px; -webkit-box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3); -webkit-transition:all .2s ease-in-out; background:#f6f8fa; border:1px solid #D9DBDD; border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3); color:#616161; display:inline-block; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0); font-size:12px; height:22px; line-height:22px; padding:0 10px; white-space:nowrap}
.tagstitlebox{position:relative; margin-top:0px; margin-bottom:10px}

#profile-advanced-right .main-head .h3{-moz-border-radius:10px; -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0px,rgba(255,255,255,0.05) 0 0 0 1px; -webkit-border-radius:10px!important; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0px,rgba(255,255,255,0.05) 0 0 0 1px; background:rgba(0,0,0,0.4); border-radius:10px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0px,rgba(255,255,255,0.05) 0 0 0 1px; color:white; font-weight:700; opacity:1; padding:4px 10px}

#profile-advanced-right .module.main .main-head{background-color:#183C5D; background-image:url(http://i.imgur.com/JnYGc.png); border:none; border-radius:5px 5px 0 0; box-shadow:none; color:white; font-size:12px; font-weight:300; overflow:hidden; padding:9px 12px; text-shadow:black 0 1px 2px}

#profile-advanced-left #profile-advanced-details .main-head .subtitle{font-size:25px; font-weight:700; line-height:60px; padding-left:75px}

#profile-advanced-left #profile-advanced-details .main-head{-webkit-box-shadow:inset 0 1px 0 #008186,inset 1px 0 0 #056B4E,inset -1px 0 0 #056B4E,inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px #056B4E; background-image:url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png); background-position:left; background-color:transparent; background-repeat:no-repeat; border:1px solid #026375; height:70px}

#profile-advanced-right .main-head .h3 span{color:#FFD600!important; font-size:14px!important}

#profile-advanced-left #profile-advanced-details .main-head .subtitle span{color:#00B8FF!important}

#profile-advanced-right .main-content.clearfix.center{color:#777575; font-size:15px; font-weight:700; text-shadow:1px 1px 2px #F0F0F0}

#divsmilies img+img{visibility:visible!important}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline{background-position:center; background-repeat:no-repeat; border:1px solid #383838; border-radius:5px}
#divbold{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/bold10.png)}
#divitalic{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/italic10.png)}
#divunderline{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/underl10.png)}
#divstrike{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/strike10.png)}
#divcolor{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/font_c11.png)}
#divsmilies{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png)}
#código_creado_por_welmy{background:#E6E6E6; border:1px solid #222; border-radius:3px; font-family:arial; margin:auto; padding:5px; text-shadow:1px 1px #fff; width:228px}
#th_avarx{background-image:url(http://i.imgur.com/EkPsC.png); background-size:100%; border:1px solid #1A1A1A; border-radius:2px; box-shadow:0 1px 2px #000; height:70px; width:70px}
#th_avarx img{border-radius:2px; height:70px; width:70px}
.lnk a{margin-left:5px; margin-right:5px}
#simple-wrap{background:white}


input[type="password"], input[type="text"], textarea{-webkit-border-radius:3px; background-color:white; border:1px solid #CCC; border-radius:3px; color:#515151; cursor:text; display:inline-block; font-size:13px; line-height:15px; outline:0}

.perfilInfo{background:url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%; float:left; height:14em; left:-43em; padding:16px 0px 38px 5px; top:13px; width:510px; height:167px; z-index:999}

.linkPrf{-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; background:#F6F6F6; border:1px solid #DBDBDB; border-radius:0 0 4px 4px; bottom:-7px; border-top:none; box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 1px 0 rgba(0,0,0,0.3); color:#616161; float:left; height:14px; left:13.8em; margin:2px; padding:2px; text-align:center; text-decoration:none!important; transition:all .2s ease-in-out; width:8em}
.linkPrf:hover{color:#4C4C4C; border-color:#9A9A9A}
.linkPrf:hover a{color:#4C4C4C}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none}
.setPerfil{background:rgba(0,0,0,0.3); display:block; height:100%; padding:5px; padding-bottom:10px; border-radius:3px}
.setPerfil >span{background:#f9f9f9; border-radius:3px; display:block; height:100%; padding:3px; border:1px solid #999}
.setPerfil .PerfilInfoImg{width:91px; height:91px; float:left; display:table; padding:1px; border:1px solid #D5D5D5; background:white; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
.setPerfil .PerfilInfoImg:hover{border-color:#A1A1A1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
.setPerfil p div{display:inline}
.setPerfil h2{float:left; font:bold 19px "Trebuchet MS"; display:block; background:#E1E1E1; width:382px; padding:5px; text-shadow:1px 1px 0 white; border-radius:0 10px 0px 0; box-shadow:1px 1px 0 #CCC; margin-bottom:10px}
.setPerfil p{margin:2px 5px; float:right; display:block; background:#F1F1F1; width:350px; text-align:left; padding:5px; box-shadow:1px 1px 0 #CCC; font-weight:normal; border-left:3px solid #333; border-top:1px solid #333; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
.setPerfil p:hover{box-shadow:1px 1px 0 #9A9A9A}

#LGlogin{background:#000 url('http://fcimage.net/public/style_images/imgfc/trans60.png') repeat;  box-shadow:10px 10px 40px #000;  color:#666;  font-family:sans-serif;  left:30%;  position:fixed;  text-shadow:0 1px 1px #fff;  top:30%;  width:500px;  z-index:999;  padding:8px;  -webkit-box-shadow:rgba(0,0,0,0.5) 0px 10px 20px;  -moz-box-shadow:rgba(0,0,0,0.5) 0px 10px 20px;  box-shadow:rgba(0,0,0,0.5) 0px 10px 20px;  -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px}

#LGoverlay{background-color:#000; filter:Alpha(opacity=70); left:0; min-height:101%; opacity:.7; position:fixed; top:0; width:100%; z-index:999}

#LGlogin-border{background:#EEE;  padding-bottom:2px}

#LGlogin h1{text-align:left;  border-bottom:1px solid #D8D8D8; text-shadow:rgba(255,255,255,0.8) 0px 1px 0px; background:#EEE url('http://fcimage.net/public/style_images/imgfc/highlight.png') repeat-x 0 0; padding:8px 10px 9px; font-size:16px; font-weight:300}

#LGlogin h2{float:right; position:relative; top:-21px; display:inline-block; font-size:11px; width:120px}

#LGlogin h2 a{color:#666}

#LGlogin form{margin:10px auto; width:90%}

#LGlogin img.closebutton{background:url(http://i45.servimg.com/u/f45/16/95/07/69/bt_clo10.png) no-repeat 0 -20px;  cursor:pointer;  float:right;  height:20px;  margin:10px;  width:20px}

#LGlogin img.closebutton:hover{background:url(http://i45.servimg.com/u/f45/16/95/07/69/bt_clo10.png) 0 0}

#LGlogin ul{list-style-type:none}

#LGlogin ul li{float:center;  font-size:1.2em;  width:50%}

#LGlogin li input{-moz-border-radius:3px;  -webkit-border-radius:3px;  background:#fff;  border:1px solid #CCC;  border-radius:3px; padding:4px}

#LGlogin .login-submit{font-weight:700;  margin:15px auto;  background:#51A3CE url('http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/highlight_faint.png') repeat-x 0 0; border:1px solid #4897C0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:#8AC7E7 0px 1px 2px; -moz-box-shadow:#8ac7e7 0px 1px 2px; box-shadow:#8AC7E7 0px 1px 2px; color:white; text-shadow:0 -1px 0 rgba(0,0,0,0.2); line-height:30px; height:30px; padding:0 10px; min-width:125px; display:block; cursor:pointer}

#LGlogin .login-submit:hover{background-color:#60b3de; color:#fff}

#login_popup{border-top:1px solid #999}

#main_input_user{font-size:12px;  padding:6px;  border:1px solid #D4D4D4;  background:#FCFCFC;  color:#9F9F9F;  text-shadow:white 0px 1px 0px;  -webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  -moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  margin-top:5px; width:210px; outline:0;  margin-bottom:5px;  margin-left:8px}

#main_input_password{font-size:12px;  padding:6px;  border:1px solid #D4D4D4;  background:#FCFCFC;  color:#9F9F9F;  text-shadow:white 0px 1px 0px;  -webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  -moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;  margin-top:5px; width:210px; outline:0;  margin-bottom:5px;  margin-left:5px}

#profile-advanced-right{float:left; width:280px}
#profile-advanced-layout{float:right; margin-left:-300px; margin-right:0px}
#profile-advanced-left{margin-left:305px; margin-right:0px}
#profile-advanced-layout #new-message{clear:both; position:relative}

.paging a:hover, .paging b, td p.pag a:hover, td p.pag b{background:#51A3CE; color:white; text-shadow:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset rgba(0,0,0,0.4) 0px 1px 3px; -moz-box-shadow:inset rgba(0,0,0,0.4) 0px 1px 3px; box-shadow:inset rgba(0,0,0,0.4) 0px 1px 3px; padding:1px 8px; cursor:default}

.paged-foot .paging a, .paging a, td p.pag a{background:#EDEFF1; color:#768089; text-shadow:rgba(255,255,255,0.9) 0px 1px 0px; -webkit-box-shadow:inset #B3BAC1 0px 1px 3px; -moz-box-shadow:inset #b3bac1 0px 1px 3px; box-shadow:inset #B3BAC1 0px 1px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; padding:1px 8px; text-transform:lowercase; font-size:11px; font-weight:normal}

.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:12px!important; margin-right:3px!important; padding:6px 9px!important}

#quick-avatar{float:left;  padding:11px}
#quick-avatar img{margin-top:50px; width:50px; height:50px; padding:1px; border:1px solid #D5D5D5; background:white; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
#quick-avatar img:hover{border-color:#A1A1A1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}

.vote{padding:2px; text-align:center; width:16px; background-color:#eaeaea; border:1px solid #d4d6d5; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px}

.vote .vote-no-bar{display:none}

.vote .vote-bar{border-left:0px; border-right:0px; border-top:1px solid #fff; border-bottom:1px solid #d4d6d5; font-size:0px; height:50px; margin:0px; width:16px}

.vote .vote-bar-plus{margin-left:5px; width:7px}

.vote .vote-bar-minus{margin-left:5px; width:7px}

.vote .vote-button a[href $="plus"]{background:url('http://cdn3.iconfinder.com/data/icons/fugue/icon_shadowless/plus-circle.png'); background-repeat:no-repeat; color:transparent; display:block; height:16px; width:16px}
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 09:21 pm

Part2

Código:
.vote .vote-button a[href $="minus"]{background-image:url('http://cdn2.iconfinder.com/data/icons/fugue/icon_shadowless/minus_circle.png'); background-repeat:no-repeat; color:transparent; display:block; height:16px; width:16px}
.fade{display:inline-block; background:-moz-linear-gradient(left,rgb(255,255,225) 0%,rgba(255,255,225,0) 100%); background-image:-webkit-gradient(linear,left top,right top,color-stop(0.00,rgb(255,255,225)),color-stop(1.00,rgba(255,255,225,0))); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1,endColorstr=#0ffe1,GradientType=1); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1,endColorstr=#0ffe1,GradientType=1)"}
.blur{display:inline-block; color:#ddd; text-shadow:0 0 2px #aaa; text-shadow:0 0 4px #aaa; text-shadow:0 0 6px #aaa; -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=2)"; filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)progid:DXImageTransform.Microsoft.Blur(pixelradius=2)}
.flipH{display:inline-block; -moz-transform:scale(-1,1); -o-transform:scale(-1,1); -webkit-transform:scale(-1,1); transform:scale(-1,1); -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=0,M21=0,M22=1,SizingMethod='auto expand')"; filter:progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=0,M21=0,M22=1,SizingMethod="auto expand")}
.flipV{display:inline-block; -moz-transform:scale(1,-1); -o-transform:scale(1,-1); -webkit-transform:scale(1,-1); transform:scale(1,-1); -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=-1,SizingMethod='auto expand')"; filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=-1,SizingMethod="auto expand")}

.widgets{background:#262626; text-shadow:rgba(0,0,0,0.5) 0px -1px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset black 0px 1px 3px; -moz-box-shadow:inset #000 0px 1px 3px; box-shadow:inset black 0px 1px 3px; font-size:11px; font-weight:bold; padding:8px}

#fontwidget{color:white; font-size:11px; font-weight:bold; tahoma,helvetica,arial,sans-serif; text-shadow:rgba(0,0,0,0.5) 0px -1px 0px; margin-left:18px}

#pun-visit, .main-box{display:none !important}

.footer.contentpage{background:#fff; border-top:1px solid #DDD; display:block; text-align:left; padding:18px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.07); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.07); box-shadow:inset 0 1px 1px rgba(0,0,0,0.07)}
.footer{color:#bbbbbc}
.footer div{margin-bottom:9px}
.footer a{margin-right:9px; color:#bbbbbc; font-weight:bold}
.footer.contentpage{text-align:left}
.footer.contentpage .socialallthethings{margin:0}
.footer .socialallthethings{border-top:1px solid #dfdfe0; padding-top:9px; width:300px; margin:0 auto}
.footer.contentpage .banner{margin:18px auto 18px auto}

.wrappernovorb{width:92%!important; margin:0 auto}
.pun .post .user{-moz-border-radius:3px; -webkit-border-radius:3px; background:#FBFBFB; border:1px solid #F0F0F0; border-radius:3px; font-size:12px; line-height:150%; margin:-53px 0 8px -17em; padding:10px; position:relative; text-align:center; width:170px}

#content-container div#content{margin-right:240px}

.modal{background-color:#3E3E3E}
#sign_in_popup_inner{width:680px!important}
.bsfs_login h4{background:rgba(0,0,0,0.05) url(http://i81.servimg.com/u/f81/18/07/42/17/highli11.png) repeat-x 0 0; border-bottom:1px solid #ccc; font-size:14px; font-weight:700; padding:10px}
.bs-input_text{-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px; -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px; background:#fcfcfc; border:1px solid #d4d4d4; box-shadow:inset rgba(0,0,0,0.1) 0 1px 3px; color:#9f9f9f; padding:6px; text-shadow:#fff 0 1px 0}
.bs-input_text:focus{-moz-box-shadow:inset 0 0 4px #f7d5d5,#fdd 0 0 3px; -webkit-box-shadow:inset 0 0 4px #f7d5d5,#fdd 0 0 3px; background-color:#fefefe; border-color:#dc9595; box-shadow:inset 0 0 4px #f7d5d5,#fdd 0 0 3px; color:#555; outline:none}
.bsfs_login .bsForm_submit{margin-top:0}
.bsfs_login .bsBox_notice{margin:0}
.bsfs_login_col{display:inline-block; padding:15px 10px; width:300px}
.bsfs_login_col a:hover{text-decoration:underline}
.bsfs_login_row{border-bottom:1px solid #F3F3F3; overflow:hidden}
.bsfs_login_row label{font-size:1.15em}
.bsfs_login .input_login{font-size:13px}
.bsfs_login_input{font-size:14px!important; margin-top:10px; padding:6px 0 6px 28px; width:285px}
.bsForm_center{text-align:center}
.bsForm_submit{margin-top:25px; padding:5px 10px; text-align:center}
.clear-submit{clear:both}
.bsForm_submit, p.submit{background:#F8F8F8; border-top:1px solid #E7E7E7}
.bsfs_luser{background-image:url(http://i81.servimg.com/u/f81/18/07/42/17/user10.png); background-position:7px 50%; background-repeat:no-repeat}
.bsfs_lpassword{background-image:url(http://i81.servimg.com/u/f81/18/07/42/17/key10.png); background-position:7px 50%; background-repeat:no-repeat}

.description, .description.blend_links a, p.posted_info{color:#777; font-size:11px}
.description, .description.lighter.blend_links a{color:#a4a4a4}
.attach{float:right!important}

input[type="button"], input[type="reset"], input[type="submit"]{background:#323232 url(http://i81.servimg.com/u/f81/18/07/42/17/highli10.png) repeat-x 0 0; border-color:#2b2b2b; border-radius:2px; border-style:solid; border-width:1px; color:#fff; cursor:pointer; font-family:arial,sans-serif; font-size:13px; font-style:normal; font-variant:normal; font-weight:400; padding:3px 5px; text-shadow:0 1px rgba(0,0,0,0.1)}

.painelentraresair{font-size:12px; border:0; padding:0; outline:0; color:white; width:605px; margin:0 auto; float:right; border-radius:15px 0px 15px}

.painelentraresair li{list-style-type:none; float:left; padding:5px; color:#fff; margin-top:10px; margin-left:15px}

.painelentraresair li a:link, .painelentraresair li a:active, .painelentraresair li a:focus, .painelentraresair li a:visited{color:#666; font-weight:bold}

.painelentraresair li a:hover{color:#3f6d97}

.painelentraresair li img{margin-bottom:-3px}

div.posting-block{width:70% !important}

#delete, #edit, #ip, #obrigado, #quote{border-left:1px solid #E7E7E7; color:#333; display:inline; height:21px; line-height:21px; padding:6px; text-decoration:none}

.userModerador{-moz-border-radius:3px; -webkit-border-radius:3px; background:#65a830; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.userAdmin{-moz-border-radius:3px; -webkit-border-radius:3px; background:#AB2424; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.userTech{-moz-border-radius:3px; -webkit-border-radius:3px; background:#2970FF; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.userHelp{-moz-border-radius:3px; -webkit-border-radius:3px; background:#633600; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.userDesign{-moz-border-radius:3px; -webkit-border-radius:3px; background:#88E3B7; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
.userMobile{-moz-border-radius:3px; -webkit-border-radius:3px; background:#A3D400; border-radius:3px; color:#fff; display:inline-block; font-size:11px; font-weight:700; margin-top:5px; padding:3px 8px; text-shadow:rgba(0,0,0,0.2) 0 -1px 0}
#new-message-link a, .posting a{-moz-border-radius:3px; -moz-box-shadow:inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,0.2); -webkit-border-radius:3px; -webkit-box-shadow:inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,0.2); background:#3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top; border:1px solid #3A4752; border-radius:3px; border-width:1px 1px 0; box-shadow:inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,0.2); cursor:pointer; display:inline-block; height:30px; min-width:125px; padding:0 10px; text-align:center}

.estatisticasrb{border:1px solid #EEE; border-radius:83px; width:97%; margin:0 auto; padding:15px 0px 0px 25px}

div.logo img.logomarca{border:0}

.statuscategory{margin-right:5px}

.forumdesc{background:rgba(255,255,255,0.38); display:block; border-radius:4px; margin:5px 0px 10px 10px; padding:2px 5px; font-family:arial; font-size:11px; text-shadow:0 1px 1px #fff}

.forumdesc img{position:relative; margin-left:-55px}

.tc2numeromsgs{background:#FFF !important; border-left:0px !important; text-align:right}

.tc2numeromsgs ul{list-style:none; margin-right:15px; font-family:arial; font-size:11px}

.main .main-head .page-title h2 {
font-weight: bold;
color: #C7C7C7;
}

.pun .main .main-content table tbody tr a.gensmall{font-family:arial !important; font-size:11px !important}
#comments_scroll_div{font-size:11px}

.module .main-content{font-size:13px !important; background: white;; border: none !important;}

   
.general_box{background-color:#f9f9f9; border:1px solid #d2d2d2; border-bottom:4px solid #d2d2d2; padding:10px}
.maintitle_base{background:#f8f8f8 url(http://i79.servimg.com/u/f79/18/24/85/15/mainti10.png) repeat-x 0 0; min-height:47px}
.header_left{background:url(http://i79.servimg.com/u/f79/18/24/85/15/cat_le10.png) no-repeat 0 0; min-height:47px}
.header_right{background:url(http://i79.servimg.com/u/f79/18/24/85/15/cat_ri10.png) no-repeat 100% 0; min-height:47px; padding:0 10px}
body .maintitle{background:#f8f8f8 url(http://i79.servimg.com/u/f79/18/24/85/15/gradie10.png) repeat-x left 50%; color:#b4453b; text-shadow:#fff 0 1px 0}
body .maintitle a{color:#b4453b}
body .maintitle_base .maintitle{background:transparent none; border-bottom:1px solid #eaeaea}
.maintitle{color:#717171; font-size:.8em}
h3.maintitle{font-style:normal; font-variant:normal; font-weight:bold}
body .header_right .maintitle{padding:21px 10px 10px!important}
.box_l{background:#fff url(http://i79.servimg.com/u/f79/18/24/85/15/box_si10.png) repeat-y 0 0}
.box_r{background:url(http://i79.servimg.com/u/f79/18/24/85/15/box_si11.png) repeat-y 100% 0; padding:0 10px}
.box_l .general_box{-moz-border-radius:4px; -webkit-border-radius:4px; border:0}
.box_b{background:url(http://i79.servimg.com/u/f79/18/24/85/15/box_fo10.png) repeat-x 0 0; height:13px}
.box_bl{background:url(http://i79.servimg.com/u/f79/18/24/85/15/box_fo10.png) no-repeat 0 -13px; height:13px}
.box_br{background:url(http://i79.servimg.com/u/f79/18/24/85/15/box_fo10.png) no-repeat 100% -26px; height:13px}
.statistics{margin:10px 0 0; min-height:160px; padding:15px}
.statistics h2{font-size:1.1em; font-weight:700}
.statistics h2 span{color:#7d7d7d; font-size:.8em; font-weight:400}
.statistics #active_users, .statistics #forum_active_users{border-top:0; padding-top:0}
body #topic_stats.statistics{min-height:50px}
body .stats_list{border-top:1px solid #eaeaea; float:left; line-height:140%; margin-bottom:10px; overflow:hidden; padding:10px 0 0; width:60%}
.active_users li, .stats_list li{float:left; font-size:.9em; margin-top:4px; padding:0 5px 0 0}
.stats_list p, .stats_list ul{margin-left:15px}
.stats_list span.desc{font-weight:400}
span.right.desc{font-size:.8em}
.active_users span.name{font-size:.9em; margin-top:4px; padding:0 5px 0 0}
.active_users p{margin-left:15px}
#statistics_forum{border-left:1px solid #eaeaea; float:right; padding-left:20px; width:33%}
#statistics_forum dl{margin-left:10px}
#statistics_forum dd, #statistics_forum dt{border-top:1px solid #eaeaea; float:left; font-size:.85em; padding:6px 2px; width:45%}
#statistics_forum dt{clear:both; font-weight:700}
#statistics_forum .extra{color:#a2a2a2; font-size:.9em}
.stats_container{position:relative}
.stats_container #statistics_forum{-moz-border-radius:0 4px 4px 0; -webkit-border-bottom-right-radius:4px; -webkit-border-top-right-radius:4px; background-color:#f6f6f6; border-left:1px solid #eaeaea; border-radius:0 4px 4px 0; bottom:0; padding-left:15px; padding-top:15px; position:absolute; right:0; top:0}
#stat_links{font-size:.85em; margin-top:25px; text-align:center!important}
#stat_links, #stat_links a{color:#fff}
#stat_links li{padding:2px 6px}
#copyright{clear:right; float:right}
#copyright a:hover, .skin_link a:hover{text-decoration:underline}
#board_footer p{text-align:right}
#board_footer li a{text-decoration:underline}
#board_footer{background:#f1f1f1; border-top:1px solid #dfdfdf; clear:both; color:#474747; font-size:.85em; margin:0 -5px -5px; overflow:hidden; padding:8px; top:20px}
#board_footer ul#utility_links li{float:left; padding-right:8px}
.skin_link, .skin_link a{text-decoration:none}
.skin_link{float:right; font-weight:700; margin-bottom:2px; text-align:center}
 
 
 
 .mini_ava{float:left}
.mini_ava img{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
width: 32px;
height: 32px;
padding: 2px;
margin-right: 10px; 
}

.messagead{background:#F1F6F9; border:1px solid #D5DDE5; color:rgb(145,141,136); margin-bottom:5px; padding:10px; text-shadow:#fff 0 1px 0; width:95%; margin:auto}
 
 .recent_space{padding:3px;  border-bottom:none}
.avt-r{float:left}
.avt-r img{width:36px; height:36px; margin:3px; padding:1px; border:1px solid #D5D5D5; background:white; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1)}
.avt-r img:hover{border-color:#a1a1a1; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
 
.pun .postmain{background:#FBFBFB; border:1px solid #F0F0F0; border-radius:3px; margin-top:10px;  padding:8px}
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 09:22 pm

Part3

Código:
.post_feature_box{ margin-top:5px;  max-width:100%;  background-color:rgb(234,248,226);  border:1px dotted rgb(51,51,51);  padding:6px;  min-height:60px}
#best-res{margin-left:3%; background:#7ba60d; display:inline-block; height:16px; line-height:16px; padding:0 5px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle}
.ipsUserPhoto{float:left; padding:1px; border:1px solid #d5d5d5; background:#fff; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1); margin-right:8px}
.ipsUserPhoto:hover{border-color:#7d7d7d}
.ipsUserPhoto img{width:50px; height:50px}
.ipsBadge{background:#7ba60d; display:inline-block; height:16px; line-height:16px; padding:0 5px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle; margin-right:8px}
 
div.guestwarn{  background:none repeat scroll 0 0 #000;    box-shadow:5px 5px 5px #191919;    color:#fff;    font-size:12px;    max-width:280px;    min-height:18px;    opacity:.88;    padding:10px 15px;    position:fixed;    right:2%;    top:90%;    z-index:10}

#SAquote_loading{  background-color:#AAA;    text-align:center;    opacity:0.6;    -moz-opacity:0.6;    -webkit-opacity:0.6;    filter:alpha(opacity=60);    position:absolute}

#SAquote_loading img{  margin-top:30px}

 span.liink{display:none}
 
a[href="http://bit.ly/NwgC9K"]{display:none !important}
 
.pun-crumbs{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#EFF1F3; border:1px solid #D9DBDD; border-radius:5px; box-shadow:0 0 3px rgba(109,119,237,0.2); clear:both; font-size:11px; overflow:hidden; zoom:1}
.pun-crumbs p{color:#666; font-size:1.11em; line-height:1.5; margin:0}
p.crumbs a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color:#555!important; line-height:30px; margin-left:-8px; padding:10px 16px 10px 8px}

#cssmenu ul{margin:0; padding:0}
#cssmenu li{margin:0; padding:0}
#cssmenu a{margin:0; padding:0}
#cssmenu ul{list-style:none}
#cssmenu a{text-decoration:none}
#cssmenu{background-color:#232323; box-shadow:0 2px 3px rgba(0,0,0,.4); height:70px; overflow:visible; width:100%; position:fixed; z-index:999}
#cssmenu >ul >li{    float:left;    margin-left:15px;    position:relative}

#cssmenu >ul >li >a{    color:rgb(160,160,160);    font-family:Verdana,'Lucida Grande';    font-size:15px;    line-height:70px;    padding:15px 20px; -webkit-transition:color .15s;    -moz-transition:color .15s;      -o-transition:color .15s;        transition:color .15s}

#cssmenu >ul >li >a:hover{color:rgb(250,250,250)}

#cssmenu >ul >li >ul{    opacity:0;    visibility:hidden;    padding:16px 0 20px 0;    background-color:rgb(250,250,250);    text-align:left;    position:absolute;    top:55px;    left:50%;    margin-left:-90px;    width:180px; -webkit-transition:all .3s .1s;    -moz-transition:all .3s .1s;      -o-transition:all .3s .1s;        transition:all .3s .1s; -webkit-border-radius:5px;    -moz-border-radius:5px;        border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);    -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);        box-shadow:0px 1px 3px rgba(0,0,0,.4)}

#cssmenu >ul >li:hover >ul{    opacity:1;    top:65px;    visibility:visible}

#cssmenu >ul >li >ul:before{    content:'';    display:block;    border-color:transparent transparent rgb(250,250,250) transparent;    border-style:solid;    border-width:10px;    position:absolute;    top:-20px;    left:50%;    margin-left:-10px}

#cssmenu >ul ul >li{position:relative}

#cssmenu ul ul a{    color:rgb(50,50,50);    font-family:Verdana,'Lucida Grande';    font-size:13px;    background-color:rgb(250,250,250);    padding:5px 8px 7px 16px;    display:block; -webkit-transition:background-color .1s;    -moz-transition:background-color .1s;      -o-transition:background-color .1s;        transition:background-color .1s}

#cssmenu ul ul a:hover{background-color:#7caaac}

#cssmenu ul ul ul{    visibility:hidden;    opacity:0;    position:absolute;    top:-16px;    left:206px;    padding:16px 0 20px 0;    background-color:rgb(250,250,250);    text-align:left;    width:160px; -webkit-transition:all .3s;    -moz-transition:all .3s;      -o-transition:all .3s;        transition:all .3s; -webkit-border-radius:5px;    -moz-border-radius:5px;        border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);    -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);        box-shadow:0px 1px 3px rgba(0,0,0,.4)}

#cssmenu ul ul >li:hover >ul{opacity:1; left:196px; visibility:visible}

#cssmenu ul ul a:hover{    background-color:rgb(205,44,36);    color:rgb(240,240,240)}



#quick_reply #textarea_content{clear:both;  margin-left:0px;  margin-right:0px;  width:100% !important;  height:auto !important}

#textarea_content dt{display:none}

 #pun-qpost #textarea_content dt label{float:left}

fieldset.frm-set dl dd{margin:auto!important}

#smiley-box iframe{height:280px}
#smilies_categ{padding:0px 0}
#smiley-box{border:1px solid #DDD; width:160px; margin:10px 0!important; padding:5px}

#quick_reply fieldset.frm-set dl dd{background:white; border:solid 1px #CCC; margin:0 auto}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
width: 840px;
float: left;
margin-left: 30px;
}

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2{-webkit-transition:all 0.218s; border:1px solid; border-radius:3px; padding:0px 0.91em}
button.button2, input.button2{background-position:50% 0%; background-repeat:repeat-x; border:1px solid #BCBCBC}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2{padding:1px 0px}
button.button2, input.button2{background-position:50% 0%; background-repeat:repeat-x; border:1px solid #BCBCBC; margin:0px 0.25em; overflow:visible; padding:2px 3px}

.ipsBadge_green {
    background: none repeat scroll 0 0 #7BA60D;
}
.ipsBadge {
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: middle;
}
.reset_cursor {
    cursor: default;
}
.ipsBadge_lightgrey {
    background: none repeat scroll 0 0 #B3B3B3;
}
.ipsSteps{-moz-border-radius:3px; -webkit-border-radius:3px; background:#E9E9E9; border-radius:3px; height:55px}
.ipsSteps li:first-child{-moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
.ipsSteps ul li{background-image:url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png); background-position:100% -56px; background-repeat:no-repeat; color:#323232; float:left; height:39px; padding:11px 33px 5px 18px; position:relative; text-shadow:rgba(255,255,255,0.6) 0 1px 0}
.ipsSteps_title{display:block; font-size:14px; padding-bottom:4px}
.ipsSteps_desc{font-size:11px}
.ipsSteps ul li:first-child .ipsSteps_arrow{display:none!important}
.ipsSteps .ipsSteps_active{background-position:100% 0; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.8)}
.ipsSteps_active .ipsSteps_arrow{background:url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png) no-repeat 0 -112px; display:block; height:55px; left:-23px; position:absolute; top:0; width:23px}
#chatbox_popup{display:none!important}
.LGlike{background:url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left; background-color:#326A94; border:1px solid rgba(0,0,0,0.3); border-radius:2px 2px 2px 2px; box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.3) inset; color:white; cursor:pointer; display:inline-block; font-size:11px; height:22px; line-height:22px; padding:0 18px; text-shadow:0 -1px 0 rgba(0,0,0,0.25); white-space:nowrap; margin-right:5px; margin-top:30px}
 .LGvote{margin:0 5px}
 .LGnovote{ filter:Alpha(opacity=50);  opacity:0.5;  cursor:default;  box-shadow:none;  text-shadow:none}

#atlua{background:rgb(186,217,242); border:1px solid rgb(0,0,139); cursor:pointer; font-weight:700; padding:5px 10px; position:relative; z-index:999}

.sceditor-container {
width: 850px !important;
margin-left: 30px !important;
}

.pun .frm dd.frm-input input {
width: 70% !important;
}

fieldset.frm-set dl dt {
width: 10em !important;
}

.wrapper {
width: 990px;
margin: 0 auto;
}

.headerlogo {
width: 100px;
float: left;
margin-top: 0px;
}


/**tooltip**/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

.recent_space {
  font-size: 13px
  padding: 5px;
  border-bottom: 1px solid #8B8989;
 
}

#right_widg{
 position: relative;
display: inline-block;
width: 180px;
}
.resets {
height: 20px;
background: rgb(0, 159, 238);
box-shadow: inset 0 -8px 11px #0086c9, 1px 1px 0 #71bffc;
border-radius: 3px;
color: rgb(233, 233, 233);
border: 1px solid rgb(0, 148, 223);
cursor: pointer;
line-height: 18px;
width: 70%;
margin: 0 auto;
display: block;
text-indent: 9px;
}
.resets:hover {
background: #59c8ff;
box-shadow: inset 0 -8px 11px #0098e4, 1px 1px 0 #c2e4ff;
}
#right_widg .closeAll{float:right}
.minify {
height: 16px;
float:right;
cursor: pointer;
width: 16px;
zoom:1;
}
.close {
cursor: pointer;
float: right;
height: 16px;
width: 16px;
margin: 0px 5px;
}
.optionsmod {
position:relative;
top:0;
}

.popupWrapper {
    background-color: rgba(70, 70, 70, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
    left: 300px;
    margin: 0 auto !important;
    max-height: 400px;
    max-width: 700px;
    overflow: auto;
    padding: 4px;
    position: fixed !important;
    top: 200px;
}

.userBanned, .userClient, .userDesigner, .userManagement, .userMember, .userMemberactive, .userModerator, .userStaff, .vip {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userManagement {
background: #881418;
}

.userModerator {
background: #1213ff;
}

.userStaff {
background: #54b531
}

.userClient {
background: #54B531;
}

.userMember {
background: #120000;
}

.vip {
background: #BDBD5C;
}

.userMemberactive {
background: #8C80D9;
}
.recent_space {
  padding: 3px;
  border-bottom: 1px solid #F3F3F3;
}
.avt-r {
float: left;
}
.avt-r img {
width: 36px;
height: 36px;
margin: 3px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avt-r img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#chatbox > p span.user > span strong {
  display: none;
}

*/ ------ CORES ------*/
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
    v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
    rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
    am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
    c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
    r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
    vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
    l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
    m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
    w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
    pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
    sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
    #text_editor_controls, .left-box{position:relative !important}
*/ ------ Fim CORES ------ */
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Barra de navegação personalizada

Mensagem por Farding em 09/02/14, 09:32 pm

I Avi-Maria Novamente Hihi xD


Faça assim ,

retire o código do Hancki e edite a 3° folha que você mandou por esta:


Código:
      .post_feature_box{ margin-top:5px;   max-width:100%;   background-color:rgb(234,248,226);   border:1px dotted rgb(51,51,51);   padding:6px;   min-height:60px}
    #best-res{margin-left:3%; background:#7ba60d; display:inline-block; height:16px; line-height:16px; padding:0 5px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle}
    .ipsUserPhoto{float:left; padding:1px; border:1px solid #d5d5d5; background:#fff; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1); margin-right:8px}
    .ipsUserPhoto:hover{border-color:#7d7d7d}
    .ipsUserPhoto img{width:50px; height:50px}
    .ipsBadge{background:#7ba60d; display:inline-block; height:16px; line-height:16px; padding:0 5px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle; margin-right:8px}
    
   div.guestwarn{   background:none repeat scroll 0 0 #000;     box-shadow:5px 5px 5px #191919;     color:#fff;     font-size:12px;     max-width:280px;     min-height:18px;     opacity:.88;     padding:10px 15px;     position:fixed;     right:2%;     top:90%;     z-index:10}

    #SAquote_loading{   background-color:#AAA;     text-align:center;     opacity:0.6;     -moz-opacity:0.6;     -webkit-opacity:0.6;     filter:alpha(opacity=60);     position:absolute}

    #SAquote_loading img{   margin-top:30px}

     span.liink{display:none}
    
   a[href="http://bit.ly/NwgC9K"]{display:none !important}
    
   .pun-crumbs{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#EFF1F3; border:1px solid #D9DBDD; border-radius:5px; box-shadow:0 0 3px rgba(109,119,237,0.2); clear:both; font-size:11px; overflow:hidden; zoom:1}
    .pun-crumbs p{color:#666; font-size:1.11em; line-height:1.5; margin:0}
    p.crumbs a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px; color:#555!important; line-height:30px; margin-left:-8px; padding:10px 16px 10px 8px}

    #cssmenu ul{margin:0; padding:0}
    #cssmenu li{margin:0; padding:0}
    #cssmenu a{margin:0; padding:0}
    #cssmenu ul{list-style:none}
    #cssmenu a{text-decoration:none}
    #cssmenu{background-color:#232323; box-shadow:0 2px 3px rgba(0,0,0,.4); height:70px; overflow:visible; width:100%; position:fixed; z-index:999}
    #cssmenu >ul >li{    float:left;     margin-left:15px;     position:relative}

    #cssmenu >ul >li >a{    color:rgb(160,160,160);     font-family:Verdana,'Lucida Grande';     font-size:15px;     line-height:70px;     padding:15px 20px; -webkit-transition:color .15s;    -moz-transition:color .15s;      -o-transition:color .15s;         transition:color .15s}

    #cssmenu >ul >li >a:hover{color:rgb(250,250,250)}

    #cssmenu >ul >li >ul{    opacity:0;     visibility:hidden;     padding:16px 0 20px 0;     background-color:rgb(250,250,250);     text-align:left;     position:absolute;     top:55px;     left:50%;     margin-left:-90px;     width:180px; -webkit-transition:all .3s .1s;    -moz-transition:all .3s .1s;      -o-transition:all .3s .1s;         transition:all .3s .1s; -webkit-border-radius:5px;    -moz-border-radius:5px;         border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);    -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);         box-shadow:0px 1px 3px rgba(0,0,0,.4)}

    #cssmenu >ul >li:hover >ul{    opacity:1;     top:65px;     visibility:visible}

    #cssmenu >ul >li >ul:before{    content:'';     display:block;     border-color:transparent transparent rgb(250,250,250) transparent;     border-style:solid;     border-width:10px;     position:absolute;     top:-20px;     left:50%;     margin-left:-10px}

    #cssmenu >ul ul >li{position:relative}

    #cssmenu ul ul a{    color:rgb(50,50,50);     font-family:Verdana,'Lucida Grande';     font-size:13px;     background-color:rgb(250,250,250);     padding:5px 8px 7px 16px;     display:block; -webkit-transition:background-color .1s;    -moz-transition:background-color .1s;      -o-transition:background-color .1s;         transition:background-color .1s}

    #cssmenu ul ul a:hover{background-color:#7caaac}

    #cssmenu ul ul ul{    visibility:hidden;     opacity:0;     position:absolute;     top:-16px;     left:206px;     padding:16px 0 20px 0;     background-color:rgb(250,250,250);     text-align:left;     width:160px; -webkit-transition:all .3s;    -moz-transition:all .3s;      -o-transition:all .3s;         transition:all .3s; -webkit-border-radius:5px;    -moz-border-radius:5px;         border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);    -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);         box-shadow:0px 1px 3px rgba(0,0,0,.4)}

    #cssmenu ul ul >li:hover >ul{opacity:1; left:196px; visibility:visible}

    #cssmenu ul ul a:hover{    background-color:rgb(205,44,36);     color:rgb(240,240,240)}



    #quick_reply #textarea_content{clear:both;  margin-left:0px;  margin-right:0px;  width:100% !important;  height:auto !important}

    #textarea_content dt{display:none}

     #pun-qpost #textarea_content dt label{float:left}

    fieldset.frm-set dl dd{margin:auto!important}

    #smiley-box iframe{height:280px}
    #smilies_categ{padding:0px 0}
    #smiley-box{border:1px solid #DDD; width:160px; margin:10px 0!important; padding:5px}

    #quick_reply fieldset.frm-set dl dd{background:white; border:solid 1px #CCC; margin:0 auto}
    #quick_reply .frm-buttons {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-color: #EEE;
    border: solid 1px #CCC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    width: 840px;
    float: left;
    margin-left: 30px;
    }

    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2{-webkit-transition:all 0.218s; border:1px solid; border-radius:3px; padding:0px 0.91em}
    button.button2, input.button2{background-position:50% 0%; background-repeat:repeat-x; border:1px solid #BCBCBC}
    a.button2, body:last-child a.button1, button.button2, input.button1, input.button2{padding:1px 0px}
    button.button2, input.button2{background-position:50% 0%; background-repeat:repeat-x; border:1px solid #BCBCBC; margin:0px 0.25em; overflow:visible; padding:2px 3px}

    .ipsBadge_green {
        background: none repeat scroll 0 0 #7BA60D;
    }

    .ipsBadge {
        border-radius: 4px 4px 4px 4px;
        color: #FFFFFF;
        display: inline-block;
        font-size: 9px;
        font-weight: bold;
        height: 15px;
        line-height: 15px;
        padding: 0 5px;
        text-transform: uppercase;
        vertical-align: middle;
    }

    .reset_cursor {
        cursor: default;
    }

    .ipsBadge_lightgrey {
        background: none repeat scroll 0 0 #B3B3B3;
    }

    .ipsSteps{-moz-border-radius:3px; -webkit-border-radius:3px; background:#E9E9E9; border-radius:3px; height:55px}
    .ipsSteps li:first-child{-moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
    .ipsSteps ul li{background-image:url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png); background-position:100% -56px; background-repeat:no-repeat; color:#323232; float:left; height:39px; padding:11px 33px 5px 18px; position:relative; text-shadow:rgba(255,255,255,0.6) 0 1px 0}
    .ipsSteps_title{display:block; font-size:14px; padding-bottom:4px}
    .ipsSteps_desc{font-size:11px}
    .ipsSteps ul li:first-child .ipsSteps_arrow{display:none!important}
    .ipsSteps .ipsSteps_active{background-position:100% 0; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.8)}
    .ipsSteps_active .ipsSteps_arrow{background:url(http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png) no-repeat 0 -112px; display:block; height:55px; left:-23px; position:absolute; top:0; width:23px}
    #chatbox_popup{display:none!important}
    .LGlike{background:url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left; background-color:#326A94; border:1px solid rgba(0,0,0,0.3); border-radius:2px 2px 2px 2px; box-shadow:0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.3) inset; color:white; cursor:pointer; display:inline-block; font-size:11px; height:22px; line-height:22px; padding:0 18px; text-shadow:0 -1px 0 rgba(0,0,0,0.25); white-space:nowrap; margin-right:5px; margin-top:30px}
     .LGvote{margin:0 5px}
     .LGnovote{ filter:Alpha(opacity=50);   opacity:0.5;   cursor:default;   box-shadow:none;   text-shadow:none}

    #atlua{background:rgb(186,217,242); border:1px solid rgb(0,0,139); cursor:pointer; font-weight:700; padding:5px 10px; position:relative; z-index:999}

    .sceditor-container {
    width: 850px !important;
    margin-left: 30px !important;
    }

    .pun .frm dd.frm-input input {
    width: 70% !important;
    }

    fieldset.frm-set dl dt {
    width: 10em !important;
    }

    .wrapper {
    width: 990px;
    margin: 0 auto;
    }

    .headerlogo {
    width: 100px;
    float: left;
    margin-top: 0px;
    }


    /**tooltip**/
    .tipsy {
    padding: 5px;
    font-size: 11px;
    position: absolute;
    text-shadow: none;
    z-index: 999;
    }

    .tipsy-inner {
    padding: 8px 8px 8px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
    }

    .tipsy-inner {
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

    .tipsy-arrow {
    position: absolute;
    background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
    }

    .tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    }

    .tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    }

    .tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    }

    .tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
    }

    .tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
    }

    .tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
    }

    .tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
    }

    .tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
    }

    .recent_space {
      font-size: 13px
      padding: 5px;
      border-bottom: 1px solid #8B8989;
    
   }

    #right_widg{
     position: relative;
    display: inline-block;
    width: 180px;
    }

    .resets {
    height: 20px;
    background: rgb(0, 159, 238);
    box-shadow: inset 0 -8px 11px #0086c9, 1px 1px 0 #71bffc;
    border-radius: 3px;
    color: rgb(233, 233, 233);
    border: 1px solid rgb(0, 148, 223);
    cursor: pointer;
    line-height: 18px;
    width: 70%;
    margin: 0 auto;
    display: block;
    text-indent: 9px;
    }

    .resets:hover {
    background: #59c8ff;
    box-shadow: inset 0 -8px 11px #0098e4, 1px 1px 0 #c2e4ff;
    }

    #right_widg .closeAll{float:right}
    .minify {
    height: 16px;
    float:right;
    cursor: pointer;
    width: 16px;
    zoom:1;
    }

    .close {
    cursor: pointer;
    float: right;
    height: 16px;
    width: 16px;
    margin: 0px 5px;
    }

    .optionsmod {
    position:relative;
    top:0;
    }

    .popupWrapper {
        background-color: rgba(70, 70, 70, 0.6);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
        left: 300px;
        margin: 0 auto !important;
        max-height: 400px;
        max-width: 700px;
        overflow: auto;
        padding: 4px;
        position: fixed !important;
        top: 200px;
    }

    .userBanned, .userClient, .userDesigner, .userManagement, .userMember, .userMemberactive, .userModerator, .userStaff, .vip {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #65a830;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
    }

    .userManagement {
    background: #881418;
    }

    .userModerator {
    background: #1213ff;
    }

    .userStaff {
    background: #54b531
    }

    .userClient {
    background: #54B531;
    }

    .userMember {
    background: #120000;
    }

    .vip {
    background: #BDBD5C;
    }

    .userMemberactive {
    background: #8C80D9;
    }
    .recent_space {
      padding: 3px;
      border-bottom: 1px solid #F3F3F3;
    }

    .avt-r {
    float: left;
    }

    .avt-r img {
    width: 36px;
    height: 36px;
    margin: 3px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

    .avt-r img:hover {
    border-color: #a1a1a1;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    }
    #chatbox > p span.user > span strong {
      display: none;
    }

    az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
        v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
        rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
        am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
        c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
        r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
        vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
        l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
        m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
        w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
        pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
        sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
        #text_editor_controls, .left-box{position:relative !important}

    #pun-navlinks {
    background-color: #425866 !important;
    width: 89.7% !important;
    }

    #pun-navlinks a {
    color: white !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    }

(Como sua folha de estilo é ''imensa'' alguns códigos podem entrar em conflito.)


Resulta?
Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 09/02/14, 10:36 pm

@Farding escreveu:I Avi-Maria Novamente Hihi xD


Faça assim ,

retire o código do Hancki e edite a 3° folha que você mandou por esta:


Código:

(Como sua folha de estilo é ''imensa'' alguns códigos podem entrar em conflito.)


Resulta?
Até mais.

resoltado não saiu muito bom ~~> http://illiweb.com/fa/pbucket.gif <~~

pesso desculpa pelo double post, sou novo no fdf e não sabia disso
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83
  • 0

Resolvido Re: Barra de navegação personalizada

Mensagem por Farding em 09/02/14, 10:50 pm

Olá,

eu testei todo os códigos que você passou editado com o meu e veio a pegar olhe o print:



Tem certeza que deu o espaço de linha em todos os códigos?
Até mais.
avatar

Farding
Usuário avançado

Feminino
Inscrito dia : 26/09/2013
Mensagens : 315
Pontos Ativos : 608

Ver perfil do usuário

Resolvido Re: Barra de navegação personalizada

Mensagem por Gabriel.Macedo83 em 10/02/14, 12:09 am

Obrigado Hancki e Farding, vocês dois me ajudaram bastante hoje. sem vocês meu fórum não estaria assim como está hoje muito bom  Muito feliz Primeiro Colegas 
avatar

Gabriel.Macedo83
Nível 9

Masculino
Inscrito dia : 02/09/2013
Mensagens : 178
Pontos Ativos : 294

Ver perfil do usuário http://br-legends.forumeiros.com https://www.facebook.com/gabriel.macedo83 https://twitter.com/@GabrielMacedo83

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum