[BLOGGER] Template JoaoBatlle 2 [XML]

+2
n4zun
JoaoBatlle
6 participantes

Início :: Paraíso Nerd :: Universo dos programadores :: Layouts e CMS[BLOGGER] Template JoaoBatlle 2 [XML]

JoaoBatlle JoaoBatlle  • 23.10.13 16:30

[BLOGGER] Template JoaoBatlle 2 [XML] Empty [BLOGGER] Template JoaoBatlle 2 [XML] 23.10.13 16:30

Ta ae a segunda versão do Template JoaoBatlle, mas agora é para Blogger.
Uma XML simples mas que ajuda muita pessoa :

-> Espaço "Cotação de Valores"
-> Espaço "Ultimos Emblemas"
-> Espaço "Destaque Semanal"
-> Menu com "Facebook Pages"

---------------------------------------------------------------------------------


Demostração: Click Aqui

Download: Click Aqui

VT: Click Aqui

---------------------------------------------------------------------------------

A Logo é editavel com Adobe Fireworks :

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---------------------------------------------------------------------------------

Código dos "Cotação de Valores" (Adicionar em HTML/JavaScript)


Código:
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://i.imgur.com/HCAMaHt.png) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title="">
</div>
<span style="color: purple;"><b>Sorveteria Roxa</b></span><br />
<span style="color: #783f04;"><b>15.700 C</b></span><br />
<br />
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.habbid.com.br/arquivos/2012/05/1917162189.png) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title="">
</div>
<span style="color: purple;"><b>Puff Colorido</b></span><br />
<span style="color: #783f04;"><b>10.500 C</b></span><br />
<br />
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.habbid.com.br/arquivos/2012/09/1868288784.png) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title="">
</div>
<span style="color: purple;"><b>Egg Cloud</b></span><br />
<span style="color: #783f04;"><b>10.000 C</b></span><br />
<br />
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.habbid.com.br/arquivos/2012/05/1693351284.png) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title="">
</div>
<span style="color: purple;"><b>Lagartão</b></span><br />
<span style="color: #783f04;"><b>17.350 C</b></span><br />
<br />
<div style="text-align: center;">
<a href="http://xreverblog.blogspot.com/p/pixelart-semanal.html" target="_blank"><img alt="http://i.imgur.com/e1Pod17.png" class="decoded" src="http://i.imgur.com/e1Pod17.png" /></a></div>
---------------------------------------------------------------------------------

Código dos "Ultimos Emblemas" (Adicionar em HTML/JavaScript)


