2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
284 napja
701 néző

WordPress themes

WordPress themes
285 napja
198 néző

G-Portál themes

G-Portál themes
285 napja
112 néző

Tumblr themes

Tumblr themes
285 napja
162 néző

Képes project szövegdoboz 10.

 

Doboz kódja
A perjelek helyére megy a linkelés (Hivatalos, IMDB, Képek)

 

<center>
<div id="border">
<div id="date">
Alcím, dátum vagy bármi helye</div>
<img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 350px; height: 205px;" />
<div id="cim">
Selena Gomez</div>
<div id="text-box">
IDE JÖN A TARTALOM</div>
<hr />
<div class="linkek">
<a href="/">Hivatalos</a> <a href="/">IMDB</a> <a href="/">Képek</a></div>
</div>
</center>

 

CSS kód

 

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Euphoria+Script);
#border {
width: 350px;
}
#cim {
font-family: 'Euphoria Script', cursive;
font-size: 40px;
letter-spacing: 0px;
line-height: 100%;
background: transparent;
color: #000000;
border-bottom: 10px solid #ffffff;
padding: 12px 2px 0px 2px;
width: 346px;
}
#date {
font-family: Trebuchet MS;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 100%;
background: transparent;
color: #000000;
padding: 5px 0px 5px 0px;
margin-top: -10px;
width: 350px;
z-index: 3;
}
#text-box {
font-family: Arial;
font-size: 12px;
text-align: justify;
line-height: 17px;
background: #ffffff;
color: #8B8B8B;
width: 350px;
}
.linkek {
margin: 0 auto;
margin-top: 8px;
width: auto;
}
.linkek a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: #AFDEE6 !important;
color: #ffffff !important;
text-align: center;
text-transform: uppercase;
padding: 8px;
margin: 3px;
display: inline-block;
width: 26%;
text-decoration: none !important;
}
.linkek a:hover, .linkek a:active {
background: #E6E2BC !important;
text-decoration: none !important;
}
hr {
border: 0px;
background: #C3C3C3;
height: 1px;
}</style>


1 140 megtekintés

Hozzászólások