(ainda não votou? Olhe ali na sidebar os links para votação :)
Sabe essas caixinhas de texto super fofas que são disponibilizadas em alguns blogs?
Estive observando os códigos de algumas delas e nesse código da Annyz deu para entender como funciona. Eu espero conseguir repassar para vcs o que entendi ^-^
A que fiz ficou assim:
Consegui!! Tente você também :3...
Bem, vamos lá então...
A primeira coisa a ser feita é ter uma imagem de fundo, ou seja, a caixinha mesmo. É necessário guardá-la em algum site, como no próprio Blogger por exemplo, para vc pegar a URL dela.
Vc pode salvar algumas que já deixei aqui no blog em gifs, ou essas abaixo e até mesmo criar a sua :3 Elas são legais também para molduras de fotos de perfil, banners... ^ ^
Clique na imagem acima para ver em tamanho real
Consegui!! Tente você também :3...
<!-- Cute Text Box Start --> <div style="width: 130px; height: 168px; background-image: url(URL DA SUA IMAGEM AQUI); text-align: center;"> <center><div style="width: 100px; height: 20px;"> </div><div style="width: 100px; height: 150px; overflow: auto;"> <span style="color: rgb(253, 97, 242);font-family:verdana;font-size:110%;" > SEU TEXTO VAI AQUI :3... </span></div></center></div> <!--Cute Text Box Finish -->
É só modificá-lo à sua maneira; lembrando que:
Width e height se referem à largura e altura da imagem e também na posição do texto; o ideal é que vc coloque largura e altura do texto com tamanho bem menor do que o da imagem, para que ele se encaixe perfeitamente.
Background-image: url é onde vc colocará a URL da sua imagem.
Text-align é a posição do texto, que pode ser direita (right), esquerda (left), centralizado (center).
Color, font-family e font size se referem a cor da fonte, estilo e tamanho dela.
Espero que vcs consigam e qualquer dúvida podem perguntar; se eu souber, ajudarei ^^
Não sou expert nessas coisas ainda, mas pretendo ir melhorando! Isso já foi um avanço não é? rsrsrs...
beijinhus
Ai que leal esse tutorial, adorei, me ajudou muito!
ResponderExcluirSeguindo seu blog amr, adoreei, uma gracinha (: Aceita parceria?
Bom, Depois dá uma passadinha no meu blog? Será um prazer ter sua visitinha!
Beijinhos!
@sabrina_mp
>> http://blog-mundo-da-moda.blogspot.com/
Gracias por esto! voy a hacer mis propias cajitas en photoshop, es de mucha ayuda!
ResponderExcluirKisses!
Amo esse bloguinho, adorei as dicas elas são mega fofinhas. Ahhhh vi que seu blog tem um efeito nos links tipo arco-íris, poderia me passar? Ele é super legal, adoro cores. Sempre vou passar aki! bjokinhas ^__^b
ResponderExcluirEu adorei !
ResponderExcluirMas tenho uma dúvida (como sempre) rss
ResponderExcluirOnde eu colo o código ??
Em qualquer lugar que aceite HTML, tipo nos gadgets da sidebar ou nas postagens ^^
ExcluirSinta-se a vontade para perguntar sempre!!! Adoro receber seus comentários fofa!
Beijus e obrigada...