Estilos de Via

Preparei alguns tipos de Via bastante úteis e inovadores, espero que gostem.

Antes de mais nada, colem o código a seguir antes de </head>


<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> 

01. 

image

Cole o seguinte código antes de </style>

/** Via Style by @reptilha in @passo-html**/reb{
   display:block;
}reb img{
   display:inline-block;
   border-radius:100%;
   width:20px;
}reb span{
   vertical-align:5px;
   margin-left:10px;
    margin-right:10px;
   display:inline-block;
}/** Via Style by @reptilha in @passo-html**/

Cole o código a seguir após a abertura da div da sua caixinha de post:

{block:RebloggedFrom} 
<reb><img src="{PortraitURL-24}">
<span class="sf sf-refresh"></span>
<a href="{ReblogParentURL}" title="Via {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a></reb>
{/block:RebloggedFrom}


02.

image

Cole o seguinte código antes de </style>

/** Via Style by @reptilha in @passo-html**/reb{
   display:block;
}reb a{
   text-decoration:none;
   vertical-align:6px;
}reb span{
   vertical-align:5px;
   margin-left:10px;
   font-size:10px;
    margin-right:5px;
   display:inline-block;
}/** Via Style by @reptilha in @passo-html**/

Cole o código a seguir após a abertura da div da sua caixinha de post:

{block:RebloggedFrom} 
<reb>
<span class="sf sf-refresh"></span>
<a href="{ReblogParentURL}"> {ReblogParentName}</a></reb>
{/block:RebloggedFrom}

03.

image

Cole o seguinte código antes de </style>

/** Via Style by @reptilha in @passo-html**/reb{
  display:block;
  font-size:10px;
  font-family:consolas;
  text-transform:uppercase;
  margin-bottom:10px;
}reb img{
  display:inline-block;
  border-radius:100%;
  width:20px;
  vertical-align:-7px;
}em{
   display:inline-block;
   background:#fafafa;
   padding:2px 7px 2px 5px;
   border-radius:15px;
   height:25px;
}reb span{
  vertical-align:5px;
  margin-left:10px;
   margin-right:10px;
  display:inline-block;
  font-size:13px;
}reb a{
  text-decoration:none;
  vertical-align:0px;
  color:gray;
  line-height:25px;
}/** Via Style by @reptilha in @passo-html**/

Cole o código a seguir após a abertura da div da sua caixinha de post:

{block:RebloggedFrom} 
<reb><em><img src="{PortraitURL-24}"> <a>{Name}</a></em>
<span class="sf sf-refresh"></span>
<em><img src="{ReblogParentPortraitURL-24}"><a href="{ReblogParentURL}" title="Via {ReblogParentName}"> {ReblogParentName}</a></em></reb>
{/block:RebloggedFrom}

OBS: Se não funcionar, tentem colocar o código dentro de cada Block Post.

Gabriela @reptilha

Topic Chat

image

Cole o código a seguir no seu css.

/** Chat by Passo Html | Cavalhera **/
.person{background:#fafafa;margin:5px;border:1px solid #fefefe;padding:6px; color:#999;font-family:cambria;font-size:12px;}
.person o{width:10px;margin-left:-31px;margin-top:-6px;position:absolute;border:5px solid #fafafa;height:10px;background:#B0C4DE;}
.person .label{color:#666;font-weight:bold;font-family:consolas;text-transform:uppercase;margin-right:-5px;}
chatitle{color:#666;font-weight:bold;font-family:consolas;text-transform:uppercase;margin:10px;display:block;font-size:12px;}

E substitua o conteúdo de {block:Chat} pelo código seguinte.

{block:Chat}
{block:Title}
<chatitle>{Title}</chatitle>
{/block:Title}
{block:Lines}
<div class="person"> <o> </o>
{block:Label}
<span class="label">
{Label}
</span>
{/block:Label}
{Line}
</div>
{/block:Lines}
{/block:Chat}  

Caso use ou goste, dê like.

Gabriela.

a