Cikkajánló
Megérkezett az első Prémium téma, ami már nem ingyenes. A sok ingyenes mellett, ha egy téma számomra túl jól sikerül, az ezentúl nem lesz ingyen elérhető. A témákat itt
Joseph Morgan Matthew Goode Norman Reedus Ian Fansite Selena Gomez Miley Cyrus Fansite Ashley Tisdale Demi Lovato Fansite   Hoztam egy képeffektet, amit például nagyon jól lehet használni elit
Hogy mi is ez? Ez egy olyan kicsi button, amit csak a WordPress-be való bejelentkezés után lát a szerkesztő. Minden bejegyzésbe és oldalakba be lehet tenni, ami arra jó,
Prémium téma | Zendaya Coleman G-Portálos téma 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
Oldal info szövegdoboz 1.

 

Oldal info doboz kódja

 

<div class="infobox-doboz">
<div class="infobox">
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
<div class="sorok">
<div class="lista"><i class="fa fa-info-circle" aria-hidden="true"></i> Lorem ipsum dolor</div>
</div>
</div>
</div>
<div class="info">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

 

CSS kód

 

/* oldal info doboz */
.infobox-doboz {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 3px;
}
.sorok {
display: table-row;
}
.lista .fa { /* ikon kinézete */
font-size:14px !important;
color:#DABA9B !important;
font-style: normal !important;
}
.lista { /* felsorolás kinézete */
border-bottom: 1px solid #dbdbdb;
display: table-cell;
padding: 6px 10px;
}
.lista:hover { /* felsorolás kinézete */
border-bottom: 1px solid #EEE0D2;
background: #EEE0D2;
display: table-cell;
padding: 6px 10px;
}
.info { /* tartalom kinézete */
padding: 6px;
}
.infobox {
display: table-row-group;
}

lindadesign Hozzászólások
1 331 megtekintés

Hozzászólások