Botões importantes

por dR.SIMPLY 12.05.13 20:59

Qual é minha questão:
Precisava destes botões!

Botões importantes 30c544eb

http://upit.cc/i/30c544eb.png

Os botoes se encontram aqui: http://www.suportedesign.net/forum

Endereço do meu fórum:
http://sensitive-creations.forumbom.com

Versão do fórum:
PUNBB

por [F]lames 12.05.13 21:14

Caro usuário,

Aceda á "Geral":

Painel de Controle Visualização Home Page Geral

Localize "Mensagem da Página Inicial", e na grande caixa adicione isto:

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>$(function(){$("#vertical_slider li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/$("#vertical_slider.easing li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>

Resulta?

Atenciosamente.

por dR.SIMPLY 13.05.13 17:43

Tipo, ele não está mexendo, será possível coloca-lo mexendo?
Mesmo como o original!

por dR.SIMPLY 14.05.13 7:52

por dR.SIMPLY 15.05.13 11:59

por MateusA 15.05.13 14:36

Olá!

Troque o codigo por esse:

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>$(function(){$("#vertical_slider li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/$("#vertical_slider.easing li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>

Faça os Passos Abaixo:

Painel - Módulos - Gestão das Paginas HTML - Criar Nova Pagina HTML:

Titulo: Tanto faz-
O resto não marque nada (deixe tudo não)

O codigo e esse

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>$(function(){$("#vertical_slider li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/$("#vertical_slider.easing li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>

Agora aceda a:

Painel de controle - Visualização - Geral - Conteudo da Home Page
Adicione esse codigo:

Código:: <div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><center><iframe style="left: 0px; right: 0px;" src="/h1-"frameborder="no" scrolling="no" height="150" width="600"></iframe></center></div><span class="corners-bottom"><span></span></span></div><div>

Resulta?Caso não seja a sua primeira Pagina HTML Troque o /h1- para o numero dela.

Até mais.

por dR.SIMPLY 15.05.13 17:00

Sem qualquer modificação!

por dR.SIMPLY 16.05.13 6:53

por dR.SIMPLY 17.05.13 12:17

por dR.SIMPLY 18.05.13 14:00

por dR.SIMPLY 19.05.13 10:10

por Convidado 19.05.13 16:35

Saudações!

Troque o código passado pelo [F]lames, por este:

Código:: <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>

Até.

por dR.SIMPLY 19.05.13 16:36

Agora só aparecem textos!
E já não aparecem imagens! ;(
ME AJUDEM!

por Convidado 19.05.13 16:50

Saudações!

Adicione este código no começo do código em que passei:

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style>

Até.

por dR.SIMPLY 19.05.13 18:41

Sem qualquer alteração amigo PabloW.

por dR.SIMPLY 20.05.13 18:23

UP!!!!!!
Porque ninguém ajuda?!!!!
UP!!!!!!

por wαłkiηg 20.05.13 19:03

Olá,

Aceda á "Geral":

Painel de Controle Visualização Home Page Geral

Localize "Mensagem da Página Inicial", e na grande caixa adicione isto:

Código:: <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed"><p><strong>Regulamento</strong><br />Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.</br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news"><p><strong style="font-size:24px;">Anúncios</strong><br />Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport"><p><strong>Equipe</strong><br />Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio"><p><strong>Publicidade</strong><br />Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul></p></div></div> <style> #vertical_slider{color:#999;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.2em;font-style:italic;font-variant:normal;font-weight:normal;line-height:1.2em;list-style:none;margin-bottom:10px;margin-top:4px;padding:0;text-align:center}#vertical_slider a{color:#999;text-decoration:none}#vertical_slider li{display:inline;height:90px;list-style:none;margin:0 15px 0 0;padding:0}#vertical_slider li a{display:inline-block!important;height:90px;line-height:90px;overflow:hidden;text-align:left;white-space:nowrap;width:128px}#vertical_slider li a p{line-height:normal;padding:0 0 0 135px}#vertical_slider li a p strong{color:#360;font-size:24px}#vertical_slider li a.rss_feed{background:url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat}#vertical_slider li a.news{background:url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat}#vertical_slider li a.suport{background:url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat}#vertical_slider li a.portfolio{background:url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat}body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png),auto}</style>

Até

por dR.SIMPLY 20.05.13 19:52

Não mexe amigo! ;(
Porque ninguém consegue?

por MateusA 21.05.13 13:20

Olá! descobri o Problema o/

Aceda em:

Painel - Visualização - Templantes - Geral - Index_body

No inicio do templante tem essa TAG
Código:
{JAVASCRIPT}

Acima dela cole esse codigo
Código:
<style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>$(function(){$("#vertical_slider li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/$("#vertical_slider.easing li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>
Salve! & Publique!

Até mais.

por dR.SIMPLY 21.05.13 18:05

Sem modificações!
So adicionar esse código mesmo certo?
Está feito e sem alterações, pode ver o forum!

por Scrat 21.05.13 18:12

Olá senhor,
Tente com este código:

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>jQuery(function(){jQuery("#vertical_slider li a").each(function(){jQuery(this).hover(function(){jQuery(this).animate({width: "405px"}, {queue:false, duration:450});},function() {jQuery(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/jQuery("#vertical_slider.easing li a").each(function(){jQuery(this).hover(function(){jQuery(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {jQuery(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul>

Até mais

por dR.SIMPLY 21.05.13 18:17

Onde adiciono?
Mas tive informaçoes do Suporte Design, e sao alteraçoes no template!

por MateusA 21.05.13 18:24

Olá Fassa oque eu disse que vai resultar perfeitamente,Peço que na primeira linha antes de qualquer coisa você de três espaços e adicione o codigo fornecido por min no index_body apos isso publique que ira resultar.

Até mais.

por dR.SIMPLY 21.05.13 18:29

Mas foi o que eu fiz, e nao alterou nada!

por MateusA 21.05.13 18:35

Olá Aqui resultou da mesma versão e com os mesmos passos

Veja http://narutorevolution.forum-pro.net/

Então você deve ter feito algo errado,Tem certeza que trocou o templante certo? Pois no lugar certo? Publicou ?

Até mais.

por dR.SIMPLY 21.05.13 18:56

Crazy veja como fica!
Os botões não mexem!

por MateusA 21.05.13 19:17

Olá! Forneça-me seu Index_body.

Até mais.

por dR.SIMPLY 21.05.13 20:06

Spoiler:

Código:: <style>#vertical_slider {color: #999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align: center;} #vertical_slider li {display: inline;height: 90px;list-style: none;margin: 0 15px 0 0;padding: 0;} #vertical_slider li a.rss_feed {background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png) top left no-repeat;} #vertical_slider li a {display: inline-block!important;height: 90px;line-height: 90px;overflow: hidden;text-align: left;white-space: nowrap;width: 128px;} #vertical_slider li a.news {background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png) top left no-repeat;} #vertical_slider li a.suport {background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png) top left no-repeat;} #vertical_slider li a.portfolio {background: url(http://i72.servimg.com/u/f72/18/00/02/37/410.png) top left no-repeat;} #vertical_slider li a p {line-height: normal;padding: 0 0 0 135px;} #vertical_slider li a p strong {color: #360;font-size: 24px;}</style> <script>$(function(){$("#vertical_slider li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450});});});/*To use this you need to load jquery easing plugins*/$("#vertical_slider.easing li a").each(function(){$(this).hover(function(){$(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});},function() {$(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});});});});</script> <ul id="vertical_slider"><li><a href="http://www.suportedesign.net/f2-regulamento-staff" class="rss_feed" style="width: 128px; overflow: hidden;"><p><strong>Regulamento</strong><br>Antes de participar leia o nosso <br> Regulamento para começar bem <br>nem ser punido.<br></p></a></li><li><a href="http://www.suportedesign.net/f4-anuncios-e-atualizacoes" class="news" style="width: 128px; overflow: hidden;"><p><strong style="font-size:24px;">Anúncios</strong><br>Venha ver os nossos anúncios<br> e actualizações feitas durante <br>o fórum.<br> </p></a></li><li><a href="http://www.suportedesign.net/t3-staff-suportedesign" class="suport" style="width: 128px; overflow: hidden;"><p><strong>Equipe</strong><br>Conheça a equipe que lhe <br>vai ajudar sempre, e tirar <br>suas dúvidas. </p></a></li><li><a href="http://www.suportedesign.net/f49-espaco-publicidade" class="portfolio" style="width: 128px; overflow: hidden;"><p><strong>Publicidade</strong><br>Divulgue o seu fórum, sem <br>problemas para evoluir mais <br>o seu fórum e claro é grátis ! </p></a></li></ul> {JAVASCRIPT}  <div id="pun-visit" class="clearfix"> <ul> <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li> <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li> </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>   <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>   <div class="main"> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form> </div>  {BOARD_INDEX}  <br/> <br/> <table id="general-stats" cellspacing="0" cellpadding="0"> <td id="online"> <div class="on-title"> <a href="{U_VIEWONLINE}" rel="nofollow"> <img class="globe" src="http://i36.servimg.com/u/f36/11/96/49/61/earth10.png"/> {L_WHO_IS_ONLINE} </a> </div> <div class="online-content" style="font-size: 12px;"> {TOTAL_USERS_ONLINE} <br/> {LOGGED_IN_USER_LIST} <br/> <br/> {L_CONNECTED_MEMBERS} </div> </td> <td id="statistics"> <div class="stats-title"> <a href="#" rel="nofollow"> <img class="chart" src="http://i36.servimg.com/u/f36/11/96/49/61/partie10.png"/> STATISTICS</a> </div> <div class="stats-content"> {TOTAL_POSTS} <br/> {TOTAL_USERS} <br/> {NEWEST_USER} <br/> {RECORD_USERS} </div> </td> </table> <br/> <div class="main-box" id="legend"> <div align="left" class="legend">{LEGEND} : {GROUP_LEGEND}</div> <a href="/groups" class="groups" align="right">Groups</a> </div>  <div id="onlinechat"> <p class="page-bottom"> {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <div id="chatbox_popup"></div> <script type="text/javascript"> insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); </script>  </p> </div>    <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>  </div> </form>  {CHATBOX_BOTTOM}  <ul id="pun-legend"> <li> <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED} </li> </ul>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>

por dR.SIMPLY 22.05.13 18:22

por dR.SIMPLY 24.05.13 8:28

por Leko 25.05.13 19:38

Não precisa fica fazendo spam de UP. Bom vamos lá! Primeiro você tem que dizer o que você esta querendo ... especificar melhor se quer uma navegação, em que área que colocar esses buttons ... mais refiz como um menu em HTML. Não vou dar suporte de como adicionar mais, editar como outros, apenas vendo a base do css/html que da para refazer.

Parte HTML - Aplicar no local que deseja ter "o menu":

Código:: <nav id="menu-pedido"> <a class="one" href="#"></a> <a class="two" href="#"></a> <a class="tree" href="#"></a> <a class="four" href="#"></a> </nav>

Parte CSS - Em sua folha de CSS deve aplicar o seguinte:

Código:: #menu-pedido{color:#999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.2em;font-style: italic;font-variant: normal;font-weight: normal;line-height: 1.2em;list-style: none;margin-bottom: 10px;margin-top: 4px;padding: 0;text-align:center;} #menu-pedido a{float:left;width:128px;height:90px;background:center center no-repeat;margin-right:10px;} #menu-pedido a:active{position:relative;top:-1px;} #menu-pedido .one{background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png);} #menu-pedido .two{background: url(http://i72.servimg.com/u/f72/18/00/02/37/210.png);} #menu-pedido .tree{background: url(http://i72.servimg.com/u/f72/18/00/02/37/110.png);} #menu-pedido .four{background: url(http://i72.servimg.com/u/f72/18/00/02/37/310.png);}

O código em CSS acima peguei de referencia dos usuários que postaram no mesmo tópico.

Até Mais

Botões importantes

Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes

Re: Botões importantes