Cikkajánló
Hoztam még egy .psd fejlécet és a hozzá gyűjtött .png képeket is feltöltöttem a galériába. A fejléc a szokásos helyen tölthető le: PSD – Photoshop fejlécek Itt pedig meg
  DIV kód A kép szélessége itt most 316 pixel. A kódban a perjelek helyére mennek a link címek.   <div class="project"> <big>Projekt címe</big> <img align="middle" src="IDE JÖN A
A változatosság kedvéért hoztam egy újabb Photoshop fejlécet. Úgy szeretem ezt a színésznőt, így gondoltam készítek vele egy fejlécet. Lehet a hétvégén készítek hozzá egy G-Portálos témát is, mert
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 7.

 

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

 

<center>
<div id="border">
<div id="cim">
Trónok harca</div>
<div id="date">
Alcím, dátum vagy bármi helye</div>
<div id="text-box">
<img src="IDE JÖN A KÉP URL CÍME" style="width: 90px; height: 78px; float: left; margin: 3px 5px;" />IDE JÖN A TARTALOM</div>
<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">
#border {
background: #000000;
padding: 10px;
width: 350px;
}
#cim {
font-family: Trebuchet MS;
font-size: 33px;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 100%;
background: #DCB151;
color: #000000;
border-bottom: 10px solid #B16536;
padding: 12px 2px 12px 2px;
width: 346px;
}
#date {
font-family: Trebuchet MS;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 100%;
background: #DCB151;
color: #ffffff;
top: -44px;
margin-bottom: -6px;
padding: 1px 0px 1px 0px;
width: 346px;
position: relative;
z-index: 3;
}
#text-box {
font-family: Arial;
font-size: 12px;
text-align: justify;
line-height: 17px;
background: #ffffff;
color: #8B8B8B;
padding: 10px;
width: 330px;
}
.linkek {
margin: 0 auto;
margin-top: 8px;
width: auto;
}
.linkek a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: #B16536 !important;
color: #ffffff !important;
text-align: center;
text-transform: uppercase;
padding: 8px;
margin: 3px;
display: inline-block;
width: 25%;
text-decoration: none !important;
}
.linkek a:hover, .linkek a:active {
background: #DCB151 !important;
text-decoration: none !important;
}</style>

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

Hozzászólások