Cikkajánló
Mostanra már nagyon elterjedtek a mobilok és a tabletek, így nagyon sokan ilyen készülékeken böngésznek weboldalakat. Ezért gondoltam bemutatok egy teljesen egyszerű bővítményt, amivel körülbelül 3 kattintással mobilbarát verziót
Kérésre elkészült végre egy újabb Coppermine Galéria téma. A galéria letölthető és felhasználható forrás megjelölésével. A galériában a Photoshop fejléc is megtalálható, hogy használat előtt, ha kell, akkor átlehessen
Igazából tanácsot szeretnék adni a G-Portálosoknak, (akik bármilyen rajongói vagy másféle oldalt vezetnek) arról, hogy milyen modulba írják a napi/heti/stb frissítéseket. Sok helyen látom, hogy vannak olyan szerkesztők, akik
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. 03.
Képes project szövegdoboz 29.

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

 

Jason Statham

Legismertebb filmes alakításait ezidáig akciófilmekben nyújtotta; Guy Ritchie több filmjében szerepet kapott. Szerepel A szállító című filmben és annak két folytatásában, a Crank – Felpörögve című filmben, valamint a film második részében és A feláldozhatók három részében. A Halálos iramban 7., illetve 8. részében is.

 

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

 

CSS kód

 

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora:400,700,700i&subset=latin-ext');
.projektdoboz {
width: 380px;
margin: 0 auto;
font-family: 'Lora', serif;
font-size: 13px;
background: #BABABA;
display: table;
}
.linkek a {
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #000000 !important;
text-decoration:none;
letter-spacing: 1px;
padding: 8px 0 0 0;
display: inline-block;
text-decoration: none;
width:35%;
}
.linkek a:hover {
color: #C06E46 !important;
}
.cim {
position: absolute;
margin-top: 160px;
margin-left: 25px;
}
.cim p {
font-size: 30px;
color: #ffffff;
font-weight: 700;
font-style: italic;
border-bottom: 2px solid #ffffff;
}
.tartalom {
font-family: Arial;
font-size: 12px;
color: #000000;
text-align: justify;
line-height: 18px;
border: 1px solid #000000;
padding: 6px;
width: 366px;
position: relative;
margin: 0 auto;
}
</style>

Kapcsolódó bejegyzések

lindadesign
60 megtekintés

Előző, következő cikk

Featured Video Play Icon
WordPress | Kiemelt kép helyett videó

Éppen rendelésre készítek egy WordPress kinézetet, ahol kaptam egy linket arról, hogy nagyjából hogyan nézzen ki a téma. Azon az oldalon láttam, hogy egyes kiemelt képek helyén videó jelenik meg. Nagyon megtetszett a dolog és gondoltam megosztom veletek, hogy

Képes project szövegdoboz 30.

Ú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