Liked
Alycia mint: Rox
rendező: Marja-Lewis Ryan
Jimmy és Chad legjobb barátok. Jimmy okos és vicces, ám mindig a barátzónában van, ha lányokról van szó. Chad vagány, ám a lányok mindig lelépnek egy együtt töltött éjszaka után. Egy nap Chad találkozik Roxy-val, aki kicsit más, mint a többiek.
Adatok IMDB

HTML kód:

<div id="projectdoboz">

<img align="left" class="block-img" src="KÉP URL CÍME" width="120" /> <b>PROJECT NEVE</b><br />

<d>Alycia mint: Rox</d><br />

<d>Megjelenés: 2019</d><br />

<d>rendező: Marja-Lewis Ryan</d><br />

<projecttartalom>Tartalmi leírás, cselekmény leírása, albumbemutatás néhány mondatban.<br />

<center>

<a class="projectdoboz-link" href="LINK HELYE" target="_blank">Adatok</a> <a class="projectdoboz-link" href="LINK HELYE" target="_blank">IMDB</a></center>

</projecttartalom></div>

CSS kód:

#projectdoboz {

    width: 330px; (doboz szélessége)

    padding-left: 12px;

    padding-right: 12px;

    margin-bottom: 15px !important;

}

.block-img { /* a kiskép kinézete */

    padding: 3px; (keret vastagsága)

    margin: 2px 2px 2px 2px;

    background: #ebdacf; (keret színe)

}

div[id*="projectdoboz"] projecttartalom { /* a tartalom kinézete */

    display: inline-block;

    margin: 0px 0px 0px 0px;

    font-family: 'Noto Sans', sans-serif;

    font-size: 12px;

    color: #b1928f;

    padding: 2px;

    background: #ebdacf;

}

 

div[id*="projectdoboz"] b { /* cím kinézete */

    margin: 0px 0px 0px -5px !important;

    width: 100%;

    font-family: 'Noto Sans', sans-serif;

    font-size: 14px;

    color: #b1928f;

    padding: 5px;

    text-transform: uppercase;

}

div[id*="projectdoboz"] d { /* dátum kinézete */

    font-family: 'Noto Sans', sans-serif;

    font-size: 10px;

    color: #b1928f !important;

    font-weight: bold;

    text-decoration: none !important;

}

a.projectdoboz-link:link, a.projectdoboz-link:visited { /* linkek a doboz alatt */

    display: inline-block;

    background: #b1928f !important;

    color: #ffffff !important;

    padding: 8px;

    margin: 2px;

    font-family: 'Noto Sans', sans-serif;

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: 2px;

    line-height: 10px;

}

a.projectdoboz-link:hover {

    background: #dbccc3 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    font-family: 'Noto Sans', sans-serif;

    font-size: 10px;

}