Adicionar rodapé personalizado

Item: Adicionar rodapé personalizado
Rating: 1

por Uatyla 03.07.15 22:20

Olá a todos!

Caros colegas, gostaria de saber si é possível adicionar uma função semelhante a dessa imagem (baixo), no rodapé do fórum? No lugar Contacte o nosso e-mail gostaria de por o nosso banner.

Adicionar rodapé personalizado Vida_de_aquarista_00001

Adicionar rodapé personalizado Vida_de_aquarista_00001

Link da imagem: http://postimg.org/image/grqtbjti1/

Gostaria que essa função fique aqui.
Adicionar rodapé personalizado Aqui

por **Fraise** 03.07.15 23:05

Olá!

Aceda a:
Painel de Controle ->> Visualização ->> Cores ->> Folha de estilo CSS
Adicione o seguinte código.

#page-footer {
background-image: url('Link da imagem');
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 415px !important;
padding-top: 0 !important;
}

No local a vermelho deverá colocar o link da imagem desejada.

Cumprimentos!

por RafaelS. 03.07.15 23:12

Olá,

@Uatyla, poderia nos dizer onde viu tal efeito, e nos fornecer o seu template overall_footer_end?

Atenciosamente,
iChees Café

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'

por Uatyla 03.07.15 23:14

Bom vi nesse site que por ventura tem o mesmo nome do meu fórum. Em choque

http://vidadeaquarista.blogspot.com.br/

Código::  <!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> <div> <ul> <li>  </li> </ul>  <ul class="linklist clearfix"> <li class="rightside">   |  {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>  </li> </ul>  <span class="corners-bottom"><span></span></span> </div> </div> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

por Troubleshoot 03.07.15 23:24

Boa noite @Uatyla,

Fiz as modicações no código de acordo com o seu pedido. Apenas preciso que me forneça o seu template overall_footer_end.

Para o campo "Assine a nosso Email" funcionar corretamente, será necessário um cadastro no feedburner. Caso seja necessário, estarei lhe auxiliando via mp.

Até mais. Feliz

por **Fraise** 03.07.15 23:26

Olá!

Aqui está o código que o senhor pediu, adicione a seu overall_footer_end.

Código:: <div id='subscribers'> <div id='catalog1'> <h3>Assine a nosso Email</h3> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }' onfocus='if ( this.value == 'Digite seu e-mail...') { this.value = ''; }' type='text' value='Digite seu e-mail...'/> <input name='uri' type='hidden' value='nome-do-seu-feed'/> <input name='loc' type='hidden' value='en_US'/> <input id='subbutton' type='submit' value='Enviar!'/> </form> </div> <div id='catalog2'> <h3>Contacte o nosso Email</h3> <p>Email : Support@teste.com</p> </div> <div id='catalog3'> <h3>Nossos Membros da equipe</h3> <ul class='teammembers'> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> </ul> </div> </div>

Cumprimentos!

por Uatyla 03.07.15 23:49

BossAC escreveu:Olá!

Aqui está o código que o senhor pediu, adicione a seu overall_footer_end.
Código:
<div id='subscribers'> <div id='catalog1'> <h3>Assine a nosso Email</h3> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }' onfocus='if ( this.value == 'Digite seu e-mail...') { this.value = ''; }' type='text' value='Digite seu e-mail...'/> <input name='uri' type='hidden' value='nome-do-seu-feed'/> <input name='loc' type='hidden' value='en_US'/> <input id='subbutton' type='submit' value='Enviar!'/> </form> </div> <div id='catalog2'> <h3>Contacte o nosso Email</h3> <p>Email : Support@teste.com</p> </div> <div id='catalog3'> <h3>Nossos Membros da equipe</h3> <ul class='teammembers'> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> <li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li> </ul> </div> </div>

Cumprimentos!

Adiciono em qual parte do código?

@edite
Adicionei esse código e ficou bugado!

por Troubleshoot 04.07.15 0:39

@Uatyla,
Altere o seu template overall_footer_end por este:

