2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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 */
}


235 megtekintés

Hozzászólások