Cikkajánló
Felkerült a legújabb kinézet az oldalra. Most Madonnát választottam a design-hoz, mert nagyon szeretem őt is. Őrá már tényleg azt lehet mondani, hogy egy sztár. Le a kalappal előtte,
  Egy újabb hullámos tutorial készült el. Ezzel az eljárással már készítettünk egy hullámos leírást, de itt most az egyenletes hullám készítéséről lesz szó. A leírás a G-portálos aloldalon
A költözésem óta a Coppermine Galéria témák menüpont üresen maradt. De most volt egy kis időm és három darab régebbi sablont a G-Portálos oldalamról áthoztam ide. Kicsit alakítottam rajtuk,
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
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
1 115 megtekintés

Hozzászólások