← WordPress

Ajuda a criar div para aplicar em template

Lida 2075 vezes

Offline

João Silva 
Membro
Mensagens 1185 Gostos 0
Feedback +6

Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Boas, precisava de uma ajuda da vossa parte.

Queria que me ajudassem na criação de uma div..(acho que é div) de modo a conseguir aplicar directamente no template de um blog em wordpress em qualquer lado do index.. 2 filas com Alguma informação.

Fica o exemplo na imagem em anexo.. lol só para ter a certeza que entendem.

Básicamente é conseguir colocar uns textos naquele formato da imagem.

Abraço
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Assim algo feito em "cima do joelho" :

HTML

Código: [Seleccione]
<div class="container">
    <div id="left">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to make a type specimen book.
    </div>
    
    <div id="right">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to make a type specimen book.
    </div>
    
    <div class="clear"></div>
</div><!-- end .container -->

CSS

Código: [Seleccione]
.container {
background-color: #F00;
width: 300px;
}
#left {
background: #333;
float: left;
width: 145px;
}
#right {
background: #666;
float: left;
margin-left: 10px;
width: 145px;
}
.clear {clear: both;}

Vê lá se era isso que querias. As cores (background) e dimensões (width) são apenas exemplos. Ou podes pré-visualizar o exemplo aqui.
Offline

João Silva 
Membro
Mensagens 1185 Gostos 0
Feedback +6

Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Serve perfeitamente! Vou dormir que estou cansado.

Amanha vou tentar aplicar e logo digo se funcionou correctamente.

O código css posso adicionar no final do código do css já existente certo? ou tem lugar específico? Desculpem a ignorância
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Serve perfeitamente! Vou dormir que estou cansado.

Amanha vou tentar aplicar e logo digo se funcionou correctamente.

O código css posso adicionar no final do código do css já existente certo? ou tem lugar específico? Desculpem a ignorância

Podes adicionar onde quiseres.
Offline

João Silva 
Membro
Mensagens 1185 Gostos 0
Feedback +6

Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Já funciona!

Obrigado.