2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

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


272 megtekintés

Hozzászólások