Menu come deste forum Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Menu come deste forum

5 participantes

Ir para baixo

Tópico resolvido Menu come deste forum

Mensagem por henriquebr 24.10.12 14:44

Qual é minha questão:
Olá queria saber como fazer um menu EXATAMENTE como neste forum: http://br-design.forumeiros.com/ pra punBB

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://rmbr.forumeiros.com

Versão do meu fórum:
PUNBB


Última edição por henriquebr em 28.10.12 1:16, editado 1 vez(es)
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Sennior 24.10.12 14:51

Olá querido,

Se fizemos isto ficara um pouco quanto estranho. Teremos que retirar tudo daquele menu. Se ainda desejar, mande-nós teu CSS.

Graciosamente,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Roevs 24.10.12 14:57

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 24.10.12 15:01

ola Quakeline, seu codigo nao teve resultados, e dr. house, eu estou testando no meu forum de testes: http://rmbr-t.forumeiros.com (punBB)
nao tem como manda o codigo nao? meu css completo:

Código:
.conteneur-menu .onglets li a.active {
background: #CCCACA!Important;
border:transparent;
color: #333333!Important;
  text-shadow:0px 0ox 1px grey!Important;
}
.conteneur-menu .onglets li a:hover {
  background: grey;
  color:black;
  border-color: white;
  transition: background, color 0.5s;
  -webkit-moz-transition: background, color 0.5s;
  -moz-transition: background, color 0.5s;
}
.conteneur-menu .onglets li a {
  transition: background, color 0.5s;
  -webkit-moz-transition: background, color 0.5s;
  -moz-transition: background, color 0.5s;
  border: 3px solid grey;
  box-shadow: 0px 0px 2px black;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg) 100% repeat-x bottom;
  text-align:center!Important;
  margin-left:7px;
  float:center!Important;
  border-radius:5px;
border-bottom: 1px solid #F3F5F7;
border-left: 1px solid #EEE;
border-right: 1px solid #AAA;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;
width: 150px;
}
.pun div, .pun td, .sig-line {
border-color: ##CCC;
color: ##CCC;
}
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}

/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    line-height: 1.6em;
    padding: 12px;
}

.pun a:link {
    color: #964e4e;
    text-decoration: none;
}

.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}


.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

.pun div, .pun td, .sig-line {
border-color: #
#CCC;
color: #
#CCC;
}

#pun-about {
    background-color: #F3F3F3;
    border: 1px solid #964e4e;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: right;
    line-height: 150%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
    background-color: #F3F3F3;
    border: 1px solid #964e4e;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}
.pun .main-content {
    border: 1px solid #96514e;
    background-color: #fbfbfb;
}

.pun .post {
    background-color: #FAFBFC;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.pun .posthead {
    padding: 0.5em 1.3em 0.5em 1em;
    background-color: #D9D9D9;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
    background-position: 0 50%;
    background-repeat: repeat-x;
    border-bottom-color: #D0D0D0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2px;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-left: 0em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
}

.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#stats {
    padding: 0.6em 1em;
    line-height: 150%;
    background-color: #F3F3F3;
    border-bottom-color: #96514e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-style: double;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    float: left;
    padding: 0 1em;
    background-color: #fff;
    border: #8f1410;
    border-style: double;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}

.pun table.table th {
    padding: 0.4em 0;
    border-style: none;
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #333333;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun .posthead h2 strong {
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    margin-right: -6px;
    margin-top: -1px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
}
.pun .posthead h2 strong {
    background-color: #8f5151;
    color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

/*Efeito nas Opções do Post ao passar o mouse
================================================================*/

    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }


/*Rank 3D
================================================================*/
adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}

/*Centralizar, Rank, Nome & Avatar.
================================================================*/
    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .pun .user-ident .username {
    color: #00569C;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    top: 0;
    text-align: center;
    }

/*Estastisticas Personalizada.
================================================================*/

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

