UPDATE TAB

------------------------------------------------------------- ANTES DE </STYLE>----------------------------------------------------

/* UPDATE POR CLAMAM. NÃO COPIE, NÃO SE INSPIRE, NÃO ROUBE! */
#cmbox{position:fixed; left:-160px; top:25px; width:150px; height:auto; z-index:99999999; background:{color:background}; border:1px solid {color:bordas};}
#cmbox a{border-bottom:1px solid {color:social};}
#cmbox a:hover{border-bottom:1px solid {color:titulo};}
#cmbox ul{list-style-type:none; margin:0 0 0 -40px; text-align:left;}
#cmbox ul > li:before {content:'—'; margin-right:5px; color:{color:social};}
#cmbox ul > li li:before {margin-left:10px; border:none;}
#cmbox ul > li a{border:none;}
#cmbox ul > li a:hover{border:none;}
.cmtitle{padding:5px; background:{color:titulo}; color:{color:background}; text-transform:uppercase; font-family:roboto; letter-spacing:1.3px; font-size:11px; font-weight:bold;}
.cmtitle i{color:{color:texto}; float:right; font-size:15px; background:{color:update detalhe}; padding:7px; margin-top:-5px; padding-left:9px; padding-right:9px; margin-right:-5px;}
.cmcontent{margin-top:5px; margin-bottom:10px; padding:5px; text-align:center}
#cmopen{position:fixed; border:1px solid {color:borda update}; margin-left:25px; top:25px; padding:10px; border-radius:100%; line-height:0px;}
#cmopen i{color:{color:nav update}; font-size:15px; line-height:none;}
#cmclose{position:fixed; border:1px solid{color:borda update}; margin-left:25px; top:25px; padding:10px; border-radius:100%; line-height:0px;}
#cmclose i{color:{color:nav update}; font-size:15px; line-height:none;}
.cmsocial{background:{color:social}; display:table; padding:7px 8px 7px 8px; border-radius:100%; text-align:center!important; display:inline-block; transform-origin:50% 50%; line-height:0px; border:none;}
.cmsocial i{color:{color:texto};}
.cmsocial:hover{background:{color:titulo}; border:none;}
/* UPDATE POR CLAMAM. NÃO COPIE, NÃO SE INSPIRE, NÃO ROUBE! */


------------------------------------------------------------- DEPOIS DE </STYLE>----------------------------------------------------

<meta name="if:update" content=""/>
<meta name="if:tab extra" content=""/>
<meta name="color:nav update" content="#aaaaaa"/>
<meta name="color:borda update" content="#aaaaaa"/>
<meta name="color:update detalhe" content="#fa4578"/>
<meta name="color:social" content="#fa4578"/>
<meta name="text:contador online" content="código online" />
<meta name="text:contador visitas" content="código visitas" />
<meta name="text:sobre mim" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat." />
<meta name="text:tab extra titulo" content="Extras" />
<meta name="text:tab extra conteudo" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit" />
<meta name="text:facebook" content="http://facebook.com"/>
<meta name="text:twitter" content="http://twitter.com"/>
<meta name="text:instagram" content="http://instagram.com"/>
<meta name="text:we heart it" content="http://weheartit.com"/>
<script language="javascript">$( document ).ready(function() {$('#cmclose').hide();}); $('#cmopen').click(function(){$('#cmbox,#cmopen,#cmclose').animate({ "marginLeft": "180px" }, 500);$('#cmopen').fadeOut("slow"); setTimeout(function(){$('#cmclose').fadeIn("slow");}, 400);
});$('#cmclose').click(function(){$('#cmbox,#cmopen,#cmclose').animate({ "marginLeft": "5px" }, 500);$('#cmclose').fadeOut("slow");setTimeout(function(){$('#cmopen').fadeIn("slow");}, 400);});</script>


---------------------------------------------------------------- DEPOIS DE <BODY>----------------------------------------------------

{block:Ifupdate}
<div id="cmbox">
<div class="cmtitle">Sobre <i class="fa fa-key" aria-hidden="true"></i></div>
<div class="cmcontent">{text:sobre mim}</div>
<div class="cmtitle">Social <i class="fa fa-user" aria-hidden="true"></i></div>
<div class="cmcontent">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" direction="alternate" behavior="alternate" loop="true" width="100%" height="100%">&nbsp;
<a href="{text:facebook}" title="facebook" target="_blank" class="cmsocial"><i class="fa fa-facebook" aria-hidden="true"></i></a>&nbsp;&nbsp;
<a href="{text:twitter}" class="cmsocial" target="_blank" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>&nbsp;&nbsp;
<a href="{text:instagram}" class="cmsocial" target="_blank" title="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>&nbsp;&nbsp;
<a href="{text:we heart it}" title="we heart it" target="_blank" class="cmsocial"><i class="fa fa-heart" aria-hidden="true"></i></a>
</marquee>
</div>
<div class="cmtitle">Status <i class="fa fa-bar-chart" aria-hidden="true"></i></div>
<div class="cmcontent">
{text:contador online}&nbsp;/&nbsp;{text:contador visitas}
</div>
{block:Iftabextra}
<div class="cmtitle">{text:tab extra titulo} <i class="fa fa-bookmark" aria-hidden="true"></i></div>
<div class="cmcontent">
{text:tab extra conteudo}
</div>
{/block:Iftabextra}
</div>
<div id="cmopen"><i class="fa fa-navicon" aria-hidden="true"></i></div>
<div id="cmclose"><i class="fa fa-times" aria-hidden="true"></i></div>
{/block:Ifupdate}