Como por esse menu

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

Resolvido Como por esse menu

Mensagem por Vinicius._. em 13/11/12, 11:39 pm

Como por esse menu:



vi esse menu em
http://br-designerforever.forumeiros.com/


Fórum: http://fasky.sampforum.net/forum (phpBB 3)

Imagens do problema:
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Como por esse menu

Mensagem por Convidado em 14/11/12, 10:22 am

Olá!

adicione em sua folha de estilo css:
Código:
/* menus */
.navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), progress;
}
.hlogin{
top: 0%;
left: 75%;
position: fixed;
}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#fff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#fff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;white-space:nowrap}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}
ul.topiclist li.header dl.icon dt, ul.topiclist li.header dl.icon dd.dterm, ul.topiclist li.header dl.icon dd.lastpost span {
color: #dadada;
text-shadow: 0px 0px 3px #8f8f8f;
}
th.number, th.name, th.interests, th.joined, th.active, th.posts, th.pm, th.website {
color: #dadada;
text-shadow: 0px 0px 3px #8f8f8f;
}
Valide.

Até Mais.

Convidado
Convidado


Resolvido Re: Como por esse menu

Mensagem por Vinicius._. em 14/11/12, 10:43 am

Não resulto!
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Como por esse menu

Mensagem por Convidado em 14/11/12, 11:19 am

Olá!

troque por este:
Código:
#page-header .navbar span.corners-bottom {
display: none;
}
#page-header .navbar span.corners-top {
display: none;
}
#page-header .headerbar span.corners-bottom {
display: none;
}
#page-header .headerbar span.corners-top {
display: none;
}
#page-header #search-box {
display: none;
}
#page-header #search-box {
display: none;
}
.navbar .corners-top ,.navbar .corners-bottom {display:none;}
.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}
.headerbar .corners-top ,.headerbar .corners-top {display:none;}
.navbar a:hover {
text-decoration: none;
}
.postbody {
color: #333333;
}
#page-header .navbar {
position: relative;
top: -6px;
background-image: url(http://i.imgur.com/jNsE7.png);
background-repeat: repeat-x;
height: 50px;
width: 99.4%;
left: -0.5%;
-moz-box-shadow: -20px 5px 20px #000;
text-align: center;
color: #dadada;
}
#page-header .navbar .navlinks {
padding: 25px;
font-size: 0px;
border-bottom: 0px;
position: left;
color: #969696;
text-align: center;
color: #dadada;
}
#page-header .navbar .navlinks a {
font-size: 11px;
color: #ffffff;
padding: 18px 15px;
text-align: center;
color: #dadada;
}
#page-header .navbar .navlinks a:hover {
background-image: url(http://i.imgur.com/xzKFK.png);
background-repeat: repeat-x;
-moz-box-shadow: 0px 0px 5px #000;
text-shadow: -1px -1px 1px #000;
color: #969696;
text-align: center;
height: 65px;
}
.navbar ul {
border : none;
}
li.row:hover {
background-color: #f5f9fb;
}
.row dl dd.dterm {
border-left: none;
}
/* menus */
.navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), progress;
}
.hlogin{
top: 0%;
left: 75%;
position: fixed;
}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#fff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#fff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;white-space:nowrap}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}
ul.topiclist li.header dl.icon dt, ul.topiclist li.header dl.icon dd.dterm, ul.topiclist li.header dl.icon dd.lastpost span {
color: #dadada;
text-shadow: 0px 0px 3px #8f8f8f;
}
th.number, th.name, th.interests, th.joined, th.active, th.posts, th.pm, th.website {
color: #dadada;
text-shadow: 0px 0px 3px #8f8f8f;
}

Até Mais.

Convidado
Convidado


Resolvido Re: Como por esse menu

Mensagem por Luciano98 em 14/11/12, 11:21 am

Olá!

Utilize esse código CSS:
Código:
#page-header .navbar{position:relative;top:-6px;background-image:url(http://i.imgur.com/jNsE7.png);background-repeat:repeat-x;height:50px;width:99.4%;left:-.5%;-moz-box-shadow:-20px 5px 20px #000;text-align:center;color:#dadada;border-radius:0}#page-header .navbar span.corners-top,#page-header .navbar span.corners-bottom{display:none}#page-header .navbar a.mainmenu{font-size:11px;color:#fff;padding:16px 15px;text-align:center;color:#dadada}#page-header .navbar a.mainmenu:hover{background-image:url(http://i.imgur.com/xzKFK.png);background-repeat:repeat-x;-moz-box-shadow:0 0 5px #000;text-shadow:-1px -1px 1px #000;color:#969696;text-align:center;height:65px}#page-header .navbar .linklist.navlinks{padding:25px;font-size:0;border-bottom:0;position:left;color:#969696;text-align:center;color:#dadada}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como por esse menu

Mensagem por Vinicius._. em 14/11/12, 01:00 pm

vlw luciano
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

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

- Tópicos similares

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