11 setembro 2014

Como colocar gadget em cima do cabeçalho do blog

Ola amores andei sumida né? (pra variar). Eu já estava enjoada daquele ultimo design do blog, achei ele muito simples. Então resolvi colocar esse, que é um pouquinho melhor. Como finalmente a minha vida esta menos corrida vou tentar postar bastante aqui, por isso façam pedidos de tutoriais pelos comentários para eu saber o que vocês querem.


   A um tempo atrás vi um tuto bem explicativo sobre como colocar gadget em cima do cabeçalho do blog. Quando eu tinha realizado o curso de web design eu já havia aprendido isso, porem de maneira bem mais complicada (para se aplicar em blog).
Abaixo esta o tutorial, créditos ao blog Lovelly Sumer.

Vá no painel do seu blog > Layout > adicionar um gadget > HTML/JavaScript > Deixe o titulo em branco > e na parte em que se coloca o conteúdo cole o código abaixo:

<div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px;"> CÓDIGO DO SEU GADGET</div>

Onde se pede coloque o código do seu gadget. Altere os número com cor destacada para ir movendo seu gadget e o posicionando no lugar desejado. Vá clicando em "visualizar" para ver onde esta ficando o gadget.

"35" >> vai para a direita
"-292" >> vai pra cima
"50" >> distancia entre cabeçalho e área de postagem (quanto maior o numero maior a distancia) .

Se quiser colocar mais de um gadget no cabeçalho basta repetir o código no mesmo gadget (caso contrário não vai funcionar), por exemplo:

<div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px;"> CÓDIGO DO SEU GADGET</div><div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px;"> CÓDIGO DO SEU GADGET</div>

E assim pode ser adicionado 3,4,5 ou mais gadgets. Vale lembrar que o gadget tem que esta posicionado abaixo da gadget do cabeçalho, caso contrario não dará certo. Quando terminar clique em "salvar".

Espero que tenham gostado do tutorial, eu particularmente acho ele muito legal e útil. Até a próxima postagem, Beijos ;*

08 novembro 2013

Cód. basicos sobre HTML + novo Lay!

Oiii paixões, isso mesmo eu estou postando um tutorial, podem soltar fogos de artificio comemorar e pegar seus guarda-chuvas por que hoje vai chover (kkkkk ><), obviamente vocês devem ter reparado no novo layout, lindinho né? eu que fiz as ilustrações (*-*) era pra ser eu, mas enfim, deixa pra la kkk. O blog estava merecendo algo mais bonito e a tempos estava falando que ia fazer, por isso esta ai e espero que gostem.

Mas vamos ao tuto de hoje... Quando eu não conhecia muito html eu sempre penava pra colocar link em palavras, imagens, mudar a cor da letra, ou mudar a fonte, colocar negrito, mudar tamanho de fonte e etc. E hoje estava aqui imaginando: aposto que muitos também penam com essas códigos simples pra alguns e já complicados para outros. E então por isso hoje eu estou aqui trazendo alguns cód. básicos sobre HTML para vocês. Simbora?


Mudando a cor da fonte:

Para mudar a cor da fonte use o seguinte cod.


<font color="#000000"> Seu texto </font>

Aonde esta de vermelho você ira colocar a cor desejada para o seu texto, e onde esta azul você ira colocar o texto desejado. Não esqueça do </font> no final pois é ele quem indica que o cod. acabou. 


Mudando a fonte: 

Para mudar a fonte usada coloque o codigo abaixo:

<font face=*> Texto desejado</font>

Onde esta de vermelho você ira colocar o texto que deseja. Vale lembra que a fonte só ira ser visualizado se o outro computador tiver a fonte instalada, então por isso é sempre bom colocar fontes padrão como arial, Helvetica, Sans, Times, Verdana, Courrier, Georgia e etc. Onde esta de verde você ira colocar o nome da fonte desejada, ex: arial. 


Mudando o tamanho da fonte: 

Para muda o tamanho da fonte use o seguinte codigo: 


<font size=*> texto </font>

Onde esta de vermelho você ira colocar o seu texto desejado e onde esta de verde você ira colocar um numero de 1 a 7 onde 1 é menor e 7 é maior. 



Texto em negrito, itálico e sublinhado:

Para colocar um texto em negrito use a tag <b> 
Ex:   <b>Meu texto</b>  
Feche com o </b> para indicar que o código acabou e que você quer que seu texto em negrito acabe ali. 



Para colocar seu texto em Itálico use a tag <i>
Ex: <i>meu texto</i>
Feche com </i>. 


