Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Menu para fórum
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
Menu para fórum
Qual é minha questão:
Estava vendo alguns tópico quando vi este em especial : https://ajuda.forumeiros.com/t81049-menu-para-meu-forum
Coloquei o código que o Crazy forneceu, porem as imagens que estavam no gestão de imagens permaneceu, e gostaria de ficar como no fórum em questão, escrito em branco, : http://revolutioncheatsbr.forumeiros.com/forum
Poderiam me ajudar a ajustar ?
PS : Já tentei remover as imagens, continua da mesma maneira
Cordialmente
Endereço do meu fórum:
http://fsr-nwd.forumeiros.com
Versão do fórum:
PHPBB3
Estava vendo alguns tópico quando vi este em especial : https://ajuda.forumeiros.com/t81049-menu-para-meu-forum
Coloquei o código que o Crazy forneceu, porem as imagens que estavam no gestão de imagens permaneceu, e gostaria de ficar como no fórum em questão, escrito em branco, : http://revolutioncheatsbr.forumeiros.com/forum
Poderiam me ajudar a ajustar ?
PS : Já tentei remover as imagens, continua da mesma maneira
Cordialmente
Endereço do meu fórum:
http://fsr-nwd.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por OldSonny em 26.06.13 4:51, editado 1 vez(es)
Re: Menu para fórum
Vá Em Painel de Controle -> Módulos -> Gestao das Paginas HTML -> Criar Uma Nova Pagina HTML
Agora Coloque o seguinte :
Titulo : De Preferencia Sua
Você deseja utilizar o início e o final da página do seu fórum ? Marque NAO
Usar esta página como página inicial? Marque SIM
Código HTML * : Coloque o seguinte codigo :
Código:Selecionar conteúdo
OBS : Precisa Editar
OBS: Aperte em obrigado por favor
Agora Coloque o seguinte :
Titulo : De Preferencia Sua
Você deseja utilizar o início e o final da página do seu fórum ? Marque NAO
Usar esta página como página inicial? Marque SIM
Código HTML * : Coloque o seguinte codigo :
Código:Selecionar conteúdo
- Código:
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"><html> <head>
<title>Suporte Design - O teu fórum de suporte de Design
!</title> <meta http-equiv="Content-Type"
content="text/html; charset=UTF-8"/> <link
rel="stylesheet" href="http://www.ggames.com.br/css/style.css"
type="text/css" media="screen"> <script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////--> <!--/
///--> <!--/
///--> <!--/ Portal Versão 1.0
///--> <!--/
Editado por Henrique ///--> <!--/
///--> <!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript"> var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_gaq.push(['_trackPageview']); (function() { var ga =
document.createElement('script'); ga.type = 'text/javascript'; ga.async =
true; ga.src = ('https:' == document.location.protocol ?
'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s =
document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s); })(); </script>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://espions.webs.com/cufon-yui.js"
type="text/javascript"></script> <script
src="http://espions.webs.com/BabelSans_500.font.js"
type="text/javascript"></script> <script
src="http://espions.webs.com/jquery.easing.1.3.js"
type="text/javascript"></script><script>function click()
{if (event.button==2||event.button==3) {oncontextmenu='return
false';}}document.onmousedown=clickdocument.oncontextmenu = new
Function("return false;")</script> <script
type="text/javascript"> $(function() {
Cufon.replace('a, span').CSS.ready(function() { var $menu
= $("#slidingMenu"); var $selected =
$menu.find('li:first'); var $moving =
$('<li />',{ className : 'move',
top : $selected[0].offsetTop + 'px', width
: $selected[0].offsetWidth + 'px' });
$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop
+ 'px'); });
$menu.bind('mouseleave',function(){
moveTo($selected,400); })
.append($moving) .find('li')
.not('.move') .bind('mouseenter',function(){
var $this = $(this); var offsetLeft =
$this.offset().left - 20; //slide in the description
$('#slidingMenuDesc > div:nth-child('+
parseInt($this.index())
+')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400); })
.bind('mouseleave',function(){ var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index())
+')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});; function moveTo($elem,speed){
$moving.stop(true).animate({ top :
$elem[0].offsetTop + 'px', width :
$elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo');
} }) ; }); </script>
<style> span.reference{ position:fixed;
left:10px; bottom:10px;
font-size:14px; } span.reference a{ color:#aaa;
text-decoration:underline; }body { background-image:
url('http://i83.servimg.com/u/f83/16/43/60/45/123210.jpg') !important;
background-repeat: no-repeat; } </style> </head>
<body> <div> <span
class="reference"> SUPORTE DESIGN 2013 | HOSPEDADO
POR <target="_Blank" alt="Forumeiros">FORUMEIROS</a>
</span> </div> <div
id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Entre neste mundo espantoso da internet e faca
amizades e muito mais</span></div>
<div><span>Antes de participar nesta aventura leia o nosso
Regulamento</span></div>
<div><span>Conheca a nossa Staff que lhe vai ajudar durante
esta aventura</span></div>
<div><span>Tire as suas duvidas e veja os
tutoriais</span></div>
<div><span>Veja os nosso servicos extras que
temos</span></div>
<div><span>Divulgue o seu forum sem problemas, que e gratis
!</span></div> </div> <ul
id="slidingMenu" class="slidingMenu"> <li><a
href="/portal">Portal</a></li> <li><a
href="/forum" title="">Forum</a></li>
<li><a
href="http://suportedesign.forumeiros.com/t2-regulamento-geral-do-forum-dos-designers"
title="">Regulamento</a></li> <li><a
href="http://suportedesign.forumeiros.com/t3-staff-suportedesign"
title="">Equipe</a></li> <li><a
href="http://suportedesign.forumeiros.com/f12-questoes-sobre-forumeiros"
title="">Servico de Forumeiros</a></li>
<li><a
href="http://suportedesign.forumeiros.com/c7-servicos-para-usuarios"
title="">Servicos Oferecidos</a></li>
<li><a
href="http://suportedesign.forumeiros.com/f49-espaco-publicidade"
title="">Publicidade</a></li> </ul>
</body></html><a href="http://www.forumeiros.com/">
OBS : Precisa Editar
OBS: Aperte em obrigado por favor
Última edição por Games BR FORUM em 26.06.13 3:31, editado 1 vez(es)
Re: Menu para fórum
Gamer Obrigado pelo código, mas não era isto kkk
Coloquei o seguinte código
Deu resultado nisto :
Quero que fique assim :
Note as imagens de indice, faq e etc ... Quero que fique deste jeito, já retirei as imagens do gestão de imagens, mas não fica desta maneira
Coloquei o seguinte código
- Código:
li > a.mainmenu[href="/search"]{display:none}li > a.mainmenu[href="/calendar"]{display:none}li > a.mainmenu[href="/groups"]{display:none}#cssmenu ul{-moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#7d7d7d url(overlay.png) repeat-x 0 -110px;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:.8em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.5em;list-style:none;margin:0;padding:7px 6px 0}#cssmenu li{float:left;list-style:none;margin:0 5px;padding:0 0 8px;position:relative}
#page-header .navbar ul.linklist.navlinks{background:url(http://i.imgur.com/xiqqi.png) top left repeat-x;height:55px;left:-1.3%;margin-top:-20px;width:102.5%}a.mainmenu{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;color:#fff!important;display:inline-block;height:35px;margin:0!important;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 100% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
#page-header .navbar ul.navlinks{background:url() no-repeat top center;height:55px;left:-68px;position:relative;width:1370px}#page-header .navbar ul.navlinks li a{color:#000;font-family:arial;font-size:14px;margin:2px;position:relative;text-shadow:0 0 0 #000}#page-header .navbar ul.navlinks li a:hover{color:#09F;text-shadow:0 0 0 #000}
Deu resultado nisto :
Quero que fique assim :
Note as imagens de indice, faq e etc ... Quero que fique deste jeito, já retirei as imagens do gestão de imagens, mas não fica desta maneira
Re: Menu para fórum
censurado porque se eu trocar o tema, ira bagunçar meu CSS, tem outra solução não :/ ?
Tópicos semelhantes
» Menu desse fórum para invision
» Menu para o meu forum
» Criar menu sprite em css para por no fórum
» Menu para forum
» Menu CSS para fórum
» Menu para o meu forum
» Criar menu sprite em css para por no fórum
» Menu para forum
» Menu CSS para fórum
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