Cikkajánló
Sziasztok. Nem nagyon szoktam ilyesmit csinálni, de muszáj megosztanom veletek Virág egyik nagyon jó kis szövegdobozát. Tisztára beleszerettem. Nagyon tetszik és tök egyedi :) És még van az oldalán
Készítettem pihenésképpen egy teljesen egyszerű G-Portálos CSS kódot. Semmi csicsa nincsen benne, sem színkavalkád :) Tök egyszerű, letisztult téma. Fejléc adható hozzá, ha úgy jobban tetszik majd. :) Innen
Biztos gondoltatok már rá, milyen jó lenne, ha nem csak úgy lehetne kiemelt képet beállítani az oldalra, ha azt előtte feltöltjük, hanem simán mondjuk URL cím megadásával is lehessen,
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
2017. október. 02.
Képes project szövegdoboz 27.

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>

Kapcsolódó bejegyzések

lindadesign
75 megtekintés

Előző, következő cikk

Prémium téma | Selena Gomez Coppermine Gallery theme

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épes project szövegdoboz 28.

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