Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosAjustar footer personalizado
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Ajustar footer personalizado
por IsmaelS. Qui 17 Dez 2015 - 18:16
Detalhes da questão
Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB
Descrição
Bem eu estou a utilizar um footer personalizado só que queria nos títulos colocar um sublinhado e um ícone .CSS como este:
- http: http://www.somosmugiwara.com/forum
Depois queria fazer como o da FdF queria colocar as "Informações Adicionais" também, ou seja colocar lá o que diz "Forumeiros.com | © PunBB | Fórum grátis de ajuda | Estatísticas | Fale conosco | Assinalar uma queixa"
Por fim coloquei um botão de voltar ao topo mas ficou afastado do footer, seria possível colocar o footer mais para cima junto ao botão?
overall_footer_end:
- http: http://pastebin.com/Rn9503w5
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por RafaelS. Sex 18 Dez 2015 - 3:59
Olá!
Troque por este:
Atenciosamente.
Troque por este:
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
</div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
<font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
<font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
<div class="num5" id='catalog2'>
<h3>INFORMAÇÕES ADICIONAIS</h3>
<font color="#A3AAAE"><p>Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</p></font>
</div>
</div>
<style>
.num1 h3::before {
content: " ";
font-family: "fontawesome";
}
.num2 h3::before {
content: " ";
font-family: "fontawesome";
}
.num3 h3::before {
content: " ";
font-family: "fontawesome";
}
.num4 h3::before {
content: " ";
font-family: "fontawesome";
}
.num5 h3::before {
content: " ";
font-family: "fontawesome";
}
body #back-top{
top: 23px !important;
}
#subscribers h3 {
padding: 10px 10px 0px 0px;
color: #C3C3C3;
display: block;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
text-transform: uppercase;
border-bottom: 5px solid;
margin-bottom: 5px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #2A2C33;
border-top: 3px solid #D69200;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
div#catalog2 img {
width: 241px;
height: 100px;
}
.teammembers { padding: 0px; margin: 0px; }
ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Atenciosamente.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Ajustar footer personalizado
por IsmaelS. Sex 18 Dez 2015 - 11:50
Bem já ficou quase amigo, mas agora queria puxa mais para cima um pouco o footer se reparar ainda tem aquele fundo em cinza a mostra e queria tapar com o footer, ou até pode-me dizer como:
Depois queria centrar as informações mas de maneira a ficar alinhado à esquerda como está, apenas queria centrar como aqui no FdF.
Código:
Depois queria centrar as informações mas de maneira a ficar alinhado à esquerda como está, apenas queria centrar como aqui no FdF.
Código:
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
</div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
<font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
<font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
<style>
.num1 h3::before {
content: " ";
font-family: "fontawesome";
}
.num2 h3::before {
content: " ";
font-family: "fontawesome";
}
.num3 h3::before {
content: " ";
font-family: "fontawesome";
}
.num4 h3::before {
content: " ";
font-family: "fontawesome";
}
.num5 h3::before {
content: " ";
font-family: "fontawesome";
}
body #back-top{
top: 26px !important;
}
#subscribers h3 {
padding: 10px 10px 0px 0px;
color: #C3C3C3;
display: block;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
text-transform: uppercase;
border-bottom: 1px solid;
margin-bottom: 5px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #2A2C33;
border-top: 3px solid #D69200;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
div#catalog2 img {
width: 241px;
height: 100px;
}
.teammembers { padding: 0px; margin: 0px; }
ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sex 18 Dez 2015 - 12:05
Boa tarde!
Não entendi direito... mas adicione esse CSS:
Troque o template por esse:
Não entendi direito... mas adicione esse CSS:
- Código:
#subscribers {padding-left: 170px !important;margin-top: -35px !important} #back-top { top: -12px !important; }
Troque o template por esse:
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
</div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
<font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
<font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
<div class="num5" id='catalog5'>
<h3>INFORMAÇÕES ADICIONAIS</h3>
<font color="#A3AAAE"><p>Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</p></font>
</div>
</div>
<style>
.num1 h3::before {
content: " ";
font-family: "fontawesome";
}
.num2 h3::before {
content: " ";
font-family: "fontawesome";
}
.num3 h3::before {
content: " ";
font-family: "fontawesome";
}
.num4 h3::before {
content: " ";
font-family: "fontawesome";
}
.num5 h3::before {
content: " ";
font-family: "fontawesome";
}
body #back-top{
top: 23px !important;
}
#subscribers h3 {
padding: 10px 10px 0px 0px;
color: #C3C3C3;
display: block;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
text-transform: uppercase;
border-bottom: 5px solid;
margin-bottom: 5px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #2A2C33;
border-top: 3px solid #D69200;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
div#catalog2 img {
width: 241px;
height: 100px;
}
.teammembers { padding: 0px; margin: 0px; }
ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sex 18 Dez 2015 - 14:59
Ficou tudo óptimo e já não irei usar as Informações Adicionais amigo, mas não percebi a dos id's se poder explicar. Enquanto ainda no footer, os icones em .CSS como pode ver está como o título a negrito, eu queria retirar o negrito apenas nos ícones!
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
</div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3> SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3> REDES SOCIAIS</h3>
<font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3> LINKS ÚTEIS</h3>
<font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3> CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
<style>
.num1 h3::before {
content: "\f129 ";
font-family: "fontawesome";
}
.num2 h3::before {
content: "\f1e0 ";
font-family: "fontawesome";
}
.num3 h3::before {
content: "\f0c1 ";
font-family: "fontawesome";
}
.num4 h3::before {
content: "\f1f9 ";
font-family: "fontawesome";
}
body #back-top{
top: -18px !important;
}
#subscribers h3 {
padding: 10px 10px 0px 0px;
color: #C3C3C3;
display: block;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
text-transform: uppercase;
border-bottom: 1px solid;
margin-bottom: 5px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #2A2C33;
border-top: 3px solid #D69200;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
div#catalog2 img {
width: 241px;
height: 100px;
}
.teammembers { padding: 0px; margin: 0px; }
ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por RafaelS. Sex 18 Dez 2015 - 15:20
Olá!
Troque por este:
Quanto ao ID não se preocupe que já foi corrigido
Até mais.
Troque por este:
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
</div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3> SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3> REDES SOCIAIS</h3>
<font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3> LINKS ÚTEIS</h3>
<font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3> CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
<style>
.num1 h3::before {
content: "\f129 ";
font-family: "fontawesome";
font-weight: 100;
}
.num2 h3::before {
content: "\f1e0 ";
font-family: "fontawesome";
font-weight: 100;
}
.num3 h3::before {
content: "\f0c1 ";
font-family: "fontawesome";
font-weight: 100;
}
.num4 h3::before {
content: "\f1f9 ";
font-family: "fontawesome";
font-weight: 100;
}
body #back-top{
top: -18px !important;
}
#subscribers h3 {
padding: 10px 10px 0px 0px;
color: #C3C3C3;
display: block;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 17px;
text-transform: uppercase;
border-bottom: 1px solid;
margin-bottom: 5px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #2A2C33;
border-top: 3px solid #D69200;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
div#catalog2 img {
width: 241px;
height: 100px;
}
.teammembers { padding: 0px; margin: 0px; }
ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Quanto ao ID não se preocupe que já foi corrigido
Até mais.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Ajustar footer personalizado
por IsmaelS. Sex 18 Dez 2015 - 16:15
Óptimo então, enquanto ao negrito ainda aparece no "Sobre nós e Redes sociais"
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sex 18 Dez 2015 - 18:50
Boa noite!
No template do Raffy, localize:
No template do Raffy, localize:
- Código:
font-weight: 100;
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sex 18 Dez 2015 - 19:36
Tirei mas ficou a negrito na mesma e os outros dois que não estavam também ficou.
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sex 18 Dez 2015 - 21:38
Hm... acrescente mais esse código CSS:
- Código:
.num1 h3:before {
font-weight: normal !important;
}
.num2 h3:before {
font-weight: normal !important;
}
.num3 h3:before {
font-weight: normal !important;
}
.num4 h3:before {
font-weight: normal !important;
}
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sex 18 Dez 2015 - 22:20
Mas o de Sobre Nós e Redes Sociais continua a negrito os outros não.
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por Sennior Sáb 19 Dez 2015 - 2:51
Saudações!
Uê senhor, aqui esta tudo negrito, veja:
http://prntscr.com/9fy6xu
Se não for isso, por favor, desculpe-me mas poderia me apresentar uma PrintScreen para eu visualizar o que deseja modificar?
Até mais.
Sennior
Uê senhor, aqui esta tudo negrito, veja:
http://prntscr.com/9fy6xuSe não for isso, por favor, desculpe-me mas poderia me apresentar uma PrintScreen para eu visualizar o que deseja modificar?
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Ajustar footer personalizado
por MateusAnjosV Sáb 19 Dez 2015 - 11:25
Boa tarde!
Remova de sua CSS:
Remova de sua CSS:
- Código:
.num1 h3:before {
font-weight: 400!important;
}
- Código:
.num2 h3:before {
font-weight: 400!important;
}
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sáb 19 Dez 2015 - 13:30
Ainda continua a negrito o Sobre nós e Redes sociais, aqui está uma print:
(Não liguem para a qualidade da print)
(Não liguem para a qualidade da print)
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sáb 19 Dez 2015 - 19:10
Boa noite!
O ícone se encarnou em ser negrito 
O erro é que o h3 está com negrito(me refiro aos títulos), teremos que tirar os deles para o outro ficar sem...
O erro é que o h3 está com negrito(me refiro aos títulos), teremos que tirar os deles para o outro ficar sem...
- Código:
#subscribers h3 {
font-weight: normal !important;
}
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sáb 19 Dez 2015 - 19:33
Agora sim amigo ficou bem, só tem mais duas coisas, uma é veja como está os links a cor está em azul, é possível modificar?
E ao postar um novo tópico aparece as informações...e também ao sair, o footer tem este espaço ainda:
É possível ajustar?
E ao postar um novo tópico aparece as informações...e também ao sair, o footer tem este espaço ainda:
É possível ajustar?
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sáb 19 Dez 2015 - 19:43
Eu creio que seja possível.
Acrescente esse CSS:
Acrescente esse CSS:
- Código:
#subscribers a{color: gray !important}
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sáb 19 Dez 2015 - 19:51
Conta enviada por PM. Enquanto aos links resultou, mas queria agora ao passar o mouse muda-se de cor também é possível?
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Sáb 19 Dez 2015 - 20:38
Sim é possível.
Quanto ao segundo erro, veja: http://prntscr.com/9g88rm
E troque o último CSS por esse:
Black é a cor do texto hover, basta substituir.
Quanto ao segundo erro, veja: http://prntscr.com/9g88rm
E troque o último CSS por esse:
- Código:
#subscribers a{color: gray !important}
#subscribers a:hover{color: black !important}
Black é a cor do texto hover, basta substituir.
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Sáb 19 Dez 2015 - 20:40
Ou seja no seu o footer fica como nessa print? Resultou a .CSS
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por MateusAnjosV Seg 21 Dez 2015 - 11:32
Sim! Lamento a demora, estava ocupado ontem
MateusAnjosV- Super Membro
- Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373 -
Re: Ajustar footer personalizado
por IsmaelS. Seg 21 Dez 2015 - 13:12
Estranho então pronto fica assim, só uma coisa, eu ao clicar no "Back Top" ele sobe instantaneamente, seria possível colocar suave? Ou seja mais devagar...
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por RafaelS. Seg 21 Dez 2015 - 22:01
Olá!
Crie um novo JS com investimento em todas as páginas:
Até mais.
Crie um novo JS com investimento em todas as páginas:
- Código:
$(function() {
$('#back-top').click(function() {
$('body,html').animate({scrollTop},1200);
});
});
Até mais.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Ajustar footer personalizado
por IsmaelS. Seg 21 Dez 2015 - 22:13
Perfeito amigo obrigado e resolvido!
IsmaelS.- Hiper Membro
- Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142 -
Re: Ajustar footer personalizado
por RafaelS. Seg 21 Dez 2015 - 22:21
 | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Tópicos semelhantes» Ajustar o footer
» Ajustar footer
» Ajustar ícone no footer
» Ajustar imagem ao bottom do footer
» Footer Personalizado
» Ajustar footer
» Ajustar ícone no footer
» Ajustar imagem ao bottom do footer
» Footer Personalizado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos