Menu come deste forum

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

Atendido / Resolvido Menu come deste forum

Mensagem por henriquebr em 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
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por AquilesD. em 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é


Menu come deste forum WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6051
Pontos Ativos : 7776

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 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://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");
}
henriquebr

henriquebr
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24.10.12 15:07

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

e sim por favor...
henriquebr

henriquebr
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24.10.12 15:34

henriquebr

henriquebr
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 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
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 24.10.12 15:41

eu ja passei ele ai em cima ^^
henriquebr

henriquebr
Usuário avançado

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

http://rmbr.forumeiros.com

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Sennior em 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://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.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por StyLe® em 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://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.
avatar

StyLe®
Membro do Fórum

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

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por Hyouki em 24.10.12 23:37

Hyouki

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1493
Pontos Ativos : 1977

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por StyLe® em 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®
Membro do Fórum

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

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

Atendido / Resolvido Re: Menu come deste forum

Mensagem por henriquebr em 25.10.12 1:19

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

henriquebr
Usuário avançado

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

http://rmbr.forumeiros.com

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


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