Cikkajánló
Készítettem egy pro és kontra listát a G-Portál és a HTML oldalak javára is, hogy én hogyan látom a helyzetet. Mind a kettő féle honlapszerkesztésnek vannak előnyei és hátrányai
Kellemes estét :) Hoztam mára még négyféle project szövegdobozt és kilencféle elit csere ikon effektet. Az összes egyesével megnézhető az alábbi linkeken. Válogassatok :) A project dobozoknál és az
Újabb teljes kinézetet készítettem G-Portál-ra. A design átalakítható, de minden esetben kötelező a forrás feltüntetése linkelve. Ezzel együtt Emilia Clarke-os .png képek is készültek összesen 22 darab, amiket pedig
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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
195 megtekintés

Hozzászólások