Az el�z� designomon szeretn�k bemutatni egy egyszer�, de ann�l l�tv�nyosabb div mozgat�st. Eszk�z�k amik kellenek hozz�: fant�zia�tletweboldal, az oldal m�retez�s�nk ismerete: aj�nlott a st�lus n�zetben az oldalt bal oldalra �ll�tani majd a css k�dban a .site r�szn�l a 'padding-left' r�szn�l mozgatni az oldalt ehhez val�ban ismerni kell az ar�nyos m�retez�st, de erre mindenki j�jj�n r� egyed�l hiszen r�gen mi sem mindent le�r�sb�l n�zt�nk ki. T�rj�nk r� a k�t dobozunkra amiket divnek h�vunk.

�n el�sz�r elk�pzeltem a divet majd k�dot �rtam hozz� ami �gy n�zett ki:

 

.picike {

left: 0px;

position: fixed;

bottom: 230px;

height: 35px;

width: 500px;

font-family: arial;

font-size: 28px;

letter-spacing: -3px;

color: #ffffff;

text-shadow: 1px 1px 0 #666666;

text-transform: uppercase;

text-align: center; background-color: #b89cb2; padding: 10px;

-ms-transform: rotate(270deg); 

    -webkit-transform: rotate(270deg); 

    transform: rotate(270deg);

} 

eg�szen nyugodtan �tnevezhet�.. Nem vagyok benne biztos, hogy a k�dom m�s felbont�son is �gy n�z ki mint a mint�n ez�rt: a position lehet�leg maradjon, a bottom felel az�rt, hogy mennyi pixelre legyen az oldal alj�t�l, lehet az elforgat�s miatt, nem tudom ennek elvileg 0-nak k�ne lennie, de nulla �rt�kre �ll�tva az �n felbont�somon nagyon sokat lecs�pett bel�le. A left felel a bal oldalt�l val� t�vols�g�rt /�rv�nyes a - t�vols�g is /, nekem ezt is furcs�n �rtelmezte, mert nem a lap val�di bal oldal�t�l m�rte a t�vols�got, ez�rt is javasolt fix�lni az oldal helyzet�t a k�dban (.site k�dr�sz) Ezut�n meg�rtam mag�t a divat amit �n egy �res modulba tettem. �gy n�z ki: 

<div class="picike">

Coelho id�zeted helye :)</div>

 

Majd m�g egy div k�d j�tt a css k�dsorba:

.picike2 {

left: 75px;

position: fixed;

top: 230px;

height: 35px;

width: 500px;

font-family: arial;

font-size: 28px;

letter-spacing: -3px;

color: #ffffff;

text-shadow: 1px 1px 0 #666666;

text-transform: uppercase;

text-align: center; background-color: #b89cb2; padding: 10px;

-ms-transform: rotate(270deg); 

    -webkit-transform: rotate(270deg); 

    transform: rotate(270deg);

} 

Ehhez pedig egy k�vetkez� div-et hoztam l�tre: 

<div class="picike2">

Coelho id�zeted helye 2</div>

K�sz is ;) A m�retez�st kis�rletezz�tek ki, az�rt is enged�lyeztem a hozz�sz�l�sokat, hogy ha van valami �tletetek a bal oldalt�l val� t�vols�gra akkor �tletelj�k ki egy�tt, a k�d tesztelt �s nem hib�s, azt viszont nem tudom felbont�sonk�nt v�ltozik-e a kin�zete. :) Ezt is meg�rhatj�tok