Ajuda em alteração do footer

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

Resolvido Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 06:36 pm

Qual é minha questão:
Olá,

Eu queria ajuda no meu Footer

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 que diz "Todos os direitos reservados a Master Publicitário-2012©" mais para o canto direito e centrado.

----------------------------
O fundo preto do Footer se for possível queria colocar esta imagem de fundo:

http://hitskin.com/themes/16/23/35/i_background.jpg


Espero que me ajudem :]

Endereço do meu fórum:
http://www.master-publicitario.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Master Publicitario em 29/11/12, 12:19 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por Daemon em 28/11/12, 06:48 pm

mande o css do footer pra que eu edite o mesmo... Piscada
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 06:50 pm

Aqui está:

Código:
#footerSw {
width: 200%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #7cba2b;
}

#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: #7cba2b;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por Daemon em 28/11/12, 07:01 pm

troque por este:
Código:

#footerSw {
width: 100%;
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:3px solid #7cba2b;
}

#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: #7cba2b;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:06 pm

Só falta mais uma coisa colocar o "Todos os direitos reservados a Master Publicitário-2012©"

Como mostra a print:

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por LucaaS Sizanoski em 28/11/12, 07:11 pm

Isso é modificado no JS , :]
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:19 pm

Aqui está o meu .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>');

})
;

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por LucaaS Sizanoski em 28/11/12, 07:21 pm

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>


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

})
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:24 pm

Usa este, e tente só colocar o "Todos os direitos...." mais para baixo em vez de centrar.

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>');

})

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por LucaaS Sizanoski em 28/11/12, 07:26 pm

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


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

})
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:31 pm

Continua na mesma :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por LucaaS Sizanoski em 28/11/12, 07:36 pm

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><hr>Todos os direitos reservados a Master Publicitário - 2012 ©</hr></p></div>');

})
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:37 pm

Agora ficou de mais para baixo :s

aqui tem para confirmar: www.master-publicitario.forumeiros.com

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por Daemon em 28/11/12, 07:38 pm

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>


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

})

troque o css por este:
Código:


#footerSw {
width: 100%;
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:3px solid #7cba2b;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin-right: 100px;
padding-bottom:10px;
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: #7cba2b;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

Café
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Ajuda em alteração do footer

Mensagem por IsmaelS. em 28/11/12, 07:41 pm

Continua na mesma ...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajuda em alteração do footer

Mensagem por [F]lames em 29/11/12, 10:57 am

Olá,

Seu código 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 class="todosdireitos">Todos os direitos reservados a Master Publicitário - 2012 ©</p></div>');

});
E aqui está seu CSS:

Código:
#footerSw {
width: 200%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #7cba2b;
}

#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: #7cba2b;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
#footerSw .todosdireitos {
float: right !important;
display: block !important;
margin-right: 15px !important;
}
Resulta ?

Cordialmente ...
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/

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