[dúvida] criar novo rodapé

2 participantes

Ir para baixo

Tópico resolvido [dúvida] criar novo rodapé

Mensagem por niviavf 08.10.13 13:04

Qual é minha questão:
Usando o tutorial "Criar novo rodapé" consegui aplicar facilmente, porém estou com um problema... Gostaria que o rodapé ficasse no formato de 4 colunas, porém a 4ª coluna fica abaixo da 3ª coluna.
Seria possível alguém dar um "help" e verificar o que está de errado, por favor? Quero que as 4 colunas fiquem alinhadas!

Código que estou utilizando
Código:
jQuery(document).ready(function(){jQuery('#wrap').after('<style>#footer-wrapper{clear:both;text-align:center;font-size:10px;color:#fff;text-align:center;width:100%;margin-bottom:-200px; margin-top:200px; z-index:5;border-top:solid 5px #fff;}
        #indice{width:1100px;height:auto;color:#fff;font-family:Verdana, Tahoma, Arial, Sans-serif;font-size:11px;overflow:auto;margin:0 auto;padding:20px 50px;line-height: 17px;}
        #colunaindice{width:250px;text-align:left;border-right:#444 solid 0px;float:left;margin-right:4px;padding-right:4px}
        .colunatitulo{color:#3496EF;font-weight:700;font-size:12px;margin-bottom:5px;display:block;text-transform:uppercase}
        #indicebkg{background:#540C24;margin-bottom:5px;}
        #footer-wrapper a:link,#footer-wrapper a:visited {color:#fff}
        #footer-wrapper a:hover,#footer-wrapper a:hover{color:#3496EF}
        #sfooter{background-color:#fff;color:#fff;font:$bodyFont;font-size:10px;text-align:center;}
        #autores{background:#2B2D31;color:#fff;font-family:Verdana, Tahoma, Arial, Sans-serif;font-size:9px;margin:0;line-height:12px;padding:4px 20px 7px;font-style:italic}
     
      </style><div id="footer-wrapper"><div id="indicebkg"><div id="indice"><div id="colunaindice">
     
<center><img src="http://i57.servimg.com/u/f57/13/33/92/74/parcei10.jpg"><center>
<center>
<br><a href="http://bandtbonline.com/" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/slovak10.jpg"></a><br>

<br><a href="http://batb-fan.net/" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/batbfa10.jpg"></a><br>
<span style="font-weight: bold;">

<br><a href="http://beautyandbeast.org/" target="_blank"><img src="http://i69.servimg.com/u/f69/17/98/59/33/batbor10.jpg"></a><br>
<span style="font-weight: bold;">

<br><a href="http://tvvampire.blogspot.com.br" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/tv_vam10.gif"></a><br>
</center>



        </div><div id="colunaindice">
<center><img src="http://i57.servimg.com/u/f57/13/33/92/74/facebo10.jpg"><center><br>
 
        <center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FForumBatB&amp;width=240&amp;height=340&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:340px;" allowTransparency="true"></iframe></center>
        </div>

       
       
<div id="colunaindice">
      <center><img src="http://i57.servimg.com/u/f57/13/33/92/74/chat10.jpg"></center><br>
       
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="300" src="http://www7.cbox.ws/box/?boxid=699670&amp;boxtag=scqxxg&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-699670" style="border: 0px solid;" id="cboxmain7-699670"></iframe></div><div><iframe frameborder="0" width="250" height="120" src="http://www7.cbox.ws/box/?boxid=699670&amp;boxtag=scqxxg&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-699670" style="border: 0px solid;border-top:0px" id="cboxform7-699670"></iframe></div>


<div id="colunaindice" style="border: none 0px;padding-right:0">
<center><img src="http://i57.servimg.com/u/f57/13/33/92/74/4colun10.jpg"><center><br>
  <br> Conteúdo aqui
   
        </div></div>')});
Imagem do problema: https://i.servimg.com/u/f57/13/33/92/74/image210.jpg

Desde já muito obrigada pela atenção!

Endereço do meu fórum:
http://villamadrepaulina.forumbrasil.net

Versão do fórum:
PHPBB3


Última edição por niviavf em 08.10.13 17:39, editado 1 vez(es)
niviavf
niviavf
***

Membro desde : 13/08/2008
Mensagens : 167
Pontos : 269

http://forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [dúvida] criar novo rodapé

Mensagem por Convidado 08.10.13 15:52

Olá,

Tente colocar um conteúdo na 4 coluna, e veja se o mesmo resulta.

Abraços.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: [dúvida] criar novo rodapé

Mensagem por niviavf 08.10.13 16:10

Nikou escreveu:Olá,

Tente colocar um conteúdo na 4 coluna, e veja se o mesmo resulta.

Abraços.
Já fiz isso várias vezes, inclusive modifiquei o tamanho do rodapé e não adiantou...
Mesmo assim, obrigada Nikou por responder! Muito feliz 
niviavf
niviavf
***

Membro desde : 13/08/2008
Mensagens : 167
Pontos : 269

http://forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [dúvida] criar novo rodapé

Mensagem por First 08.10.13 16:18

Olá,

Senhorita, substitua o código por este:
Código:
jQuery(document).ready(function(){jQuery('#wrap').after('<style type="text/css">#colunas {float: left;}.colunad, .colunaq {padding: 0 10px;}#caixadcolunas {background: #540C24;overflow: auto;}#inforconfig {margin-left: 12%;}</style><div id="caixadcolunas"><div id="inforconfig"><div id="colunas" class="colunau"><img src="http://i57.servimg.com/u/f57/13/33/92/74/parcei10.jpg"><br/><br/><br/>   <a href="http://bandtbonline.com/" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/slovak10.jpg"></a><br/><br/><a href="http://batb-fan.net/" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/batbfa10.jpg"></a><br/><br/><a href="http://beautyandbeast.org/" target="_blank"><img src="http://i69.servimg.com/u/f69/17/98/59/33/batbor10.jpg"></a><br/><br/><a href="http://tvvampire.blogspot.com.br" target="_blank"><img src="http://i15.servimg.com/u/f15/17/98/59/33/tv_vam10.gif"></a><br/><br/></div><div id="colunas" class="colunad"><img src="http://i57.servimg.com/u/f57/13/33/92/74/facebo10.jpg"><br/><br/><br/><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FForumBatB&amp;width=240&amp;height=340&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:340px;" allowTransparency="true"></iframe></div><div id="colunas" class="colunat"><img src="http://i57.servimg.com/u/f57/13/33/92/74/chat10.jpg"><br/><br/><br/><div><iframe frameborder="0" width="250" height="300" src="http://www7.cbox.ws/box/?boxid=699670&amp;boxtag=scqxxg&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-699670" style="border: 0px solid;" id="cboxmain7-699670"></iframe></div><div><iframe frameborder="0" width="250" height="120" src="http://www7.cbox.ws/box/?boxid=699670&amp;boxtag=scqxxg&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-699670" style="border: 0px solid;border-top:0px" id="cboxform7-699670"></iframe></div></div><div id="colunas" class="colunaq"><img src="http://i57.servimg.com/u/f57/13/33/92/74/4colun10.jpg"><br/><br/><br/>Conteúdo aqui</div></div></div>')});
Até mais,
Passar bem. Piscada 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [dúvida] criar novo rodapé

Mensagem por niviavf 08.10.13 17:38

Obrigada First!
Funcionou!!! Muito feliz 
niviavf
niviavf
***

Membro desde : 13/08/2008
Mensagens : 167
Pontos : 269

http://forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos