Cikkajánló
Általában a lapozást is mindenki bővítménnyel oldja meg. Viszont én amit lehet szeretek kóddal megoldani, mert a túl sok bővítmény lassíthatja a honlapot. Plusz kevesebb macera, mert nincs mit
Nem is olyan régen volt egy ilyen kérdés, hogy hogyan lehet a Chat-et így egymás mellé helyezni. Nos, bekódoltam a saját Chat-emet és most ezt a kódot elhoztam nektek
Nagyon-nagyon sokan kérdeztetek arról, hogy hogyan lehet azt megcsinálni, hogy a Blog modul is egyedi modulstílusú lehessen. Az ez előtti cikk, ami itt volt ennek a helyén, az is
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
Dupla aláhúzás modulfejlécnek G-Portálon

Arról a kódról lesz most szó, amit pl. a WordPress-ben sokan használnak, és mivel G-Portálon is meg lehet oldani, így gondoltam megosztom veletek ezt a kódot is.

 

 

A column_side_td .module .modtitle kód kell hozzá. A CSS kódban kiemeltem, ami fontos a dupla aláhúzáshoz.

 

.column_side_td .module .modtitle {
background: #D8BFCE;
background-repeat: no-repeat;
font-family: 'Glegoo', serif;
text-align: left;
font-size: 16px;
color: #f2f2f2;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;
font-weight: normal;
border-bottom: 1px solid #965C80;
border-left: 4px solid #A17390;
padding: 10px 0 16px 38px;
}
.column_side_td .module .modtitle:before {
color: #000000;
font-size: 16px;
font-weight: normal !important;
font-style: normal !important;
font-family: FontAwesome; /* ikon betűtípus */
content: "\f046"; /* a kiválasztott ikon Unicode kódja */
margin: 7px 0 0 -38px !important; /* ikon elhelyezkedése */
padding:4px 4px 15px 4px;
position: absolute;  /* ez marad */
width:30%; /* a vastagabb vonal szélessége */
border-bottom:6px solid #f2f2f2; /* a vonal vastagsága */
}

lindadesign Hozzászólások
217 megtekintés

Hozzászólások