Cikkajánló
Eddig 95%-ban úgy oldottuk meg a a cím kérdését G-Portálon a Blog modulban, hogy egy képszerkesztővel rászerkesztettük a kiemelt képre a címet és már úgy lett feltöltve a képtárba
Kérésre hoztam egy újabb szövegdobozt, ahol ha a képre viszed az egeret, akkor jelenik meg az üdvözlő szöveg. De szöveg helyett más is lehet a doboz tartalma. Pl.:  
Az első lépés, ha szeretnétek a Disqus bővítményt, hogy regisztrálni kell az oldalukra és az ott regisztrált felhasználónevet és jelszót kell majd megadni a WordPress bővítményben. Itt tudtok regisztrálni:
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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
227 megtekintés

Hozzászólások