Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Gerir CSS Menu Maker
+3
MateusA
Icaro_OwneR
PowerinG
7 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
Gerir CSS Menu Maker
Qual é minha questão:
Eu queria como crio um segundo MENU tipo esse !
https://i.imgur.com/K1rEeA2.png
Endereço do meu fórum:
http://qwe123.forumeiros.com
Versão do fórum:
PHPBB3
Eu queria como crio um segundo MENU tipo esse !
https://i.imgur.com/K1rEeA2.png
Endereço do meu fórum:
http://qwe123.forumeiros.com
Versão do fórum:
PHPBB3
Re: Gerir CSS Menu Maker
Crazy , a dúvida dele é de como ele faz para criar esse "segundo" menu.
O que fica abaixo.
O que fica abaixo.
Re: Gerir CSS Menu Maker
Olá amigo,
Faça assim, mande-me os códigos que o senhor pegou, digo o HTML e o CSS do menu que eu faço à alteração.
Até mais.
Faça assim, mande-me os códigos que o senhor pegou, digo o HTML e o CSS do menu que eu faço à alteração.
Até mais.
Re: Gerir CSS Menu Maker
TIPO Mikee,EU QUERIA FAZER UM IDENTICO A AKELE DA PRINT,
SO QUE COM OUTROS NOMES ,ENVEZ DE PRISOES CSI:ST EU IA COLOCAR OUTRO !
MEU FORUM E PHPBB3
SO QUE COM OUTROS NOMES ,ENVEZ DE PRISOES CSI:ST EU IA COLOCAR OUTRO !
MEU FORUM E PHPBB3
Re: Gerir CSS Menu Maker
Olá amigo,
Sim, compreendo. Mas antes o senhor tem que fazer o menu pelo link:
http://cssmenumaker.com/
Faça o menu e depois mande nos os códigos que irá gerir.
Até mais.
Sim, compreendo. Mas antes o senhor tem que fazer o menu pelo link:
http://cssmenumaker.com/
Faça o menu e depois mande nos os códigos que irá gerir.
Até mais.
Re: Gerir CSS Menu Maker
Olá PowerinG era apenas um Redirecionamento
Tente conectar no site novamente.
Até mais.!
Tente conectar no site novamente.
Até mais.!
Re: Gerir CSS Menu Maker
Nao estou ashando validar,pode ver na print !
https://i.imgur.com/YzWo3Rn.png
https://i.imgur.com/YzWo3Rn.png
Re: Gerir CSS Menu Maker
Olá,
Leia esse tutorial para aprender a como adicionar um menu feito no Menu Maker
https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker
Leia esse tutorial para aprender a como adicionar um menu feito no Menu Maker
https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker
Re: Gerir CSS Menu Maker
Fiz igualzin,ta funcionando,so que esta em branco nao tem cor !
https://i.imgur.com/2tkcOj6.png
https://i.imgur.com/2tkcOj6.png
Re: Gerir CSS Menu Maker
- Código:
jQuery(document).ready(function(){
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").before("<div class='novomenu'></div>");
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").css({"display":"none"});});
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
<li><a href='http://cia-sa.forumeiros.com/portal'><span>PORTAL CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t1-regras-da-ciasa'><span>REGRAS CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t6-regras-policiais'><span>REGRAS POLICIAIS</span></a></li>
<li class='active'><a href='http://cia-sa.forumeiros.com/post?f=4&mode=newtopic'><span>CADASTRO DE AGENTES</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/f5-sistemas'><span>SISTEMAS</span></a></li>
<li class='active'><a href='http://cia-sa.forumeiros.com/f11-prisoes-ciasa'><span>PRISOES CIA:SA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t2-sistema-cargos-da-ciasa'><span>CARGOS CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/f14-tutoriais'><span>TUTURIAIS</span></a></li>
<li><a href='http://sa-mp.com/download.php'><span>SAMP 0.3x</span></a></li>
<li class='active last'><a href='http://nwdgames.com/forum' target='_blank'><span>NWD GAMES</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
<li><a href='http://cia-sa.forumeiros.com/portal'><span>PORTAL CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t1-regras-da-ciasa'><span>REGRAS CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t6-regras-policiais'><span>REGRAS POLICIAIS</span></a></li>
<li class='active'><a href='http://cia-sa.forumeiros.com/post?f=4&mode=newtopic'><span>CADASTRO DE AGENTES</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/f5-sistemas'><span>SISTEMAS</span></a></li>
<li class='active'><a href='http://cia-sa.forumeiros.com/f11-prisoes-ciasa'><span>PRISOES CIA:SA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/t2-sistema-cargos-da-ciasa'><span>CARGOS CIA</span></a></li>
<li><a href='http://cia-sa.forumeiros.com/f14-tutoriais'><span>TUTURIAIS</span></a></li>
<li><a href='http://sa-mp.com/download.php'><span>SAMP 0.3x</span></a></li>
<li class='active last'><a href='http://nwdgames.com/forum' target='_blank'><span>NWD GAMES</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
Re: Gerir CSS Menu Maker
CSS :
- Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #141414;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
color: #ffffff;
display: inline-block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 49px;
padding: 0 20px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #0fa1e0;
margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
background: #070707;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
Re: Gerir CSS Menu Maker
Olá amigo,
Coloque o menu por gentileza pois eu fui em teu fórum e não vi o menu.
Até mais.
Coloque o menu por gentileza pois eu fui em teu fórum e não vi o menu.
Até mais.
Re: Gerir CSS Menu Maker
Tres mensagens seguidas antes mesmo de se passar 24 horas? Isto não será tolerado! Ups somente são permitidos após ter passado 24 horas da ultima mensagem ou criação do tópico.
Não volte a cometer essa ação, ou terei de adverti-lo mais severamente. Seja paciente e aguarde, a sua questão tem o mesmo grau de importância das demais questões.
Obs.: Apaguei duas.
Acrescente o código a seguir na folha de estilo CSS:
Altere "#3A3A3A" para a cor que deseja em hexadecimal, rgb ou o nome da cor em inglês.
Até mais!
Não volte a cometer essa ação, ou terei de adverti-lo mais severamente. Seja paciente e aguarde, a sua questão tem o mesmo grau de importância das demais questões.
Obs.: Apaguei duas.
Acrescente o código a seguir na folha de estilo CSS:
- Código:
#cssmenu {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #3A3A3A!important;
border-bottom: 2px solid #0fa1e0;
border-radius: 5px 5px 0 0;
height: 49px;
}
Altere "#3A3A3A" para a cor que deseja em hexadecimal, rgb ou o nome da cor em inglês.
Até mais!
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