Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

2/11/2013

Imagem como background da C-box


Bom dia galera. Hoje irei ensinar a vocês a como colocar uma imagem de background na c-box.
Veja abaixo o exemplo/resultado:

1. Acesse o site da c-box e faça login
2. Clique em "Look & Feel" e no menu suspenso clique em "Colours & Fonts"
3. Em "Main BG", "Alt. BG" e "Form BG" você deverá deixar o espaço vazio. Como no exemplo abaixo.

(clique na imagem para amplia-la)

4. Depois clique em "Save"
5. Vá em "Publish!" e na caixa com o código faça as seguintes alterações: no começo do código antes de <!-- BEGIN CBOX - www.cbox.ws - v001 --> cole isto: <div style="height: 400px; width: 210px;">
Logo depois de <div id="cboxdiv" style= cole isto: background: url(aqui o url da imagem);
No final do código, antes de <!-- END CBOX --> cole isto: </div>

Seu código deverá ficar mais ou menos assim:
<div style="height: 400px; width: 210px;"><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="background: url(aqui o url da imagem); text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="291" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-604927" style="border: 0px solid;" id="cboxmain6-604927"></iframe></div><div><iframe frameborder="0" width="200" height="89" src="http://www6.cbox.ws/box/?boxid=604927&amp;boxtag=gxya12&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-604927" style="border: 0px solid;border-top:0px" id="cboxform6-604927"></iframe></div></div></div><!-- END CBOX -->
6. Depois de fazer todas as alterações copie o código

7. Vá no painel do seu blog, no menu esquerdo clique em "Layout"
8. Depois clique em "Adicionar um Gadget
9. Procure por "HTML/JavaScript" e no espaço reservado cole o código da c-box

O meu resultado podem ver no começo do post

É um tutorial bem simples. Espero que tenham entendido tudo. Qualquer dúvida pergunte por comentário.

Este tutorial foi encontrado no blog Not A Single Song e foi totalmente adaptado pelo Sugoi Tutoriais. Se reblogar dê os devidos créditos aos dois blogs.

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.