2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Képes project szövegdoboz 15.

 

Ikon kódja

 

<script src="https://use.fontawesome.com/9f3339f954.js"></script>

 

Szövegdoboz kódja

 

<div class="projekt">
<div class="kep"><img src="IDE JÖN A KÉP URL CÍME"></div>
<div class="info">
<strong>Film címe</strong><br>
<em>Eredeti címe:</em> Lorem ipsum<br>
<em>Karaktere:</em> Lorem ipsum<br>
<em>Státusz:</em> Lorem ipsum<br>
<em>Kiadás éve:</em> Lorem ipsum<br>
<a href="/"><i class="fa fa-info-circle" aria-hidden="true"></i> IMDB</a>    <a href="/"><i class="fa fa-external-link" aria-hidden="true"></i> Hírek</a>    <a href="/"><i class="fa fa-camera" aria-hidden="true"></i> Képek</a>
</div>
<div class="tartalom">IDE JÖN A TARTALOM
</div>
</div>

 

CSS kód

 

<style>
.projekt {
width : 350px;
margin : 0 auto;
display : block;
}
.kep {
float : left;
clear : none;
width : 100px;
height: 140px;
margin-bottom: 5px;
}
.info {
font-family: Arial;
font-size: 12px;
line-height: 21px;
width : 225px;
height: 130px;
padding: 5px 0 5px 10px;
background: #EBEBEB;
float : right;
clear : none;
}
.projekt strong {
font-family: Arial;
font-size: 13px;
text-transform: uppercase;
color:#8B6970;
}
.projekt em {
font-family: Arial;
font-size: 12px;
color:#AD9499 !important;
}
.projekt a {
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
padding:5px;
background:#8B6970;
color:#FAFAFA !important;
font-weight:bold;
}
.projekt a:hover {
background:#222222 !important;
}
.projekt .info .fa { /* ikonok */
margin-right:4px;
font-size:11px !important;
color:#EBEBEB !important;
font-style: normal !important;
}
.tartalom {
font-family: Arial;
font-size: 13px;
color: #666666;
line-height: 18px !important;
background: #222222;
text-shadow: 1px 1px 2px #000000;
padding: 10px;
float : left;
clear : none;
width : 330px;
}
</style>


1 160 megtekintés

Hozzászólások