Az elz designomon szeretnk bemutatni egy egyszer, de annl ltvnyosabb div mozgatst. Eszkzk amik kellenek hozz: fantziatletweboldal, az oldal mretezsnk ismerete: ajnlott a stlus nzetben az oldalt bal oldalra lltani majd a css kdban a .site rsznl a 'padding-left' rsznl mozgatni az oldalt ehhez valban ismerni kell az arnyos mretezst, de erre mindenki jjjn r egyedl hiszen rgen mi sem mindent lersbl nztnk ki. Trjnk r a kt dobozunkra amiket divnek hvunk.
n elszr elkpzeltem a divet majd kdot rtam hozz ami gy nzett 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);
}
egszen nyugodtan tnevezhet.. Nem vagyok benne biztos, hogy a kdom ms felbontson is gy nz ki mint a mintn ezrt: a position lehetleg maradjon, a bottom felel azrt, hogy mennyi pixelre legyen az oldal aljtl, lehet az elforgats miatt, nem tudom ennek elvileg 0-nak kne lennie, de nulla rtkre lltva az n felbontsomon nagyon sokat lecspett belle. A left felel a bal oldaltl val tvolsgrt /rvnyes a - tvolsg is /, nekem ezt is furcsn rtelmezte, mert nem a lap valdi bal oldaltl mrte a tvolsgot, ezrt is javasolt fixlni az oldal helyzett a kdban (.site kdrsz) Ezutn megrtam magt a divat amit n egy res modulba tettem. gy nz ki:
<div class="picike">
Coelho idzeted helye :)</div>
Majd mg egy div kd jtt a css kdsorba:
.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 kvetkez div-et hoztam ltre:
<div class="picike2">
Coelho idzeted helye 2</div>
Ksz is ;) A mretezst kisrletezztek ki, azrt is engedlyeztem a hozzszlsokat, hogy ha van valami tletetek a bal oldaltl val tvolsgra akkor tleteljk ki egytt, a kd tesztelt s nem hibs, azt viszont nem tudom felbontsonknt vltozik-e a kinzete. :) Ezt is megrhatjtok
| 
AJÁNLOM AZ OLDALT
Friss bejegyzsek
Sg
j hozzszls
Frissts