Código::  <!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> <div> <ul> <li>  </li> </ul>  <ul class="linklist clearfix"> <li class="rightside">   |  {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>  </li> </ul>  <span class="corners-bottom"><span></span></span> </div> </div> <div id="subscribers"> <div id="catalog1"> <h3>Assine a nosso Email</h3> <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail..."> <input name="uri" type="hidden" value="nome-do-seu-feed"> <input name="loc" type="hidden" value="en_US"> <input id="subbutton" type="submit" value="Enviar!"></form> </div> <div id="catalog2"> <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif"> </div> <div id="catalog3"> <h3>Nossos Membros da equipe</h3> <ul class="teammembers"> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> </ul> </div> </div> <style> #subscribers h3 { padding: 10px; margin: 0px; font-weight: 600; padding-left:0px; } #catalog3 { float: left; margin-left: 20px; padding-right: 20px; height: 100px;} #catalog2 { float: left; margin-left: 20px; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #catalog1 { float: left; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #subscribers { height: 100px; width: auto; padding: 20px; background: #fff; margin-bottom: 30px; border-top: 5px solid #0091d6; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } #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> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Alguma modificação?

Até mais. Piscada

por Uatyla 04.07.15 1:02

Me perdoe a ignorância, mais como adiciono o "feed de notícia", eu vi que tem que alterar algo nesse endereço (http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed).
Ah como coloco a imagem no tamanho correto, e por um link nela.

por Troubleshoot 04.07.15 1:31

Para alterar o tamanho da imagem procure no template div#catalog2 img e faça as modificações

div#catalog2 img {
width:100px; | Largura
height:100px; | Altura
}

Para o campo "Assine a nosso Email" funcionar corretamente, será necessário um cadastro no feedburner. Caso seja necessário, estarei lhe auxiliando via mp.

Feliz

por Uatyla 04.07.15 1:59

Bom está ficando tóp!
Eu só queria aumentar o tamanho do campo no qual digita o e-mail, e si é possível que as imagens dos membros da equipe fiquem colorida?

Ah vou precisar do auxilio sim, sobre assinar por e-mail.

por Troubleshoot 04.07.15 14:06

@Uatyla
Altere o código do template que lhe passei por este:

