Afundar menu

3 participantes

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

Tópico resolvido Afundar menu

Mensagem por Firenando 20.01.12 18:22

Qual é minha questão:
Olá, é o seguinte.

Eu quero que o meu menu de navegação afunde, mais como assim Fire?

Assim, eu quero que o menu fique para dentro do menu, tipo afundado, e quando passar o mouse em cima, suba.

Ex: Todos as letras estão afundados, dai eu quero ir no portal, passo o mouse em cima, e o portal sobe.

Deu para entender?

Medidas que eu tomei para corrigir o problema:
Procurei e não achei.

Imagens do meu problema:
Não precisa.

Endereço do meu fórum:
http://br-designerforever.forumeiros.com/

Versão do meu fórum:
PHPBB3
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 18:28

Olá, aceda a Painel de controle Seta Visualização Seta Imagens e core Seta Cores :seta2: Aba "Folha de estilo CSS" Adicione o codigo:
Código:
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks li a:hover{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 18:30

Não deu certo, e eu tenho códigos parecidos do menu etc, isso prejudica?

Aqui está meu CSS:

Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;#wrap
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(sem imagem);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
.online{
z-index: 999;
background-image: url(http://i.imgur.com/gEzih.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important
}

ul.navlinks{
background:url(http://i.imgur.com/Ukp6c.png) no-repeat top center;
border-bottom:0 solid #b2d1ed;
height:120px;
left:-35px;
margin-bottom:-100px;
position:relative;
width:1321px
}
.navbar {
clear: both;
background-color: transparent;
padding:10px 10px;
}
body, a, a:hover {cursor: url(http://www.radiohunter.com.br/master/Arrow.cur), progress;}
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0493DB;
}
#page-header #search-box {
position: absolute;
top: 180px;
right: 50px;
}
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 18:32

Olá, sim substitua seu CSS por esse e adicione meu codigo
Código:
blockquote div {
 margin-left: 20px;
 }
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
 background-color: #E4F4FC;
 }
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
 font-size: 1em;
 }
blockquote.uncited {
 padding-top: 25px;
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;#wrap
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #CD853F;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(sem imagem);
background-repeat: no-repeat;
background-position: bottom right;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }


-------Reputação------
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
.online{
z-index: 999;
background-image: url(http://i.imgur.com/gEzih.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important
}


body, a, a:hover {cursor: url(http://www.radiohunter.com.br/master/Arrow.cur), progress;}
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0493DB;
}
#page-header #search-box {
position: absolute;
top: 180px;
right: 50px;
}
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 18:33

Agora piorou, excluiu meu menu de navegação e não resultou.
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por bean 20.01.12 18:33

- Eai loca manja esse no teu CSS ve se pega é noise paz ...

Código:
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks li a:hover{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
bean

bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 18:36

Não resultou
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 19:11

Olá, na aba do seu CSS a opção "melhorar seu CSS" esta ativada?
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 20:01

Sim, e agora eu consegui arrumar, mais se eu mexo em um, da um mexida de leve em todas, olha.

http://br-designerforever.forumeiros.com/forum
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 20:09

Olá, coloque este codigo
Código:
.mainmenu{
margin-right: -10px;
}
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 20:10

Não resultou, primeiro ficou perto, dai eu modifiquei o código, mais não resultou...
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 20:13

Olá, qual codigo você usou para fazer esse efeito?
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 20:14

Esse:

Código:
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks li a:hover{
color: white;
position: relative;
bottom: 0px !important;
margin: -1px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
.mainmenu{
margin-right: 0px;
}
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por MateusV. 20.01.12 20:17

Olá, substitua por este
Código:
#page-header .navbar ul.navlinks li a{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks li a:hover{
color: white;
position: relative;
bottom: 0px !important;
margin: -1px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
.mainmenu{
margin-right: -1px;
}
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 20.01.12 20:18

Continua mexendo...
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Convidad 22.01.12 2:06

Olá,

Adicione no conteúdo de sua folha CSS:

Código:
.navlinks li:hover {
      padding:8px;
      background: rgba(133, 130, 130, .30);
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 2px 2px #727272;
      -moz-box-shadow: inset 0px 2px 2px #727272;
      box-shadow: inset 0px 2px 2px #727272;
}

Salve e visualize seu fórum.
Até mais. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Afundar menu

Mensagem por Firenando 22.01.12 2:14

Deixa, ficou estranhou, vou deixar do jeito que tava.

Obrigado a todos.
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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