Últimos assuntos
» Novo Layout - O Dragão e A Modernidade: Fim de uma fase
Sab Jan 05, 2013 3:49 pm por Hinanii

» Passando para cumprimentar
Sab Nov 10, 2012 11:59 pm por White

» Bravely Default Praying Brage (PC Online)
Qui Nov 01, 2012 12:53 pm por Hidekee

» Magi - The Labyrinth of Magic
Seg Out 08, 2012 3:29 pm por Kiyamet

» Minha UTAU já saiiiu!
Ter Set 25, 2012 1:42 pm por Hidekee

» Bravely Default: Flying Fairy para 3DS
Ter Set 25, 2012 1:37 pm por Hidekee

» Novo Layout - Dragão Jogador!
Sab Set 01, 2012 10:12 pm por kurolady

» Tema que desejaria jogar
Qui Ago 30, 2012 3:52 am por LoliHime

» Retorno aos Lendas
Dom Ago 26, 2012 8:30 am por White

Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

O recorde de usuários online foi de 45 em Ter Jul 31, 2012 9:32 am
Divulgue-nos
Lendas Infinitas



Lendas Infinitas



Créditos
Tema e layout:
Administração

Imagem original
usada em logo:

yuushoku

Imagens originais usadas nos botões do fórum:
Sumi Keiichi

Emoticons:
Kalahan Pack by Zeitz
Y o l k s - 2 Pack by bad-blood
Very Emotional Pack by LazyCrazy
The Blacy Pack by Rockey

Código de formatação com imagens nos textos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Código de formatação com imagens nos textos

Mensagem  Hidekee em Dom Jan 10, 2010 1:50 pm

Bem, Ichigo estava perguntando a mim como colocar imagens como nos blogs, disse que ia ver mas depois lembrei-me que os blogs usam a princípio html tb, então fui fuçar no meu próprio blog e achei o código cru (mais limpo) para colocar a imagem nos textos de modo a estarem inseridos. Notarão que não há hiperlink nas imagens, já que suponho que para tal o básico já basta. Então vamos ao exemplo:

Testando código... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... como a Villetta é tesuda... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla... blablablabla...

Para isso eu usei este código:

Código:
<img style="margin: 10pt 10px 10px 10pt; float: left; width: 250px; height: 330px;" src="http://farm5.static.flickr.com/4001/4260049434_bd2ccd577d_o.jpg" alt="" border="0" />

Onde podemos ver que coloquei margens ao redor da imagem, afim de que o texto não fique grudado nela. Para isso usei o trecho margin: 10pt 10px 10px 10pt;. A imagem é jogada para a esquerda no trecho float: left;. Pela lógica, para jogar para a direita basta colocar right no lugar de left. Depois ainda tem um trecho que é opcional, onde define-se largura e altura respectivamente com width: 250px; height: 330px;. Isso é importante caso queiram usar uma imagem maior e precise redimensionar. Não incentivo a usarem mto esse recurso, já que se tiverem uma imagem muito grande e ela for reduzida vai continuar com o mesmo peso em kb, fora que vcs podem acabar errando na proporção ou a imagem fique serrilhada na redução. Portanto o código que incentivo a usarem é este:

Código:
<img style="margin: 10pt 10px 10px 10pt; float: left;" src="http://farm5.static.flickr.com/4001/4260049434_bd2ccd577d_o.jpg" alt="" border="0" />

Mudando claro a imagem do meu flickr para o endereço da suas imagens ^^v



Hey, come here
If we hold our hands together, I won't let go
I'll go far with you
The story in which we see a blue kingdom


Mitsu no Yoake by Akino Arai

Hidekee
Admin
Admin

Masculino
Mensagens : 6382
Idade : 37
Localização : Rio de Janeiro

RPG 1 :
No More Gods - Mestre
RPG 2 :
Hellsing - Haven Enzo
RPG 3 :
Deltora - Kyllinn Tyrmitore
RPG 4 :
Digimon - Tsukasa Yuu

http://hidekeitaro.blogspot.com

Voltar ao Topo Ir em baixo

Re: Código de formatação com imagens nos textos

Mensagem  Wein Cruz em Dom Jan 10, 2010 2:18 pm

Legal!
Gostei da imagem de exemplo hahahah XD

Wein Cruz
Épico
Épico

Masculino
Mensagens : 635
Idade : 32
Localização : Itu - SP


Voltar ao Topo Ir em baixo

Re: Código de formatação com imagens nos textos

Mensagem  Ledah em Dom Jan 10, 2010 3:43 pm

Ficou bacana ;3

bom para os novatos aprenderem algo.

Ledah
Épico
Épico

Masculino
Mensagens : 754
Idade : 26
Localização : Riviera.


Voltar ao Topo Ir em baixo

Re: Código de formatação com imagens nos textos

Mensagem  Ichigo em Seg Jan 11, 2010 9:03 am

podia escolher uma img mais decente pro exemplo, neh? u_u~ assim vai espantar as menininhs do forum u_u~



Ichigo
Admin
Admin

Feminino
Mensagens : 665
Idade : 27
Localização : Algum lugar aleatório

RPG 1 : New Idol Project: Ichigo Hoshina
RPG 2 : Festival of Asylum: Shiori Nakamura
RPG 3 : All-Khemia: Mekhare

http://ichigo-fujiwara.deviantart.com

Voltar ao Topo Ir em baixo

Re: Código de formatação com imagens nos textos

Mensagem  Hidekee em Seg Jan 11, 2010 10:19 am

Ichigo escreveu:podia escolher uma img mais decente pro exemplo, neh? u_u~ assim vai espantar as menininhs do forum u_u~

De nada xD

Esta era a imagem que estava a esquerda na última postagem do meu blog. Simplesmente a peguei e pronto, nem fiquei escolhendo na verdade xD



Hey, come here
If we hold our hands together, I won't let go
I'll go far with you
The story in which we see a blue kingdom


Mitsu no Yoake by Akino Arai

Hidekee
Admin
Admin

Masculino
Mensagens : 6382
Idade : 37
Localização : Rio de Janeiro

RPG 1 :
No More Gods - Mestre
RPG 2 :
Hellsing - Haven Enzo
RPG 3 :
Deltora - Kyllinn Tyrmitore
RPG 4 :
Digimon - Tsukasa Yuu

http://hidekeitaro.blogspot.com

Voltar ao Topo Ir em baixo

Re: Código de formatação com imagens nos textos

Mensagem  Conteúdo patrocinado Hoje à(s) 1:10 am


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum