2014/02/17

Postare in 2 coloane

Crearea unei postari pe blog impartita in 2 coloane.
Designul unu site sau blog este destul de important si cu totii pierdem mult timp pentru a lucra la acesta si ii aducem mereu modificari.
Ceea ce am gasit destul de greu si imi place cu adevarat este impartirea unei postari pe blog in 2 coloane care pot fi egale sau de marimi diferite. 
Crearea unei postari pe blog care sa fie impartita in 2 coloane este destul de simpla. Tot ceea ce trebuie sa faceti este sa lipiti un cod HTML in postare. 
Pentru asta copiati acest cod:
<div style="padding: 10px; float: left; width: 45%; text-align: justify;">Textul din stanga</div>

<div style="padding: 10px; float: right; width: 45%; text-align: justify;">
Textul din dreapta</div>



Creati o postare noua si lipiti-l in sectiunea HTML al postarii. Gasiti aceasta sectiune aici:



Dupa ce lipiti codul in "HTML" si reveniti la "Scrieti" postarea va arata astfel:


Va ramane doar sa inlocuiti textele:
Textul din stanga
si
Textul din dreapta
cu ceea ce doriti sa scrieti sau inserati in cele 2 coloane dupa care publicati postarea.
Pentru a schimba dimensiunea coloanelor modificati valoriile width care sunt egale in cod. Acestea sunt la 45% fiecare insa se pot modifica una la 60% si cealalta la 30% doar sa nu depaseasca cele 2 coloane 90-92 la % pentru ca atunci nu vor mai aparea coloanele. 
Asta e tot!

Niciun comentariu:

Spune-ti parerea:

invata-online.blogspot.com Web analytics