/*Efeito Nick / Grupos.
================================================================*/
/* Administrador */
a span[style="color:#FF0000"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://2img.net/i/fa/admin/couronne.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Designer */
a span[style="color:#992F56"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/wYVZV.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Moderador */
a span[style="color:#000DFF"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/zTKVS.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Coordenador */
a span[style="color:#FFAA00"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/uBDtl.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Ajuda */
a span[style="color:#22BA45"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/3EhXl.jpg');
background-position: 0 1;background-repeat:no-repeat;}

/* Diretor */
a span[style="color:#6928C9"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/wFO57.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Programador */
a span[style="color:#00F7FF"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/DGras.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Usuário Vip */
a span[style="color:#335E6B"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/nJGpi.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Membro */
a span[style="color:#6928C9"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/rUQ9B.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Banido */
a span[style="color:#FF00EE"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/jmzeU.png');
background-position: 0 1;background-repeat:no-repeat;}

/*Back Ground
================================================================*/
    #pun-intro{background-color:transparent;border-bottom:0px}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/gallery/index.htm"] { display : none; }
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF4500;
}
a[href="/u1"] {
background: url("http://i.imgur.com/moW5O.gif");
}
a[href="/u9"] {
text-shadow: 0px 0px 5px #FFD700;
}
a[href="/u9"] {
background: url("http://i.imgur.com/moW5O.gif");
}
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Sennior 24.10.12 15:04

Olá querido,

dr. house? Não compreendi.

Quanto ao código, deseja que eu monte ele?

Seu grande amigo,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 24.10.12 15:07

mals hehehe eu enganei de name ^^ Tive uma idéia!

e sim por favor...
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Sennior 24.10.12 15:14

Olá,

Aqui montei, veja-se gosta:

Código:
#pun-navlinks {background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;margin-left: -85px;margin-right: -85px;height: 44px!important;}

Graciosamente,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 24.10.12 15:34

henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Sennior 24.10.12 15:37

Ata, ficou daquele modo, pois o senhor tem um código em teu CSS com à função "background". Poderia me conceder teu CSS?

Abraços. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 24.10.12 15:40

outra: nao tem o efeito hover como no forum.... EU DIOSSE Q QUERIA EXATAMENTE IGUAL ou o mais parecido
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 24.10.12 15:41

eu ja passei ele ai em cima ^^
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Sennior 24.10.12 15:49

Calme querido, iremos deixar igual Piscada

Troque teu CSS pelo abaixo:

Código:
#pun-head #pun-navlinks {
background-color: transparent !important;
border-color: #DDD;
padding: .5em 1.1em .6em;
}
#pun-navlinks {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 44px!important;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
background-color: transparent;
background-image: url("http://i1135.photobucket.com/albums/m622/Mazeko1/HoverMenu.png");
padding: 7px;
background-color: none;
border: none;
border-radius: 0;
text-shadow: 0 0 1px #818181;
margin-top: 19px;
position: relative;
}
.mainmenu {
color: white !important;
}


.conteneur-menu .onglets li a.active {
background: #CCCACA!Important;
border:transparent;
color: #333333!Important;
  text-shadow:0px 0ox 1px grey!Important;
}
.conteneur-menu .onglets li a:hover {
  background: grey;
  color:black;
  border-color: white;
  transition: background, color 0.5s;
  -webkit-moz-transition: background, color 0.5s;
  -moz-transition: background, color 0.5s;
}
.conteneur-menu .onglets li a {
  transition: background, color 0.5s;
  -webkit-moz-transition: background, color 0.5s;
  -moz-transition: background, color 0.5s;
  border: 3px solid grey;
  box-shadow: 0px 0px 2px black;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg) 100% repeat-x bottom;
  text-align:center!Important;
  margin-left:7px;
  float:center!Important;
  border-radius:5px;
border-bottom: 1px solid #F3F5F7;
border-left: 1px solid #EEE;
border-right: 1px solid #AAA;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;
width: 150px;
}
.pun div, .pun td, .sig-line {
border-color: ##CCC;
color: ##CCC;
}
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}

/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    line-height: 1.6em;
    padding: 12px;
}

.pun a:link {
    color: #964e4e;
    text-decoration: none;
}

.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}


.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

.pun div, .pun td, .sig-line {
border-color: #
#CCC;
color: #
#CCC;
}

#pun-about {
    background-color: #F3F3F3;
    border: 1px solid #964e4e;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: right;
    line-height: 150%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
    background-color: #F3F3F3;
    border: 1px solid #964e4e;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}
.pun .main-content {
    border: 1px solid #96514e;
    background-color: #fbfbfb;
}

.pun .post {
    background-color: #FAFBFC;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.pun .posthead {
    padding: 0.5em 1.3em 0.5em 1em;
    background-color: #D9D9D9;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
    background-position: 0 50%;
    background-repeat: repeat-x;
    border-bottom-color: #D0D0D0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2px;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-left: 0em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
}

.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#stats {
    padding: 0.6em 1em;
    line-height: 150%;
    background-color: #F3F3F3;
    border-bottom-color: #96514e;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-style: double;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    float: left;
    padding: 0 1em;
    background-color: #fff;
    border: #8f1410;
    border-style: double;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}

