Botões importantes

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

Resolvido Botões importantes

Mensagem por dR.SIMPLY em 12/05/13, 04:59 pm

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


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
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por [F]lames em 12/05/13, 05:14 pm

Caro usuário,

Aceda á "Geral":
Painel de Controle Seta Visualização Seta Home Page Seta 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.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 13/05/13, 01:43 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 14/05/13, 03:52 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 15/05/13, 07:59 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por MateusA em 15/05/13, 10:36 am

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 15/05/13, 01:00 pm

Sem qualquer modificação!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 16/05/13, 02:53 am

UP!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 17/05/13, 08:17 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 18/05/13, 10:00 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 19/05/13, 06:10 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por Convidado em 19/05/13, 12:35 pm

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é. Piscada

Convidado
Convidado


Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 19/05/13, 12:36 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por Convidado em 19/05/13, 12:50 pm

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é. Piscada

Convidado
Convidado


Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 19/05/13, 02:41 pm

Sem qualquer alteração amigo PabloW.
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 20/05/13, 02:23 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por wαłkiηg em 20/05/13, 03:03 pm

Olá,

Aceda á "Geral":
Painel de Controle Seta Visualização Seta Home Page Seta 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é
avatar

wαłkiηg
Nível 4

Masculino
Inscrito dia : 18/05/2013
Mensagens : 26
Pontos Ativos : 39

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

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 20/05/13, 03:52 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por MateusA em 21/05/13, 09:20 am

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 21/05/13, 02:05 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por Scrat em 21/05/13, 02:12 pm

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
Piscada
avatar

Scrat
Nível 9

Masculino
Inscrito dia : 21/04/2012
Mensagens : 233
Pontos Ativos : 342

Ver perfil do usuário http://shift.forumactif.com

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 21/05/13, 02:17 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por MateusA em 21/05/13, 02:24 pm

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 21/05/13, 02:29 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por MateusA em 21/05/13, 02:35 pm

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 21/05/13, 02:56 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por MateusA em 21/05/13, 03:17 pm

Olá! Forneça-me seu Index_body.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 21/05/13, 04:06 pm

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}
<!-- BEGIN switch_user_logged_in -->
<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>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<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}" />
      <!-- BEGIN switch_fb_connect -->
      <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>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->


<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>

      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <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>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->

<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<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}" />
      <!-- BEGIN switch_fb_connect -->
      <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>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<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>
<!-- END switch_fb_index_login -->
                         
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 22/05/13, 02:22 pm

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por dR.SIMPLY em 24/05/13, 04:28 am

UP!!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Botões importantes

Mensagem por Leko em 25/05/13, 03:38 pm

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.

:seta2: 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>

:seta2: 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
avatar

Leko
Usuário destaque

Masculino
Inscrito dia : 06/06/2009
Mensagens : 602
Pontos Ativos : 925

Ver perfil do usuário http://forum.pokestras.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