HE

Like Box Com Fundo Branco

Por hellcoreot, 22 de ago. de 2012 em Tutoriais de Websites

likebox
globalwars
facebook
tibia
script
otserv
15
5.2k
hellcoreotH
22 de agosto de 2012 às 14:03

Olá vim postar como fazer seu like box igual do globalwar com fundo branco:

 

Vá em www/layouts/tibiacom/layout.php

 

Abrá e procure(ctrl+F) por if($config['site']['screenoftheday'] == 1) logo após ?> adicione isso:

 

 

<div id="fb-root"></div>
<script>(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/pt_BR/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div id="LikeBox" style="background-color:#ffffff; data-width="180" data-height="300"">
<div class="fb-like-box" data-href="http://www.facebook.com/pages/seulinkaqui" data-width="180" data-height="300" data-colorscheme="light" data-show-faces="true" data-stream="false" data-header="false"></div>
</div>

 

 

só mudar isso para sua pagina do facebook:

data-href="http://www.facebook.com/pager/seulinkaqui"

 

 

Para mudar a cor basta mudar onde está #ffffff (#ffffff = branco!) é a cor!

<div id="LikeBox" style="background-color:#ffffff; data-width="180" data-height="300"">

 

Esse link tem os códigos das cores AQUI

 

 

 

ss:

aaaaaaaaaaq.gif

 

 

Pronto qualquer duvida só postar!

Editado Agosto 26 por hellcoreot

CriticalC
23 de agosto de 2012 às 21:38

Seu tutorial foi aprovado e estará sendo movido para seção correta.

 

Atenciosamente, Critical.

Piabeta KunP
25 de agosto de 2012 às 07:05

vale tbm dizer que pra trocar a cor da like box batsa editar essa parte!

 

style="background-color:#ffffff;

 

Onde está #ffffff (ffffff = branco!) é a cor!

rotiicaroR
25 de agosto de 2012 às 09:22

como eu faço pra bota outra cor ?

Piabeta KunP
25 de agosto de 2012 às 11:06

basta editar o que eu disse acima!

hellcoreotH
26 de agosto de 2012 às 21:31

Olha esse link tem os códigos das cores http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Piabeta KunP
27 de agosto de 2012 às 12:27

@hellcoreot

 

vlw por anexar como trocar a cor no topico!

 

Bom trabalho!

5 meses depois...
24 de janeiro de 2013 às 09:31

Nossa cara tu ta de parabéns muito bom topico Rep+

AlexandreKGA
26 de janeiro de 2013 às 23:04

Realmente,este Like Box é muito bom.

Ele irá ajudar muita gente,que procura.Eu mesmo estava procurando algo do tipo.

 

Obrigado por contribuir.

1 mês depois...
rickserragliaR
08 de fevereiro de 2013 às 12:16

bem legal, vou adicionar em meu site

6 meses depois...
DavyziinCD
09 de agosto de 2013 às 11:13

o meu não ta querendo pega não D:

3 semanas depois...
HudsinH
29 de agosto de 2013 às 10:52

A SS não aparece aqui.

3 meses depois...
19 de novembro de 2013 às 23:13

Muito bom esse script, obrigado por compartilhar.

2 semanas depois...
MycryM
30 de novembro de 2013 às 13:58

post-377028-0-51544400-1385827082_thumb.png

 

Como eu coloco um espaço entre um layout e outro?

 

 

 

2 meses depois...
zeruellaZ
03 de janeiro de 2014 às 21:42

instalei mais n aparece nada

 

 

<?php if ($config['site']['screenoftheday'])

echo'<div id="ScreenshotBox" class="Themebox" style="background-image:url('.$layout_name.'/images/themeboxes/screenshot/screenshotbox.gif);">
<img id="ScreenshotContent" onclick="location.href=\'index.php?subtopic=gallery\'" class="ThemeboxContent" src="'.$layout_name.'/images/abouttibia/swimming_thumb.gif" alt="Screenshot of the Day" />
<div class="Bottom" style="background-image:url('.$layout_name.'/images/general/box-bottom.gif);"></div>
</div>';
?>
<div id="fb-root"></div>
<script>(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/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="LikeBox" style="background-color:#ffffff; data-width="180" data-height="300"">
<div class="fb-like-box" data-href="http://www.facebook.com/pages/seulinkaqui" data-width="180" data-height="300" data-colorscheme="light" data-show-faces="true" data-stream="false" data-header="false"></div>
</div>

 

 

Editado Janeiro 3 por luanmax