Código::  <!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> <div> <ul> <li>  </li> </ul>  <ul class="linklist clearfix"> <li class="rightside">   |  {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>  </li> </ul>  <span class="corners-bottom"><span></span></span> </div> </div> <div id="subscribers"> <div id="catalog1"> <h3>Assine a nosso Email</h3> <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail..."> <input name="uri" type="hidden" value="nome-do-seu-feed"> <input name="loc" type="hidden" value="en_US"> <input id="subbutton" type="submit" value="Enviar!"></form> </div> <div id="catalog2"> <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif"> </div> <div id="catalog3"> <h3>Nossos Membros da equipe</h3> <ul class="teammembers"> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> </ul> </div> </div> <style> #subscribers h3 { padding: 10px; margin: 0px; font-weight: 600; padding-left:0px; } #catalog3 { float: left; margin-left: 20px; padding-right: 20px; height: 100px;} #catalog2 { float: left; margin-left: 20px; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #catalog1 { float: left; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #subscribers { height: 100px; width: auto; padding: 20px; background: #fff; margin-bottom: 30px; border-top: 5px solid #0091d6; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } #subbox { padding: 10px; border: 1px solid #D2D2D3; color: #0493DB; width: 62%!important; } #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; } .post-body h2 { font-size: 30px; font-weight: 600; color: #0091d6; margin: 0px; line-height: 35px; } </style> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Em breve estarei enviando, via mp, um tutorial para o funcionamento correto do campo 'ASSINE A NOSSO EMAIL'.

Até mais. Feliz

por Uatyla 04.07.15 20:56

O campo onde digita o e-mail ficou menor srsrrs

por RafaelS. 04.07.15 22:01

Olá @Uatyla!

Troque o template acima por este:

Código::  <!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> <div> <ul> <li>  </li> </ul>  <ul class="linklist clearfix"> <li class="rightside">   |  {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>  </li> </ul>  <span class="corners-bottom"><span></span></span> </div> </div> <div id="subscribers"> <div id="catalog1"> <h3>Assine a nosso Email</h3> <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail..."> <input name="uri" type="hidden" value="nome-do-seu-feed"> <input name="loc" type="hidden" value="en_US"> <input id="subbutton" type="submit" value="Enviar!"></form> </div> <div id="catalog2"> <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif"> </div> <div id="catalog3"> <h3>Nossos Membros da equipe</h3> <ul class="teammembers"> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> </ul> </div> </div> <style> #subscribers h3 { padding: 10px; margin: 0px; font-weight: 600; padding-left:0px; } #catalog3 { float: left; margin-left: 20px; padding-right: 20px; height: 100px;} #catalog2 { float: left; margin-left: 20px; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #catalog1 { float: left; border-right: 1px solid #D2D2D2; height: 100px; width: 545px; } #subscribers { height: 100px; width: auto; padding: 20px; background: #fff; margin-bottom: 30px; border-top: 5px solid #0091d6; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } #subscribers #catalog1 #subscribe { width: 700px; } #subbox { padding: 10px; border: 1px solid #D2D2D3; color: #0493DB; width: 62%!important; } #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; } .post-body h2 { font-size: 30px; font-weight: 600; color: #0091d6; margin: 0px; line-height: 35px; } </style> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Atenciosamente,
iChees Café

por Uatyla 05.07.15 3:43

iChees escreveu:Olá @Uatyla!

Troque o template acima por este:

Código:
 <!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> <div> <ul> <li>  </li> </ul>  <ul class="linklist clearfix"> <li class="rightside">   |  {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>  </li> </ul>  <span class="corners-bottom"><span></span></span> </div> </div> <div id="subscribers"> <div id="catalog1"> <h3>Assine a nosso Email</h3> <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail..."> <input name="uri" type="hidden" value="nome-do-seu-feed"> <input name="loc" type="hidden" value="en_US"> <input id="subbutton" type="submit" value="Enviar!"></form> </div> <div id="catalog2"> <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif"> </div> <div id="catalog3"> <h3>Nossos Membros da equipe</h3> <ul class="teammembers"> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li> </ul> </div> </div> <style> #subscribers h3 { padding: 10px; margin: 0px; font-weight: 600; padding-left:0px; } #catalog3 { float: left; margin-left: 20px; padding-right: 20px; height: 100px;} #catalog2 { float: left; margin-left: 20px; padding-right: 20px; border-right: 1px solid #d2d2d2; height: 100px; } #catalog1 { float: left; border-right: 1px solid #D2D2D2; height: 100px; width: 545px; } #subscribers { height: 100px; width: auto; padding: 20px; background: #fff; margin-bottom: 30px; border-top: 5px solid #0091d6; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } #subscribers #catalog1 #subscribe { width: 700px; } #subbox { padding: 10px; border: 1px solid #D2D2D3; color: #0493DB; width: 62%!important; } #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; } .post-body h2 { font-size: 30px; font-weight: 600; color: #0091d6; margin: 0px; line-height: 35px; } </style> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <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>   <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>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Atenciosamente,
iChees

Colega ficou muito bom, mais em qual local modifica?

por RafaelS. 05.07.15 18:30

Olá!

No código encontra este código:

Código:: #subscribers #catalog1 #subscribe { width: 700px; }

Altere 700, para a largura desejada.

Atenciosamente,
iChees Contente

por Uatyla 05.07.15 19:37

Amigo fiz a alteração, porem tem uma linha que não diminui...

por RafaelS. 05.07.15 19:41

Olá!

Acabei me esquecendo, devemos fazer as alterações em dois locais.

Código:: #catalog1 { float: left; border-right: 1px solid #D2D2D2; height: 100px; width: 545px; }

width: 545px Flecha ajudeiros

Troque 545 para a largura desejada. (Isto interfere apenas na largura da primeira categoria "Assine a nosso Email"

Código:: #subscribers #catalog1 #subscribe { width: 700px; }

width: 700px Flecha ajudeiros

Interfere na largura do campo

Atenciosamente,
iChees Contente

por Uatyla 06.07.15 0:55

Ultimo pedido srsrs,
Tem como centralizar? tipo o fórum tem uma largura máximo e mínima, sendo mínimo 1024 e máximo 1600, deixei os campos compatível com a configuração mínima, e com a largura máxima fica estranho, então si centralizar fica melhor.

por Sennior 06.07.15 19:03

Saudações,

Use este código CSS:

Código:: div#subscribers { margin-left: 10%!important; }

Até mais.

por Uatyla 09.07.15 1:02

Resolvido!

por RafaelS. 09.07.15 10:26

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Adicionar rodapé personalizado

Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado

Re: Adicionar rodapé personalizado