|
Projectdoboz 2
2019.09.15. 12:35
San Andreas 2
Karaktere: Blake Gaines
Megjelenés: 2020
Rendező: Penelope Lawson
A 2015-ös San Andreas film folytatása, melyben egy pilóta próbálja meg megmenteni családját és barátait a pusztító földrengéstől.
HTML kód:
<div class="project">
<img class="center" src="https://i.imgur.com/T93K5S7.png" />
<div class="title">
San Andreas 2</div>
<div class="quote">
<i class="fa fa-user" aria-hidden="true"></i> <b>Karaktere:</b> Blake Gaines<br />
<i class="fa fa-calendar" aria-hidden="true"></i> <b>Megjelenés:</b> 2020<br />
<i class="fa fa-television" aria-hidden="true"></i> <b>Rendező:</b> Penelope Lawson<br />
A 2015-ös San Andreas film folytatása, melyben egy pilóta próbálja meg megmenteni családját és barátait a pusztító földrengéstől.</div>
<center>
<div class="project-links">
<a href="/" target="new"> Adatok</a> <a href="/" target="new"> IMDB</a></div>
</center>
</div>
CSS kód:
.projectdoboz {
margin:0 auto;
width: 300px;
background: #ffffff;
}
.projectdoboz .projectdoboz-links {
margin: 5px 0 15px;
padding:0;
width:auto;
}
.title { /* cím */
font-family: 'open sans', sans-serif;
color: #9dbd8d !important;
font-size: 14px;
text-align: center;
text-transform: uppercase;
text-decoration: underline;
background: #ffffff;
border: #9dbd8d 1px solid;
margin:0;
padding:5px;
}
.projectdoboz.quote .fa {
margin-right: 4px;
font-size: 12px !important;
color: #9dbd8d !important;
font-style: normal !important;
}
.quote { /* szöveg */
font-family: 'open sans', sans-serif;
font-size: 12px;
text-align: justify;
color: #9dbd8d !important;
background: #ffffff;
line-height: 16px !important;
margin: 0;
padding: 10px 20px;
border-bottom: #9dbd8d solid 2px;
}
.projectdoboz .projectdoboz-links a, .projectdoboz .projectdoboz-links a:visited {
font-family: 'open sans', sans-serif;
font-size: 10px;
font-weight: normal;
color: #ffffff !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
width: 80px;
background: #9dbd8d;
border: 1px solid #9dbd8d;
display: inline-block;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5 linear;
}
.projectdoboz .projectdoboz-links a:hover {
background: #ffffff !important;
color: #000000 !important;
border: 1px solid #9dbd8d;
}
FONTOS
A projectdoboz szerkesztése "kódnézetben" történjen, különben elvesznek a Font Aweome iconok.
Az iconokat a kiemelt részhez kell beilleszteni, és kódnézetben menteni.
Erre a linkre kattintva találod, hogyan tudod alkalmazni az FA iconokat.
| 
AJÁNLOM AZ OLDALT
