Modulfejlc2016.05.05. 10:07, Juci
Egyedien
Ma egy kicsit fejtegetni fogom, hogyan tehetsz egyediv egy modulfejlcet. Megannyi trkk van hozz!
Most a szls menre koncentrlok, de tudjuk, hogy ugyanezeket a tulajdonsgokat lehet adni egy kzps mennek is!
Ez a kd az alap kdunk
.column_side_td .module .modtitle {
border:2px solid #E6E6E6;
background:transparent!important;
Font-family:'Playfair Display'!important;
font-size:12px;
padding-top:3px;
padding-bottom:5px;
font-weight:900!important;
font-style:italic;
text-align:center!important;
color:#7D7C7C!important;
}
Lehet ltni, hogy sehogyan sem mozgattuk trben a modulfejlcet eddig. gy nz ki alapbl most a modulunk:
Most adunk neki pr j tulajdonsgot.  Szeretnm ha trben mozgathat lenne s eldntttem, hogy azt szeretnm ha lejjebb kerlne a modulfejlc. Tbb tulajdonsgra is szksgem lesz:
position:absolute!important; /*azrt, hogy mozgathat legyen*/
margin-top:-10px!important; /*azrt, hogy lejjebb mozduljon*/
z-index:2!important; /*azrt, hogy trben ne a tartalmas modul mgtt jelenlen meg, hanem eltte*/
width:250px!important; /*meghatrozom a szlsgt, ezzel is lehet jtszani*/
Most pedig jtszadozzunk.
01) Itt a modulfejlc httere tltsz s csak egy fels szeglye van, de mivel be van sllyesztve gy nz ki. Azrt hosszabb, mert a modtitle width rtke nagyobb, mint a sima column_side Itt a margin-left:-50px; is hozzkerlt az rtkekhez, hogy vizszntesen is mozgathassuk.
02) Itt pedig kisebb a width rtk, mint a column_side-nl alapbl, gy sszeugrik. Httrsznt adtam neki, hogy szpen kirajzoldjon.
03)A margin-left rtket nagyon negatvra hztam gy bal oldali men esetn szpen kivndorolt a bal oldalra a modulfejlc.
FONTOS! Mivel ha elrbb hozod trben s fgglegesen lefel mozgatod a modulfejlcet azzal fogsz szembeslni, hogy a szveg tlmszik alatta. Ha adsz neki egy padding-top:20-30px-es rtket esetleg !important jelzvel akkor lejjebb fog ez kszni!
|
AJÁNLOM AZ OLDALT
"So bring your passport girl, I'm trying to show you the world"
Szeretnm ha trben mozgathat lenne s eldntttem, hogy azt szeretnm ha lejjebb kerlne a modulfejlc. Tbb tulajdonsgra is szksgem lesz:
