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
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

Képes project szövegdoboz 30.
308 megtekintés

Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő menüben is megtalálhatóak a többi projektdoboz között itt: Kódok – Projektdobozok. Na de lássuk az első dobozkát.

 
Képes project szövegdoboz 29.
Képes project szövegdoboz 31.

 

Izabella Hadid

Bella Hadid amerikai modell. 16 éves kora aktív a divatszakmában, ám 2014-ben érte el az áttörést, amikor leszerződött az IMG Models ügynökséggel. A kifutón már többek között Moschino, Diane Von Fürstenberg és Tommy Hilfiger ruháiban is fellépett, illetve a Vogue, a GQ és a Harper’s Bazaar számainak élén is szerepelt.

 

DIV kód
A kép méretére mindig figyeljetek, mert nagyon fontos. Ahhoz igazodik minden. A perjelek helyére mennek a linkek URL címei.

 

<div class="projektdoboz">
<div class="cim"><p>PROJEKT CÍME</p></div>
<img src="KÉP URL CÍME" style="width:380px;" />
<div class="tartalom">IDE JÖN A SZÖVEG</div>
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div>
</div>

 

CSS kód

 

<style type="text/css">
.projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek {
position: relative;
top: -45px;
left: 7px;
}
.linkek a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
color: #ffffff !important;
border-bottom: 1px solid #ffffff;
text-decoration:none;
margin: 5px 6px 0 0;
display: inline-block;
text-decoration: none;
background: #C06E46;
width:31%;
}
.linkek a:hover {
background: #3A474F;
}
.cim {
position: absolute;
margin-top: 5px;
width: 380px;
}
.cim p {
background: rgba(255,255,255, 0.8);
color: #000000;
border: 1px solid #ffffff;
text-transform: uppercase;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
padding: 8px 0;
}
.tartalom {
color: #ffffff;
text-align: justify;
line-height: 18px;
border: 1px solid #ffffff;
padding: 6px;
width: 340px;
margin: 0 auto;
position: absolute;
left: 25.9%;
margin-top: -166px;
}
</style>




Előző, következő cikk



Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő

Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő

 



Hozzászólások