Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Barra de navegação personalizada
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Barra de navegação personalizada
Qual é minha questão:
Olá, eu gostaria de personalizar minha barra de navegação, tipo essa ~~>https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/barradenavegaccedilatildeo_zps0d17a933.jpg<~~
Endereço do meu fórum:
http://br-legends.forumeiros.com
Versão do fórum:
PUNBB
Olá, eu gostaria de personalizar minha barra de navegação, tipo essa ~~>https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/barradenavegaccedilatildeo_zps0d17a933.jpg<~~
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 2:09, editado 1 vez(es)
Re: Barra de navegação personalizada
Olá!
Use este CSS:
Hancki
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;
}
Hancki
Re: Barra de navegação personalizada
Hancki escreveu:Olá!
Use este CSS:Resultado: http://prntscr.com/2r22e5
- 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;
}
Hancki
fico branco não apareceu nada
Re: Barra de navegação personalizada
Gabriel.Macedo83 escreveu:Hancki escreveu:Olá!
Use este CSS:Resultado: http://prntscr.com/2r22e5
- 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;
}
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.
Farding- ****
- Membro desde : 27/09/2013
Mensagens : 338
Pontos : 637
Re: Barra de navegação personalizada
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
Farding- ****
- Membro desde : 27/09/2013
Mensagens : 338
Pontos : 637
Re: Barra de navegação personalizada
Olá, estarei disponibilizando em 3 partes porque o código é muito grande
Part1
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}
Re: Barra de navegação personalizada
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}
Re: Barra de navegação personalizada
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 ------ */
Re: Barra de navegação personalizada
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:
(Como sua folha de estilo é ''imensa'' alguns códigos podem entrar em conflito.)
Resulta?
Até mais.
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.
Farding- ****
- Membro desde : 27/09/2013
Mensagens : 338
Pontos : 637
Re: Barra de navegação personalizada
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 ~~> https://2img.net/h/i1290.photobucket.com/albums/b538/gabrielmacedo83/resultado_zps3bb63569.jpg <~~
pesso desculpa pelo double post, sou novo no fdf e não sabia disso
Re: Barra de navegação personalizada
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.
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.
Farding- ****
- Membro desde : 27/09/2013
Mensagens : 338
Pontos : 637
Re: Barra de navegação personalizada
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
Tópicos semelhantes
» Uso de uma barra de navegação personalizada
» Barra de navegação personalizada
» Barra de navegação personalizada
» Uso de uma barra de navegação personalizada
» Barra de navegação personalizada
» Barra de navegação personalizada
» Barra de navegação personalizada
» Uso de uma barra de navegação personalizada
» Barra de navegação personalizada
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos