Menu come deste forum

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

Resolvido Menu come deste forum

Mensagem por henriquebr em 24/10/12, 11:44 am

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 27/10/12, 11:16 pm, editado 1 vez(es)
avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por Sennior em 24/10/12, 11:51 am

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu come deste forum

Mensagem por iPrompt em 24/10/12, 11:57 am

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 12:01 pm

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://illiweb.com/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");
}
avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por Sennior em 24/10/12, 12:04 pm

Olá querido,

dr. house? Não compreendi.

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

Seu grande amigo,
Mikéé - Ajudeiro.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 12:07 pm

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

e sim por favor...
avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por Sennior em 24/10/12, 12:14 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 12:34 pm

avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por Sennior em 24/10/12, 12:37 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 12:40 pm

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

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 12:41 pm

eu ja passei ele ai em cima ^^
avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Menu come deste forum

Mensagem por Sennior em 24/10/12, 12:49 pm

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://illiweb.com/fa/pbucket.gif");
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://illiweb.com/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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu come deste forum

Mensagem por StyLe® em 24/10/12, 08:35 pm

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://illiweb.com/fa/pbucket.gif");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}

Valide


Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Menu come deste forum

Mensagem por Hyouki em 24/10/12, 08:37 pm

avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Menu come deste forum

Mensagem por StyLe® em 24/10/12, 08:57 pm

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

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24/10/12, 10:19 pm

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

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

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

- Tópicos similares

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