2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Képes project szövegdoboz 30.
131 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