Para colocar seu texto em sublinhado use a tag <u>
Ex: <u>meu texto</u>
Feche com </u>.


Colocar link em TEXTO: 

Para colocar link em uma palavra/frase/texto use o cod. abaixo:

<a href="link-do-lugar">Texto</a>

Aonde esta de vermelho você ira colocar o link desejado e onde esta de verde ira colocar a descrição. Simples. 


Colocar link em uma IMAGEM: 

Para "linkar" uma imagem use o cod. abaixo: 

<a href= “link-desejado”><img src="url-da-imagem" border="0"></a>

Onde esta de vermelho você ira colocar o link da pagina que deseja ir, e onde esta de verde colocara o link da imagem. 



Bom é isso gente, espero que vocês tenham gostado do tuto. Espero por comentário hein, e se reblogar credite e deixe um comentário avisando. 

Beijo, até a próxima. ;* 

03 novembro 2013

Ando sumida... explicações.

Bom gente, faz tempo que não posto nada e nem realizo encomendas e o motivo disso tudo é a escola, esse ano ta puxado estou em uma escola rigorosa e o ensino médio não esta nada fácil. Vou tentar voltar a ativa ainda esse mês, mas acho difícil. Talvez eu só volte aqui em novembro para colocar o novo designe (sim já estou fazendo *-* ta ficando meigo kk).  Bom e é isso, espero voltar logo.. Bjs :*


Meu desenho da Lana (não ficou bom, eu sei kkk)

12 agosto 2013

Novo trabalho realizado: Manual de Princesices

Esses dias entreguei um novo blog, o Manual de princesices da Lais Maggiotto. O blog ficou uma graça. Segue o print abaixo:


22 julho 2013

Desenhos no inkscape

Oi gente, hoje eu vi mostrar pra vcs alguns desenhos no inkscape que eu fiz. Confesso que eu me surpreendi pq como vcs podem ver Nessa postagem eu era um verdadeiro fracasso no inkscape.
  Descobri que eu sou "capaz" esses dias. Eu tava em casa sem nada pra fazer (pra variar), e ai resolvi fazer um desenho do Gusttavo Lima (no qual eu sou mega fã), peguei uma foto dele que tinha coloquei do lado do pc e fui fazendo, e saiu esse desenho abaixo:


Eu fiquei boba com o resultado, me surpreendi muuuuuito. Ai então já viram né, peguei vários desenhos que eu tinha salvo no meu pc (sim eu salvo imagens que eu acho bonitinha, coisa de louco né?! kk) e comecei a desenhar. E olha o que saiu:

Inspirado em imagem da internet 

Tentativa fail da Lady Gaga

Luan Santana

inspirado em imagem pega na internet 


Tem 2 desenhos (as duas menininhas) que não são de minha autoria, são copias. CALMA, vou explicar pq copia é um termo forte. 
Eu não me sinto confiante para criar, sabe?! imaginar um desenho e fazer, eu me conheço. Eu não vou da conta, vou perder a paciência fechar o inkscape e depois de semanas vou abri-lo novamente, e eu não quero isso. Por isso eu pego imagens que eu gosto (que no caso foi essas duas menininhas) e vou fazendo, mas NENHUMA das duas esta igual ao original, modifiquei boas coisas nelas. Vamos dizer que dei meu toque rsrs.


Então é isso gente, espero que tenham gostado. Mais pra frente quem sabe posto um tuto do inkscape.  


14 julho 2013

Novo trabalho realizado: Espelho Mágico

Oii gente, to sumida né? to devendo tuto, um designe novo mas isso é tudo culpa das encomendas. Só agora estou com duas pra fazer e quero entregar logo pra correr pra preparar os tutoriais. Vou tentar postar uns 5 tuto de uma vez, mas estou sem ideia do que vcs precisam por isso aqui o link da minha Ask pra vc mandarem perguntas e seus pedidos.

Mas enfim, o trabalho que eu realizei esses dias foi o do blog, loja 2, e capa do face do "Espelho Magico". Adorei realizar esse trabalho, pois a blogueira é uma fofa (adorei ela *-*) e creio que ela ficou muito satisfeita com o serviço, que é o que me deixa mais feliz ^^. 




Visite o blog Espelho Magico 

11 junho 2013

Novo trabalho feito: Site Paixão Sertaneja

Ola paixões minhas, hoje eu venho mostrar a vocês o primeiro site que eu fiz o paixão sertaneja. Bom ele ainda não esta completamente pronto mas mesmo assim ta aqui o link. Espero que vocês gostem.
Haa.. e em breve tem novidades, promoções e novo designe do blog. Estou com mega tutoriais pra vcs tbm.