Mostrando postagens com marcador textarea. Mostrar todas as postagens
Mostrando postagens com marcador textarea. Mostrar todas as postagens

31 agosto 2012

Utilitários, e Mini tutoriais

37 comentários:
Oi pessoal, fiquei muito feliz por vocês terem gostado muito da entrevista com a Elisa do blog caprichosa (clique no link para ver o blog da Elisa), no post anterior (clique no link, para rever a entrevista). Bom gente vamos ao que interessa, o post de hoje, vai ser cheio de utilitários e mini tutoriais  bem bacanas para seu blog! Então não perca mais tempo, clique leia mais, que lá vem BIG POST 

          >>Big Post na área<<

Cursores para seu blog
Como instalar no seu template: vá em Layout >> Add um gadget >> HTML javascript e colar o código do cursor lá. Não precisa de colocar o titulo! Não retire os créditos!!

                                                                                     
             
Atenção!! -->> Não re-blogue nenhum cursor da qui! Eu mesma fiz esses cursores. Não retire os créditos se usarem em seus blogs!!

Textareas Personalizadas
Como instalar: isso se instala no seu próprio editor de postagem, só é preciso copiar o código da caixinha que escolher, e depois colar na sua postagem HTML. E depois escrever o texto que quer.

                      
                                         
Atenção!! -->> Não re-blogue nenhuma Textarea da qui! Eu mesma fiz essas caixinhas.

                                        //--------------------------------------------//
Seleção colorida no Blog
Vá em:  Modelo >> Editar HTML
Procure por: /* Content
Acima dele cole o seguinte código abaixo:

/* Seleção colorida
----------------------------------------------- */
::-moz-selection {
background:#000; /*Cor do fundo*/
color:#fff; /*Cor da fonte*/
}

::selection {
background:#000;/*Cor do fundo*/
color:#fff; /*Cor da fonte*/
}

Linha que divide o post da sidebar
Vá em: Modelo >> Editar HTML
Procure por: 
Se for coluna direita: .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se for coluna esquerda: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Abaixo vai esta mais ou menos assim:


.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  margin-right: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}


Apague o que está de vermelho, e cole esse:
Se for coluna direita:
border-left: 1px solid #000000;
Se for coluna esquerda:
border-rigth: 1px solid #000000;

é só fazer algumas configurações, e pronto! salve seu modelo!!

e ai, gostaram do post?
Beijos, e até a próxima!!

08 maio 2012

Personalizando a textarea

14 comentários:
Bem gente, muitas vezes queremos postar um tutorial em nosso blog,que tem um monte de códigos... depois você salva e o código fica aparecido junto com o texto do post sem separar, mais para isso tem duas formas de separar, o Bloquote e a textarea. Todo mundo sabe que todos usam as duas então não tem aquela de '' o bloquote é mais importante e textarea eles usam mais...'' As duas são usadas. (Pelo menos eu uso assim. kkk). Então hoje nos vamos aprender a personalizar a caixinha textarea. Vamos ao Tutorial... Veja essa caixinha como um exemplo de como nós fazia:

 

Agora vamos ver a que nos vamos fazer:

 

Muito linda não é, então vamos aprender a fazer ela, é muito simples mais você sempre tem que ter esse código,ou memorizar ele...

<textarea style="overflow: hidden; border:1px dashed #FFFF00; background:#FFFACD; width: 100px; height: 40px; font-color: #FF55AA; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA CAIXINHA </textarea>

 copie o código acima e cole no word, ou em um programa de escrita. e faça as seguintes modificações:

Negrito: é a expressura, o tipo e a cor da borda que vai ficar em volta da caixinha ( ex: 2px, solid, #000000).
Vermelho: é o background, o fundo da caixinha.só modifique isso: #FFFACD.
Verde: é  a largura da caixinha.
Azul: A altura da caixinha.
Roxo: é a cor da fonte.
o que esta riscado em baixo e com a cor roxo: é o tamanho da letra.
o que esta em italico: é a fonte da letra que vai ser usada.
e o ultimo que esta sublinha é aonde você vai escrever o código.

veja como ficou...
nossa que diferença ..

comentem e diga o que achou desse tutorial..
Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.