Código:
<center><div id="linha_emblema" style="height: 175px; margin-bottom: 5px; margin-left: 10px; margin-top: 6px; overflow: hidden; width: 250px;">
<div id="linha_inner_emblema" style="height: 175px; width: 9999999px;">
<div class="emblema_linha" style="float: left; height: 172px; width: 260px;"> <div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/PIKA.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/PKB4.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/PKB3.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/PKB2.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/PKB1.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(https://dl.dropbox.com/u/77549632/XfactoryExclusive.png) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://3.bp.blogspot.com/-1ctrCmitec8/UWH-eC38phI/AAAAAAAAFPI/XGQDAE7zpTc/s320/VITOS.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/EPS15.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/EPS14.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/EPS13.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/EPS12.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://www.factoryhotel.com.br/swf/c_images/album1584/EPS11.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-i-fBQyfMXts/UVM0m4XmrcI/AAAAAAAAFDM/7FSGMHTpK0M/s1600/FR259.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-A8ZULucqnlo/UU6LCgdESzI/AAAAAAAAE6g/Oa0IclI0p3k/s320/EmblemaDaTerraiDNight.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-yjdZRIJCl1k/UUUoiponQKI/AAAAAAAAEEI/eblfVeAr5OY/s1600/TSC2.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://4.bp.blogspot.com/-F2U1iDNNkpg/UTqxzfYSuJI/AAAAAAAAD6c/KmFv8XhRbKc/s320/JET.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://4.bp.blogspot.com/-P5krGaZ7KBg/UTqxz0EwEVI/AAAAAAAAD6k/xBE69UeT6fM/s320/DE115.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://2.bp.blogspot.com/-1pgklKT5THA/UTf44wBsZMI/AAAAAAAAD4w/pxTjGmmwXBY/s320/CBJR.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-hptPJyi5yb4/UTf44cnTn_I/AAAAAAAAD4o/tfOf3TZlgAs/s320/ELF01.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-c67qQzNcc1U/UTOpOXfLe9I/AAAAAAAAD08/0yrln5c-WTg/s320/BR277.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://4.bp.blogspot.com/-vx4RPe7b36Q/UTOpO8LUQrI/AAAAAAAAD1E/adFi8soht4A/s320/NDG.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
<div class="cell_emb" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(http://1.bp.blogspot.com/-iW6butJQCGk/USlxfW-_zBI/AAAAAAAADjo/ILe7Akv9K4Q/s320/EAS07.gif) no-repeat center #000000; border-radius: 4px; float: left; height: 40px; margin-bottom: 4px; margin-right: 4px; width: 40px;" title=""></div>
</div>
</div>
</div>
<div class="clear">
</div>
<div id="botao_ant_emblema" style="background: url(&quot;/lib/imagens/botoes_tirinha.png&quot;) no-repeat scroll 0px 0px transparent; cursor: auto; float: left; height: 25px; opacity: 0.4; width: 25px;">
</div>
<div id="botao_prox_emblema" style="background: url(&quot;/lib/imagens/botoes_tirinha.png&quot;) no-repeat scroll -25px 0px transparent; cursor: pointer; float: left; height: 25px; opacity: 1; width: 25px;">
</div></center>
<div style="text-align: center;">
<a href="http://xreverblog.blogspot.com/p/pixelart-semanal.html" target="_blank"><img alt="http://i.imgur.com/e1Pod17.png" class="decoded" src="http://i.imgur.com/e1Pod17.png" /></a></div>

Código "Destaque da Semana" (Adicionar em HTML/JavaScript)


Código:
<div class="widget-content"> <br /><b><span style="color:white;"><b><center><span style="color:black;">-Sacanagem-</span></center></b></span></b>  <div align="center"> <div class="plataforma" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i1146.photobucket.com/albums/o533/HabboBrazil/plataforma.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; height: 150px; width: 96px;"> <img alt="http://forever.de.com/gallery/cache/looks/ca-3131-100-100.ch-660-110.hd-626-10.lg-3136-94.hr-3012-34.fa-1202-110.he-3082-94.png" class="decoded" src="http://forever.de.com/gallery/cache/looks/ca-3131-100-100.ch-660-110.hd-626-10.lg-3136-94.hr-3012-34.fa-1202-110.he-3082-94.png" /></div> </div> <div align="center"> <div class="destaque_motivo" style="background-attachment: initial; background-clip: initial; background-color: darkgreen; background-image: initial; background-origin: initial; border-bottom-color: rgb(153, 153, 153); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(153, 153, 153); border-left-width: 1px; border-right-color: rgb(153, 153, 153); border-right-width: 1px; border-style: initial; border-top-color: rgb(153, 153, 153); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-width: 1px; color: white; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; width: 200px;">Um dos usuarios mais carismaticos do Forever <br /></div></div> </div>  <span class="widget-item-control">  </span> <br /><a href="http://xreverblog.blogspot.com.br/p/efeitos-vip.html" target="_blank"><center><img alt="http://i.imgur.com/e1Pod17.png" class="decoded" src="http://i.imgur.com/e1Pod17.png" /></center></a>
Vale Galera !!!
- JoaoBatlle

n4zun n4zun  • 23.10.13 20:09

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 23.10.13 20:09

Olá,

O Azul do Menu Fico Muito Ruim, o Fundo Também Não Contribuiu com o Template
É a Fonte dos Gadgets Não Ficou Muito Bom, Mais É Um Belo Template se Fazer Algumas Editação..

Até, :P

MiguelLisbon MiguelLisbon  • 23.10.13 20:23

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 23.10.13 20:23

Muito BOM , OBG por partilhar no PPF.

Anonymous Convidado  • 24.10.13 8:52

Wulles Wulles  • 29.10.13 0:15

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 29.10.13 0:15

Legal! Estarei baixando e testando!

Rev Rev  • 29.10.13 10:10

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 29.10.13 10:10

O blogger tá dando que foi deletado aqui :/ poderia recria-lo pra gente ver como ele é?

JoaoBatlle JoaoBatlle  • 30.10.13 14:17

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 30.10.13 14:17

Galera, MINHA CONTA DO BLOGGER FOI DESATIVADA, e por isso o blog conta como apagado !

FloopXz FloopXz  • 30.10.13 14:19

[BLOGGER] Template JoaoBatlle 2 [XML] Empty Re: [BLOGGER] Template JoaoBatlle 2 [XML] 30.10.13 14:19

ola , arrume o link da demonstraçao para podermos ver como e!
obrigado por compartilhar ;)
Início :: Paraíso Nerd :: Universo dos programadores :: Layouts e CMS:: [BLOGGER] Template JoaoBatlle 2 [XML]
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.