2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Eliza Taylor

Eliza Taylor
39 napja
7 néző

Little Mix

Little Mix
39 napja
16 néző

Gal Gadot

Gal Gadot
39 napja
7 néző

Girls' Generation

Girls' Generation
39 napja
11 néző

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;
}


1 432 megtekintés

Hozzászólások