ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Colaborador Actif
Masculino
Idade : 21
PointActif's : 2319
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%
Ver perfil do usuáriohttp://i19.servimg.com/u/f19/18/07/03/67/ava10.png

Resolvido Alterações no Footer

em Qua 28 Nov - 19:34
Qual é sua questão:
Queria ajuda no meu Footer queria colocar como mostra as prints

Como está:

http://i43.servimg.com/u/f43/16/43/60/45/2_bmp10.jpg

Como quero:

http://i43.servimg.com/u/f43/16/43/60/45/1_bmp12.jpg


Queria colocar o "Todos os direitos reservados a Master Publicitário-2012©" mais para baixo e mais para a direita.

-------------

Queria colocar os titulos "Ajuda,Categorias,Visita Ainda" se for possivel em negrito.

----------

A CSS:

Código:
#footerSw {
width: 150%;
background: #262626 url(http://hitskin.com/themes/16/23/35/i_background.jpg);
color: #E1E1E1;
padding: 1em 1em 1em 1em;
text-align: center;
display: table;
border-top:5px solid #003b3e;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #003b3e;
margin-bottom:6px;
}
#footerSw a {
color: #000000;
text-decoration: none;
}

------

A jS.

Código:
$(document).ready(function(){

$('body').append('<div id="footerSw">
<ul>
<li><h2>Ajuda</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/f10-regulamento">Regulamento</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f11-atualizacoes-e-anuncios">Atualizações e Anúncios</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f12-staff">Staff</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f1-publicidade">Publicidade</a></li>
</ul>

<ul>
<li><h2>Categorias</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/c4-master-publicitario-e-voce">Master Publicitario e Você</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c1-espaco-publicidade">Espaço Publicidade</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c2-servicos-para-usuarios">Serviços para Usuários</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c3-miscelanea"> Miscelânea </a></li>
</ul>

<ul>
<li><h2>Visita Ainda</h2></li>
<li><a href="http://ajuda.forumeiros.com/">Forumeiros</a></li>
<li><a href="http://suportedesign.forumeiros.com/forum">Fórum dos Designers</a></li>
<li><a href="http://shift.forumactif.com/">Shiftactif</a></li>
</ul>


<p>Todos os direitos reservados a Master Publicitário - 2012 ©</p></div>');

})


Que medidas você tomou para corrigir o problema:
Nenhuma.

Apresente-nos imagens do problema (se necessário):
avatar
Colaborador Actif
Masculino
Idade : 16
PointActif's : 1987
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%
Ver perfil do usuáriohttp://www.shiftactif.org

Resolvido Re: Alterações no Footer

em Qua 28 Nov - 22:54
Olá!

Substitua eu código por este:

Código:
$(document).ready(function(){

$('body').append('<div id="footerSw">
<ul>
<li><h2>Ajuda</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/f10-regulamento">Regulamento</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f11-atualizacoes-e-anuncios">Atualizações e Anúncios</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f12-staff">Staff</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f1-publicidade">Publicidade</a></li>
</ul>

<ul>
<li><h2>Categorias</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/c4-master-publicitario-e-voce">Master Publicitario e Você</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c1-espaco-publicidade">Espaço Publicidade</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c2-servicos-para-usuarios">Serviços para Usuários</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c3-miscelanea"> Miscelânea </a></li>
</ul>

<ul>
<li><h2>Visita Ainda</h2></li>
<li><a href="http://ajuda.forumeiros.com/">Forumeiros</a></li>
<li><a href="http://suportedesign.forumeiros.com/forum">Fórum dos Designers</a></li>
<li><a href="http://shift.forumactif.com/">Shiftactif</a></li>
</ul>




<p>Todos os direitos reservados a Master Publicitário - 2012 ©</p></div>');

})

Até mais! Piscada
avatar
Colaborador Actif
Masculino
Idade : 21
PointActif's : 2319
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%
Ver perfil do usuáriohttp://i19.servimg.com/u/f19/18/07/03/67/ava10.png

Resolvido Re: Alterações no Footer

em Qui 29 Nov - 12:19
Continua na mesma ..
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1967
ReputActifs : 4
Mensagens : 47
Inscrição : 04/04/2012

100%
Ver perfil do usuáriohttp://www.shiftactif.org/

Resolvido Re: Alterações no Footer

em Qui 29 Nov - 13:14
Olá! Smile

Substitua o código indicado por este:
Código:
jQuery(document).ready(function(){jQuery('body').append('<div id="footerSw">
<ul>
<li><h2>Ajuda</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/f10-regulamento">Regulamento</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f11-atualizacoes-e-anuncios">Atualizações e Anúncios</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f12-staff">Staff</a></li>
<li><a href="http://master-publicitario.forumeiros.com/f1-publicidade">Publicidade</a></li>
</ul>

<ul>
<li><h2>Categorias</h2></li>
<li><a href="http://master-publicitario.forumeiros.com/c4-master-publicitario-e-voce">Master Publicitario e Você</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c1-espaco-publicidade">Espaço Publicidade</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c2-servicos-para-usuarios">Serviços para Usuários</a></li>
<li><a href="http://master-publicitario.forumeiros.com/c3-miscelanea"> Miscelânea </a></li>
</ul>

<ul>
<li><h2>Visita Ainda</h2></li>
<li><a href="http://ajuda.forumeiros.com/">Forumeiros</a></li>
<li><a href="http://suportedesign.forumeiros.com/forum">Fórum dos Designers</a></li>
<li><a href="http://shift.forumactif.com/">Shiftactif</a></li>
</ul>


<p style="top:30%;width: 50%;">Todos os direitos reservados a Master Publicitário - 2012 ©</p></div>');

})
Em style="top:30%;width: 50%;", modifique o valor top (altura) para um número maior do que 0 positivo para que o objeto suba, e o valor width que é o valor que determina para onde o texto vai. Beleza!

DICA: Evite de usar o símbolo $ em seus códigos JS, porque em muitos fóruns este símbolo faz com que o código não funcione corretamente.

Att~~
avatar
Colaborador Actif
Masculino
Idade : 21
PointActif's : 2319
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012

Localização : Portugal
100%
Ver perfil do usuáriohttp://i19.servimg.com/u/f19/18/07/03/67/ava10.png

Resolvido Re: Alterações no Footer

em Qui 29 Nov - 13:34
Resolvido
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum