Like Box Com Fundo Branco

[hellcoreot 39]

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:

 

 

Pronto qualquer duvida só postar!

Editado Agosto 27, 2012 por hellcoreot

[Critical 70]

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

 

Atenciosamente, Critical.

[Piabeta Kun 359]

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!

[rotiicaro 11]

como eu faço pra bota outra cor ?

[Piabeta Kun 359]

basta editar o que eu disse acima!

[hellcoreot 39]

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

[Piabeta Kun 359]

@hellcoreot

 

vlw por anexar como trocar a cor no topico!

 

Bom trabalho!

[Davycorreaarantes 0]

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

[AlexandreKG 134]

Realmente,este Like Box é muito bom.

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

 

Obrigado por contribuir.

[rickserraglia 2]

bem legal, vou adicionar em meu site

[DavyziinC 1]

o meu não ta querendo pega não

[Hudsin 47]

A SS não aparece aqui.

[BorgesRicardo 3]

Muito bom esse script, obrigado por compartilhar.

[Mycry 0]

 

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

 

 

 

[zeruella 0]

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, 2014 por luanmax