.pun table.table th {
    padding: 0.4em 0;
    border-style: none;
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #333333;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun .posthead h2 strong {
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    margin-right: -6px;
    margin-top: -1px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
}
.pun .posthead h2 strong {
    background-color: #8f5151;
    color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

/*Efeito nas Opções do Post ao passar o mouse
================================================================*/

    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }


/*Rank 3D
================================================================*/
adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}

/*Centralizar, Rank, Nome & Avatar.
================================================================*/
    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .pun .user-ident .username {
    color: #00569C;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    top: 0;
    text-align: center;
    }

/*Estastisticas Personalizada.
================================================================*/

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

/*Efeito Nick / Grupos.
================================================================*/
/* Administrador */
a span[style="color:#FF0000"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://2img.net/i/fa/admin/couronne.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Designer */
a span[style="color:#992F56"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/wYVZV.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Moderador */
a span[style="color:#000DFF"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/zTKVS.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Coordenador */
a span[style="color:#FFAA00"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/uBDtl.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Ajuda */
a span[style="color:#22BA45"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/3EhXl.jpg');
background-position: 0 1;background-repeat:no-repeat;}

/* Diretor */
a span[style="color:#6928C9"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/wFO57.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Programador */
a span[style="color:#00F7FF"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/DGras.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Usuário Vip */
a span[style="color:#335E6B"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/nJGpi.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Membro */
a span[style="color:#6928C9"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/rUQ9B.png');
background-position: 0 1;background-repeat:no-repeat;}

/* Banido */
a span[style="color:#FF00EE"]{padding-left:20px;padding-top:2px;padding-bottom:2px;background-image:url('http://i.imgur.com/jmzeU.png');
background-position: 0 1;background-repeat:no-repeat;}

/*Back Ground
================================================================*/
    #pun-intro{background-color:transparent;border-bottom:0px}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/gallery/index.htm"] { display : none; }
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF4500;
}
a[href="/u1"] {
background: url("http://i.imgur.com/moW5O.gif");
}
a[href="/u9"] {
text-shadow: 0px 0px 5px #FFD700;
}
a[href="/u9"] {
background: url("http://i.imgur.com/moW5O.gif");
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por StyLe® 24.10.12 23:35

Olá!

Acede à ''Folha de estilo CSS''
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
#page-header .navbar {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://i1135.photobucket.com/albums/m622/Mazeko1/HoverMenu.png");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}

Valide


Até mais.
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por Hyouki 24.10.12 23:37

Hyouki
Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por StyLe® 24.10.12 23:57

Ele quer para a versão PunBB e não PhpBB3 Lucas o meu código funciona perfeitamente eu testei e funciono
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu come deste forum

Mensagem por henriquebr 25.10.12 1:19

podem dar block, o style ja ta resolvendo no spd.
henriquebr
henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos