Keresés a blogban

2010. február 26.

Kéthasábos poszt - two column post

Látványossá tehető egy-egy poszt, ha a szöveget két hasábon írjuk.
Nagyon jól használható az oldalak készítésekor is. Példát láthatsz erre ennek a blognak az archívum oldalán.





Így néz ki:

Lorem ipsum nam labores scripserit te, an qui quas mundi accusamus. Aliquid graecis ancillae cu nec, vix fuisset mediocrem salutandi at, sea ubique discere verterem at. Percipit lobortis accommodare sea ne, pro odio graece nominati at. Per ea vide oportere, ad ullum gubergren reprimique nec, his dicat quaeque commune no. Cu mei nisl meliore volumus. Ei quod verterem rationibus duo, ei etiam fabellas vix, ad eos docendi scaevola lobortis.
Ut semper phaedrum deserunt nam, ea sit modus aliquip nominati. No eos alia habemus commune, nulla dolorum eligendi ut eum, eum minim viderer recusabo et. Sit at noluisse ocurreret, quot assum utroque vel te, omnis consulatu eu mel. Sumo novum noluisse per te, clita fabulas scriptorem ut pri, vel ne labore atomorum interesset. Scripta alterum docendi ad per, dolores blandit singulis et pri.

A megvalósítása:
A posztot HTML módban írd. Másold be ezt a kódot. A piros részekbe tetszőleges tartalmat tehetsz.
<div style="float: left; width: 45%;">
Ide jön a bal hasáb tartalma
</div>
<div style="float: right; width: 45%;">
Ide jön a jobb hasáb tartalma
</div>
Ha elgondolkodunk rajta, akkor még sok alkalmazási területet találhatunk az ilyen elrendezéshez. Neked is van ötleted?


Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

6 megjegyzés:

Alexandra írta... [Válasz erre...]

Felraktam a blogomra egy bejegyzést két sorosan, de el vannak csúszva a sorok :( Fogalmam sincs,hogyan tudom helyrehozni őket, mert gőzöm sincs arról, mit csinálok, soha nem tanultam html kódokat. Tudsz nekem segíteni?

Wise Lady írta... [Válasz erre...]

A két hasáb között nem szabad entert ütni, azaz ne legyen üres sor. Pont így nézzen ki a kód, ahogy itt látod, csak a piros részt cseréld le.

Alexandra írta... [Válasz erre...]

Sikerült helyrehoznom :)
Teljesen megkavarodott az egész kódolás, mert először a Post2Blog-ban írtam meg a cikket, azt átmásoltam, a blogban mégis módosítani kellett stb, de végül inkább újra beírtam a két oszlop szövegét. Így már rendben van.

Ez egy nagyon hasznos cikk volt, köszönöm.

Peet írta... [Válasz erre...]

Szia! Próbáltam három hasábosat is, de nem ment.
Tudnál segíteni? Köszi!

Wise Lady írta... [Válasz erre...]

@Peet
3 hasábos:

<div style="float: left; width: 32%;">
Ide jön a bal hasáb tartalma
</div>
<div style="float: left; width: 32%;">
Ide jön a középsõ hasáb tartalma
</div>
<div style="float: right; width: 32%;">
Ide jön a jobb hasáb tartalma
</div><br />

Peet írta... [Válasz erre...]

Nagyon köszönöm!

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-