Cikkajánló
Megszületett a honlapverseny eredményhirdetése. Az első 3 helyezett sok-sok nyereménnyel lett gazdagabb. Részletes végeredmény nincsen. Akik nem kerültek be az első 3-ba, azok holtversenyben mind a 4. helyen végeztek
Ma is egy G-Portálos teljes témát hoztam, ami felettébb egyszerű, legalábbis színvilágilag, de mégis annál egyedibbre sikerült :) Valahogy sosem sikerül tök egyszerű kinézetet hoznom. Mindig belecsempészek valami olyat,
Ahogy tegnap írtam ma meghoztam a régóta feltöltésre váró .png képeket.  :) Ezek az albumok frissültek vagy születtek meg ma:   Kelly Rowland // 25 darab Lana Parrilla //
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
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>

lindadesign Hozzászólások
997 megtekintés

Hozzászólások