Data personaçizada

Nenhum post anterior escrevi Que fiquei encantada com o vídeo do Leao Christian, Mas Não sei se VOCÊS Sabem Que EXISTE O Livro o qua deixo uma sinopse ai Abaixo, o qua Estou lendo e Estou amando.
Autor: Anthony Bourke e John Rendall

Título Original:  Um Leão Chamado Christian (2009, edição revista e Actualizada da edição de originais 1971)
Edição:  Editorial Presença
Páginas:  164
ISBN:  9789722342339
Tradutor:  Manuela Madureira
Sinopse
QUANDO em 1969 Anthony Bourke e John Rendall decidiram comprar Uma cria de leão nsa Armazéns Harrods, em Londres, Não imaginaram Que, Décadas DEPOIS, A SUA Extraordinária História continuasse a comover Gerações de leitores e espectadores. Publicado Pela Primeira vez em 1971, Um Leão Chamado Christian retrata o Percurso Desta amizade invulgar, desde OS Primeiros meses de vida em Londres, comeu Ao reencontro inesquecível no Quénia. This nova edição, revista e Completamente Actualizada e contendo AINDA Diversas Fotografias enternecedoras, Tornou-se hum bestseller do New York Times.


Vamos ágora Ao tutorial:

personalização de um dos dados postos de fazer Seu blog:
Resolvi Fazer este tutorial Porque gosto de Estar colocando coisinhas Diferente não edito meu blogue when Uma Nova Versão:
Separei ENTÃO Dois Exemplos de that dados gosto:

Vamos Lá Ao 1º Exemplo:




Coloque no Seu css Estes Códigos Abaixo:

/ * ---------- DOS dados mensagens ------------- * /
.calendar {
float: left;
width: 100px;
}
.calendar h4 {
padding: 3px 0 ;
margin-bottom: 8px; } / * ---------- Dia do Mês ------------- * / .calendar span.day h4 { display: block; flutuador : right; line-height: 24px; font-size: 18px; border-right: # 808080 1px solid; / * DIVISAO DA DATA * / padding-right: 5px; color: # FF0000; } / * ---------- Mês e ano ------------- * / . calendário span.month h4, .calendar span.year h4 { color: # 000; width: 50px; / * espaço do mes e ano * / } / * ---------- Fonte do Mes --- ---------- * / .calendar span.month h4 { display: block; float: right; font-size: 12px; line-height: 14px; padding-left: 4px; text-align: center ; text-transform: uppercase; } / * ---------- Fonte do ano ------------- * / .calendar span.year h4 { font-size: 12px ; display: block; }

Coloque Acima do]]> </ b: skin> roteiro este Abaixo:

<Div class = "Editar">
<script type = "text / javascript">
função remplaza_fecha (d) {
var da = d.split ('');
dia = "<span class =" dia ">" + da [ 0] + "</ span>"; mes = "<span class = 'meses'>" + da [1] .slice (0,3) + "<'ano' span class =>" + da [2] + "</ span>" + "</ span>"; document.write (mes + dia); } </ script>

Adquirir POR este código em Seu modelo de e substitua POR Estes:

<data: post.dateHeader />


Coloque Estes ágora não lugar:

<div class = 'calendário'>
<h4 class = 'calendário'>
<script> remplaza_fecha ('<dados : post.dateHeader /> '); </ script>
</ h4>
</ div>

Vamos ao 2º Exemplo:  


Coloque em SEU Códigos css estilo Este:

#fecha {
height: 46px;
width: 46px;
background: url (http://templatesbylecca.googlepages.com/data-doll-xml.gif) no-repeat;
font: 22px normal, Arial, Helvetica, sans-serif;
color : # FFC4E1;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;
}
.fecha_mes {
height: 16px;
display: block;
font: 11px normal, Arial, Helvetica, Sans- serif;
color: # A3CA1C;
text-align: center;
padding-top: 3px; }

<Script>
função remplaza_fecha (d) {
var da = d.split ('');
dia = "<strong class = 'fecha_dia"> "+ DA [0] +" </ strong> "; mes = "<strong class = 'fecha_mes'> "+ da [1] .slice (0,3) +" </ strong> "; anio = "<strong class = 'fecha_anio"> "+ da [2] +" </ strong> "; document.write (mes + dia); } </ script>

Adquirir POR este código em Seu modelo de e substitua POR Estes OS MESMO Lá de Cima:

<Data: post.dateHeader />

<'Fecha' div id =>
<script> remplaza_fecha ('<data: post.dateHeader />'); </ script>
</ div>

Imagens personalizada dados parágrafo colocar em sua, clique Pará Fazer download: