Menu

24 março 2015

0
Hooy tudo bom com vocês? Hoje trouxe mais um tutorial que eu vou explicar como faz para personalizar a data do seu blog o.k.? Espero que vocês gostem, mas antes... 1,2,3,4 eu não vou pra escola que amanhã é feriado (kkkkk tá parei)
 Gostaria de dizer a vocês que os posts daqui do blog, sempre serão feitos a tarde porque eu estudo de manhã. Então já sabem né? hahaha vamos ao tutorial clique em let's  go baby.

Pra começar o tutorial você vai abrir seu blog (óbvio) e ir em configurações > idioma e formatação. E arrumar a data assim ó



Depois de arrumar a data desse jeito você vai salvar as configurações e pronto.

Agora vamos personalizar a data: Vá em modelo > Editar html > Ctrl + f e pesquise pela tag
.main-inner h2.date-header {
Quando você achar essa tag vai ter algo parecido com isso:
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
Apague todo esse código e coloque no lugar esse aqui: 
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;/* cor da fonte da data */
background: url('URL DO BACKGROUND');
background-repeat: no-repeat;
text-align:center;/* alinha o texto */
font-family: 'Arimo', sans-serif;
font-size: 18px;
width: 80px;/* largura */
height: 80px;/* altura */
float:left;
margin-left: -55px;
margin-top: 5px;
padding: 9px 1px 2px 1px;
overflow:hidden;
line-height: 18px;
word-spacing: 25px;
}
Onde está URL DO BACKGROUND você irá colocar uma imagem de fundo, separei algumas aqui:




Onde está escrito Arimo é o nome da fonte que eu escolhi, mas você pode colocar outra fonte ex: Verdana, Arial, Calibri. Entenderam? É isso meu povo beijos, ha e não deixem de comentar o.k.? Até mais, Xoxo *.*

23 março 2015

1

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: