Questão de CSS para menu personalizado
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Questão de CSS para menu personalizado
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
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(https://i.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(https://i.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(https://i.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(https://i.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(https://i.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(https://i.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(https://i.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 -32px;}
Última edição por Jander em 30.11.10 13:48, editado 1 vez(es)
Re: Questão de CSS para menu personalizado
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: https://2img.net/i/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(https://i.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.
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: https://2img.net/i/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(https://i.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.
Re: Questão de CSS para menu personalizado
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.
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.
Re: Questão de CSS para menu personalizado
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(https://i.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.
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(https://i.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.
Re: Questão de CSS para menu personalizado
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:
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;
Re: Questão de CSS para menu personalizado
:crybaby: Muito thanks pelas ajudas ... mas realmente não deu muito certo .. mexi em tudo mas o probleminha continua ... muito obrigado pelas dicas
Re: Questão de CSS para menu personalizado
Bom dia,
Tente colocar este:
Até mais.
Tente colocar este:
- Código:
width:41px !important; height:32px !important;
Até mais.
Re: Questão de CSS para menu personalizado
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!
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!
Re: Questão de CSS para menu personalizado
Boa tarde,
Tente adicionar este junto ao outro:
Até mais.
Tente adicionar este junto ao outro:
- Código:
margin-top: -10px !important;
Até mais.
Re: Questão de CSS para menu personalizado
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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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("https://i.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('https://i.servimg.com/u/f65/11/95/30/70/221.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 10px;
background: url('https://i.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('https://i.servimg.com/u/f65/11/95/30/70/316.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://i.servimg.com/u/f65/11/95/30/70/122.png') no-repeat 50% 50%;
}
.popmenubutton a {
background-color: #1f1f1f;
background-image: url('https://i.servimg.com/u/f64/13/24/64/14/617.png');
}
.popupmenu li{
background-color: #2a2b2b;
background-image: url('https://i.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("https://i.servimg.com/u/f85/11/95/30/70/11210.png");
background-color: #191919;
border: 1px solid #2d2d2d;
}
.rte-menu-button {
background-image: url("https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.servimg.com/u/f65/11/95/30/70/m212.png');
background-position: center;
}
button.button2:hover, input.button2:hover {
background-image: url('https://i.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('https://i.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('https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an12.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an11.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an13.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_0510.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an14.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an15.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/bar_an16.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/nav_1010.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(https://i.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(https://i.servimg.com/u/f64/13/24/64/14/rere_110.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{ background:url(https://i.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(https://i.servimg.com/u/f65/11/95/30/70/re_1110.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(https://i.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(https://i.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(https://i.servimg.com/u/f69/13/29/02/28/regist10.png) no-repeat 0 -32px;}
#i_icon_mini_login{width:41px; height:32px; background:url(https://i.servimg.com/u/f64/13/24/64/14/nav_1110.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(https://i.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(https://i.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(https://i.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;
}
Re: Questão de CSS para menu personalizado
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;}
Re: Questão de CSS para menu personalizado
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.
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
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.
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
Re: Questão de CSS para menu personalizado
Tente colocar uma imagem grande transparente no painel de controle! Pode ser que isso resolva o problema!
Re: Questão de CSS para menu personalizado
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.
Não teria ou código CSS para o punBB.
Re: Questão de CSS para menu personalizado
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
Tópicos semelhantes
» Menu personalizado para versão phpbb2
» Como criar um menu personalizado para forum invision?
» Menu personalizado
» Menu personalizado
» Questao de grupos para inscrição automática
» Como criar um menu personalizado para forum invision?
» Menu personalizado
» Menu personalizado
» Questao de grupos para inscrição automática
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos