|
Oldals modulcm szerkesztse
2018.12.07. 12:24
Ha szvesen merlsz el a kdols vilgban, s szeretsz megismerni j dolgokat, nagyon knnyedn teheted mg ltvnyosabb oldalad.
Ehhez mindssze nhny alaplpst illetve nhny kiegsztst kell ismerned.
A szls modulban a modulfejlceket ezzel a kddal tudod szerkeszteni:
/*SZLS MODUL*/
.column_side {
margin: 20px !important; (SZVEG TVOLSGA A KERETTL)
}
.column_side td.modtitle {
background-color: #000000; (HTTRSZN)
color: #ffffff; (BET SZNE)
padding: 15px; (KERET TVOLSGA)
font-family: 'Cookie', cursive; (BETTPUS)
font-size: 25px; (BETMRET)
font-style: normal; (FLKVR, DLT)
text-decoration: none; (THZS, SZVEG FL VONAL, ALHZS)
text-transform: none; (NAGYBETS, KISBETS)
text-align: center; (SZVEG ELHELYEZSE)
}
Termszetesen magnak a modulcmnek adhatunk keretet:
border-top: 0px solid #333333; (FELL
border-bottom: 0px solid #7ea4b3; (ALUL)
border-left: 0px solid #333333; (BALRA)
border-right: 0px solid #333333; (JOBBRA)
}
Lehetsgnk van egy kpet is belltani a modulcm htternek:
background-image: url(KP LINKJE);
}
Kddal eltolhatjuk az egsz modulcm blokkot, ezzel a kvetkez hatst tudjuk elrni: ( FORRS)
position:ABSOLUTE!IMPORTANT; /*AZRT, HOGY MOZGATHAT LEGYEN*/
margin:-170PX!IMPORTANT; /*AZRT, HOGY OLDALRA MOZDULJON, minl nagyobb rtk annl jobban megy oldalra,*/
width: 150PX!IMPORTANT; /*MEGHATROZOM A SZLSSGT*/
margin-top: -10PX!IMPORTANT; /*AZRT, HOGY LEJJEBB MOZDULJON, minl nagyobb az rtl, annl lejjebb megy*/
}
Mindezek mellett, lehetsgnk van elforgatni a cmet:
ms-transform: rotate(270deg); /* IE 9 */
bkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
transform: rotate(270deg); /*Az elforgats mrtke, 270 foknl balra fordul, 90 foknl pedig jobbra. Ezt a felette lv 2 sorban is t kell lltani!*/
margin-top: 100px; /* Mennyivel legyen a fels keret felett a szveg*/
margin-left: -130px!important; /*A forgats miatt szksges elcssztatni a modulcmet, itt ennek mrtkt tudod megadni.*/
|
AJÁNLOM AZ OLDALT
