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 27.
308 megtekintés

Készítettem a napokban kettő darab projektdobozt, aztán gondoltam el is hozom egyszerre hamar a kettőt, nehogy baj legyen belőle később, mert az sem mindegy, hogy mikor mit frissítek… Egyébként nekem nagyon tetszik mind a kettő doboz. Nem nagy szám egyik sem valóban, de én kódoltam és arra törekedtem, hogy azért egyszerű legyen, hogy bárki tudja használni. Értelemszerűen a doboz méretétől függ, hogy mi hol jelenik meg benne, szóval, ha kisebb vagy nagyobb méretet használtok, mint 380 pixel, akkor ahhoz mérten kell módosítani a margin és padding értékeket is, és a doboz szélességét, ami most 380 pixel.

 

The Good Fight – Diane védelmében

A Diane védelmében egy amerikai jogi és politikai televíziós drámasorozat, amelyet a CBS streaming szolgáltatásához készítenek, a CBS All Accesshez. A streaming szolgáltatás első saját gyártású sorozata.

 

A második projektdoboz itt található meg: Képes project szövegdoboz 28.

 

DIV kód
A perjelek helyére kell másolni az URL címeket.

 

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

 

CSS kód

 

<style>
#projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek {
position: relative;
top: 20px;
left: 24px;
}
.linkek a {
padding:6px 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
background: rgba(0,0,0, 0.6);
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border-left:5px solid #A33F41;
color: #ffffff !important;
text-decoration:none;
margin-right: 10px;
width: 100px;
display: inline-block;
text-decoration: none;
}
.linkek a:hover {
background: rgba(0,0,0, 0.8);
border-left:5px solid #EFC2AD;
}
.cim {
position: absolute;
margin-top: -78px;
margin-left: 15px;
}
.cim p {
background: rgba(0,0,0, 0.3);
color: #ffffff;
padding: 15px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border: 1px solid #ffffff;
}
.tartalom {
background: #EAEAEA;
text-align: justify;
line-height: 18px;
padding: 6px;
}</style>




Előző, következő cikk



Sziasztok :) Még egy prémium Coppermine galériát készítettem, hogy legalább kettő legyen és ne egy, mert az olyan uncsi. Élőben meg tudjátok nézni, hogy milyen is a design, és ha szeretnétek, akkor vegyétek fel velem a kapcsolatot vagy vásároljátok

Készítettem a napokban kettő darab projektdobozt, aztán gondoltam el is hozom egyszerre hamar a kettőt, nehogy baj legyen belőle később, mert az sem mindegy, hogy mikor mit frissítek… Egyébként nekem nagyon tetszik mind a kettő doboz. Nem nagy szám

 



Hozzászólások