Questão de CSS para menu personalizado

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

Resolvido Questão de CSS para menu personalizado

Mensagem por Jander em 28/11/10, 08:28 pm

Oi para todos !

Estou precisando de uma ajudinha ... atualmente atualizei o TEMA de meu fórum ... porém no meu tema antigo tinha um botão no menu que eu mesmo criei ..

Ocorre que neste novo TEMA somente o botão que eu havia criado não tem o formato dos demais botõs, pois percebi que estes botões foram criados através de código CSS.

Gostaria que esse botão criado por mim também tivesse esse efeito (quando passa o mouse ele muda de cor)
O botão em questão é o "Indice"

Se alguém manjas de CSS e pude me ajudar ... eu já tentei de tudo, mas não deu muito certo.

Este é o dendereço do meu Forúm: http://animeworld.snob.tv
Segue o códigos os botãoes que possuem esse efeito:

div.maintitle{color: #000;}
#i_icon_mini_index{width:85px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 -32px;}
#i_icon_mini_gallery{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 -32px;}
#i_icon_mini_calendar{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 -32px;}
#i_icon_mini_portal{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 -32px;}
#i_icon_mini_faq{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 -32px;}
#i_icon_mini_search{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}
#i_icon_mini_members{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 -32px;}
#i_icon_mini_groups{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 -32px;}
#i_icon_mini_profile{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 -32px;}
#i_icon_mini_message{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 -32px;}
#i_icon_mini_new_message{width:86px; height:30px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 -32px;}
#i_icon_mini_logout{width:41px; height:32px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 -32px;}
#i_icon_mini_register{width:86px; height:32px; background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 -32px;}
#i_icon_mini_portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 -32px;}


Última edição por Jander em 30/11/10, 11:48 am, editado 1 vez(es)
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 07:13 am

Acho que é quase isso meu caro amigo Solkis ... mas não é isso.
Veja como ficou por gentileza ... ficou tipo um mini botão ... http://animeworld.snob.tv

Se eu vou lá no "Cabeçalho & Navegação" >> entro nas configurações do "botão Índice" >> e coloco código de imagem em branco no campo "Imagem" = link: http://illiweb.com/fa/empty.gif .... O meu botão criado "indice" desaparece!

Agradeço muito se tentar resolver isso pra mim ... muito thanks
Se precisar te passou meu login e senha via menssagem particular.

_____________________________________________

Percebi que estava faltando a parte em negrito do primeiro código que vc me mandou ... coloquei ela, mas mesmo assim não funfo ...

a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"] {width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px;}

e para mostrar aquele pedaço de botão tive que colocar uma imagem PNG "em branco" de 86px por 32px no campo "Imagem" conforme citado no meio do texto, pois se tiro essa imagem o botão some do menu.
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 08:50 am

Bom dia,

Não sie se é só impressão minha, mas não falta um texto no botão?! Creio que seja este o motivo para que não funcione!

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 09:28 am

Realmente não é a falta de escrita ... pois a escrita vem na própria imagem PNG :


Será que não é as tags de dimensão da imagem .. sabe me responder se essa área que adicionei está correta:
{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px;}

Pois o menu está correto, porém a imagem não quer ser exibida por completo. zen
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm
  • 0

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 09:31 am

Bom dia,

Então entendi o problema! Em links estas propriedades nã funcionam! Deverá utilizar este código no lugar do que deixou em negrito, no primeiro a metade da altura e no segundo a metade da largura:
Código:
padding: 16px 43px;
Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 09:49 am

:crybaby: Muito thanks pelas ajudas ... mas realmente não deu muito certo .. mexi em tudo mas o probleminha continua ... muito obrigado pelas dicas
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 10:13 am

Bom dia,

Tente colocar este:
Código:
width:41px !important; height:32px !important;
Se não der, mostre-me uma imagem do resultado!

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 10:25 am

Nada também. ...
Olha a imagem continua pela metade:


Acho que deve ser alguma problema no CSS, pois nem imagem normal ... digo adicinando uma imagem normal PNG pelo sistema de configuração do botão também corta a imagem!
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 10:32 am

Boa tarde,

Tente adicionar este junto ao outro:
Código:
margin-top: -10px !important;
Deve resolver!

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 10:41 am

Nem mecheu ... Ficou do geito que estava ... Esse é o código que to usando ... os negritos são ar partes que modifiquei:

Spoiler:


a {
outline: none;
}


body {
background-position: top center;
}
#submenu ul li a {
color: #fff;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border: none;
}
#submenu ul li a a:hover{
background-color: transparent !important;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border: none;
}
div#logostrip{
min-height: 25px;
/min-height: 10px;
}
#submenu a:hover{
background-color: transparent ;
}
#submenu{
background-color: transparent !important;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
padding-left: 10px;
}
#userlinks{
background-color: transparent !important;
background-image: url('http://i64.servimg.com/u/f64/13/24/64/14/demo_a11.png');
padding-top: 69px;
margin: 0px;
margin-bottom: 0px;
width: 922px;
background-repeat: no-repeat;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
padding-top: 74px;
}
#userlinks ul {
background-color: #282828;
border: 1px solid #646464;
padding: 4px;
margin-top: 2px;
margin-right: 10px;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
#userlinks.not-connected .guest{
background-color: #282828;
border: 1px solid #646464;
padding: 4px;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
#userlinks.not-connected span{
background-color: #282828;
border: 1px solid #646464;
padding: 4px;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
#userlinks.not-connected a.visited{
background-color: #282828;
border: 1px solid #646464;
padding: 4px;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
div.newslink{
background-color: transparent !important;
margin: 0px;
padding: 1px;
margin-bottom: 10px;
}
#gfooter {
background-color: transparent;
background-image: url('http://i64.servimg.com/u/f64/13/24/64/14/pied10.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 64px;
width: 922px;
border: nonne;
padding: 0px;
padding-bottom: 27px;
margin: 0px;
margin-top: 10px;
}
.current-time{
padding: 4px;
margin-bottom: 23px;
margin-right: 14px;
background-color: #282828;
border: 1px solid #646464;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
#qjump{
padding-bottom: 23px;
margin-left: 10px;
}
#gfooter
.footer-links{
float: left;
width: 90%;
margin-right: -25px;
margin-left: 140px;
font-size : 1.0em;
}
#gfooter ul{
margin: 0 -32px 0 0;
}
#gfooter a{
color: #fff !important;
}
#gfooter a:hover{
color: #cbe304 !important;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/b217.png');
background-repeat: no-repeat;
background-position: center;
padding: 0px;
height: 20px!important;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/b217.png');
background-repeat : no-repeat;
padding: 0px;
height: 20px !important;
border: none none !important;
}
.search-footer-box { display: none; }
#search-box { display: none; }
.activeusers{
background-color: transparent;
}
.tfooter{
border: none;
margin: 0px;
padding: 0px;
}
.darkrow{
background-color: transparent;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/b217.png');
background-repeat : no-repeat;
padding: 0px;
height: 20px !important;
border: none !important;
}
.post{
background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bb110.png");
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 15px;
border-bottom: 0px;
border-left: 1px solid #2d2d2d;
border-right: 1px solid #2d2d2d;
}
.toplinks .last{
padding: 4px;
margin-right: 10px;
margin-bottom: -3px;
background-color: #282828;
border: 1px solid #646464;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 10px;
background: url('http://i65.servimg.com/u/f65/11/95/30/70/221.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 10px;
background: url('http://i65.servimg.com/u/f65/11/95/30/70/221.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 15px;
height: 15px;
background: url('http://i65.servimg.com/u/f65/11/95/30/70/316.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i65.servimg.com/u/f65/11/95/30/70/122.png') no-repeat 50% 50%;
}
.popmenubutton a {
background-color: #1f1f1f;
background-image: url('http://i64.servimg.com/u/f64/13/24/64/14/617.png');
}
.popupmenu li{
background-color: #2a2b2b;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/221.png');
padding-right: 12px;
}
.popupmenu li a{
padding-left: 5px;
}
#navstrip li a:hover{
color: #cbe900;
}
.ipbform2 dl dd input{
background-color: #606060;
}
.popupmenu.last{
background-color: #2a2b2b;
}
ul.popmenu li.popmenu-category{
background-color: #2a2b2b;
}
.post-container{
background-color: #111111;
}
.postbody{
background-color: #1f1f1f;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
.postprofile-head .popmenubutton-new-out{
background-color: #1f1f1f;
border: 1px solid #2d2d2d;
-moz-border-radius-topleft: 0px;
-webkit-border-radius-topleft: 0px;
-moz-border-radius-topright: 12px;
-webkit-border-radius-topright: 12px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-radius-bottomleft: 12px;
}
.post .popupmenu{
background-color: #464646;
border: 1px solid #2d2d2d;
-moz-border-radius-topleft: 12px;
-webkit-border-radius-topleft: 12px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 12px;
-webkit-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
.postprofile-head ul li{
background-color: #191919;
border: 1px solid #2d2d2d;
border-bottom: none;
border-top: none;
}
.exthelp,.rte-menu-button {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/11210.png");
background-color: #191919;
border: 1px solid #2d2d2d;
}
.rte-menu-button {
background-image: url("http://i81.servimg.com/u/f81/13/51/88/96/11411.png");
}
#search_menu table tr td input.button{
color: #fff;
}
input.post{
color: #fff;
}
.post-footer img{
padding-left: 3px;
}
table.ipbtable th.formsubtitle, .formsubtitle{
background-color: transparent;
}
#plus_menu{
background-color: #191919 ;
}
.box-content{
border-bottom: 1px solid #2d2d2d !important;
}
.box-content.profile{
border: 1px solid #2d2d2d !important;
}
.next-prev{
color: #000;
margin-right: 10px;
}
.next-prev a:link{
color: #000;
}
.next-prev a:link:hover{
color: #cbe900;
}
.next-prev a:visited{
color: #000;
}
.next-prev a:visited:hover{
color: #cbe900;
}
#qpost.row2{
background-color: #191919 ;
border-left: 1px solid #2d2d2d;
border-right: 1px solid #2d2d2d;
margin-bottom: 10px;
border-top: none;
}
.qreply{
background-color: #272727 ;
}
.messaging-box{
background-color: #272727 ;
}
#smiley-box{
background-color: #272727 ;
}
.wysiwyg{
background-color: #707070 !important;
}
#text_editor_textarea { background-color: #707070 !important; }
.attachbox{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
blockquote{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
color : #fff;
padding: 5px;
}
blockquote cite{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/citati11.png');
background-repeat: no-repeat;
background-position: top right;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dt{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/citati10.png');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 10px 3px 3px;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dd{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
color : #fff;
padding: 5px;
}
.row1, .row2{border: 1px solid #2d2d2d !important;}
.row1:hover{background-color: #191919;}
.row2:hover{background-color: #262626;}
.thin{
background-color: transparent !important;
border-top: 1px solid #2d2d2d;
border-bottom: 1px solid #2d2d2d;
}
.maintitle.floated.dropped{
padding-bottom: 0px;
}
.ipbtable-calendar td.view-week{
background-color: #191919 ;
border: 1px solid #2d2d2d;
}
div.calmonths{
background-color: #191919 ;
border: 1px solid #2d2d2d;
}
.module .box-content{
background-color: #212121;
border: 1px solid #323232;
}
.module .maintitle{background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/b316.jpg');}
.member{background-color: #4a4a4a;border: 1px solid #646464;}
.member p{color: #fff ;}
.member .popupmenu{
background-color: #464646;
border: 1px solid #2d2d2d;
-moz-border-radius-topleft: 12px;
-webkit-border-radius-topleft: 12px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 12px;
-webkit-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
div.errorwrap, div.infowrap{
background-color: #ffe9b3;
border: 1px solid #ef7400;
color: #be4300;
}
div.errorwrap h4, div.infowrap h4{
background-color: #ffb670;
border: 1px solid #ffc470;
color: #be4300;
}
ul.privmsg{
margin-left: 10px;
}
ul.privmsg li {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m311.png');
background-position: top center;
background-color: #f6b10f;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li a {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m111.png');
background-position: top center;
background-color: #595959;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m410.png');
background-position: top center;
background-color: #4a4a4a;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
ul.privmsg li a:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m211.png');
background-position: top center;
background-color: #282828;
border: 1px solid #646464;
-moz-border-radius-topleft: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
button.button2, input.button2 {
color: #000;
font-weight: bold;
background-repeat: repeat-x;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m212.png');
background-position: center;
}
button.button2:hover, input.button2:hover {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m411.png');
color: #000;
font-weight: bold;
background-position: center;
}
.button, .mainoption{
color: #000 ;
font-weight: bold;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m212.png');
background-position: center;
}
.button:hover, .mainoption:hover{
color: #000;
font-weight: bold;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/m411.png');
background-position: center;
}
.inputbox{
background-color: #7a7a7a;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
.avatar{
background-color: #282828;
border: 1px solid #646464;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
}
div.maintitle{color: #000;}
#i_icon_mini_index{width:85px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 -32px;}
#i_icon_mini_gallery{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 -32px;}
#i_icon_mini_calendar{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 -32px;}
#i_icon_mini_portal{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 -32px;}
#i_icon_mini_faq{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 -32px;}
#i_icon_mini_search{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}
#i_icon_mini_members{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 -32px;}
#i_icon_mini_groups{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 -32px;}
#i_icon_mini_profile{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 -32px;}
#i_icon_mini_message{width:86px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 -32px;}
#i_icon_mini_new_message{width:86px; height:30px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(http://i64.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 -32px;}
#i_icon_mini_logout{width:41px; height:32px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 -32px;}
#i_icon_mini_register{width:86px; height:32px; background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i69.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 -32px;}
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"] {width:86px !important; height:32px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px;}
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"]:hover {width:86px !important; height:32px !important; margin-top: -10px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}




/* CSS SI TABLEAU, à supprimer si non utilisé */

.ombre{
-moz- text-shadow: 1px 1px 1px #000;
-webkit- text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=1);
zoom: 1;
}
.fond_gris{
background-repeat: no-repeat;
}
.photo5{
padding-left: 20px !important;
}
.image6{
padding-left: 50px !important;
}
.placer_texte{
text-align : left !important;
padding-top: 170px !important;
padding-left: 25px !important;
}
.placer_texte1{
text-align : right !important;
padding-top: 58px !important;
padding-right: 14px !important;
}
.placer_texte2{
text-align : right !important;
padding-top: 90px !important;
padding-right: 14px !important;
}
a:links.lien_bas {
text-decoration: none !important;
}
.lien_bas{
font-weight: bold;
font-size: 3;
padding-left: 3px;
font-family: Century Gothic;
color: #accb00;
display: inline;
border-bottom: 1px dotted #accb00;
}
.lien_bas:hover{
color: #df6e04;
border-bottom: 1px dotted #df6e04;
}
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm
  • 0

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 10:47 am

Tente este:
Código:
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"] {width:86px !important; height:32px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px; margin-top: -10px !important;}
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"]:hover {width:86px !important; height:32px !important; margin-top: -10px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 29/11/10, 10:02 pm

Oi Solkis ..

Testei o ultimo código, mas denovo o botão ficou pela metade ... Mas deixa quieto ... futuramente eu vejo o que faço pra isso funcionar ... muito obrigado pelos auxílios. Amigos

Tem só uma observação ... se eu retiro o código CSS e coloco somente a imagem do botão pelas configurações do botão a imagem do botão "indice" fica alinhada com as demais imágens, mas tem o efeito de cor quando passa o mouse Chorando ou muito tr
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis em 29/11/10, 11:48 pm

Tente colocar uma imagem grande transparente no painel de controle! Pode ser que isso resolva o problema!
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 30/11/10, 08:43 am

Já tentei isso, mas mesmo assim ela fica cortada no meio ... tinha colocado uma imagem PNG transparente nas configurações do botão ... O problema não foi embora ... Valeu

Não teria ou código CSS para o punBB.
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

Resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander em 30/11/10, 11:48 am

Oi Solkis ... acabei de adicionar uns novos botões utilizando o "Mensagem na Home page" ficou maneiro ... acho que não será mais necessário adicionar o botão "indice" MUITO OBRIGADO
avatar

Jander
Nível 5

Masculino
Inscrito dia : 13/05/2010
Mensagens : 55
Pontos Ativos : 89

Ver perfil do usuário http://animeworld.snob.tv/forum.htm

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