Cikkajánló
A Képes üdvözlő szövegdoboz után elhoztam a másik nagy népszerűségnek örvendő szövegdobozt is. Ez a Képes project szövegdoboz. Ebbe írható például leírás a kedvenceitek aktuális munkálatairól vagy ismertető egy
Nagyon-nagyon sokan kérdeztetek arról, hogy hogyan lehet azt megcsinálni, hogy a Blog modul is egyedi modulstílusú lehessen. Az ez előtti cikk, ami itt volt ennek a helyén, az is
Egy újabb G-Portálos teljes kinézetet hoztam. Ígérem most már lassan abbahagyon a GP-s design-ok gyártását, csak hát már olyan régen nem hoztam a G-Portálra bármilyen kinézetet vagy CSS kódot,
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ó
Blogcím helyett fejléckép

Mostanában eléggé elterjedt a weboldalakon, hogy minden friss modulnak kép a fejléce és nem csak simán a cím. Általában G-Portálon mindig ugyanaz a kép a fejléc, kivéve, ha egyedi modulstílust használtok, mert akkor mindegyiknek lehet a fejléc képe különböző. De egy trükk segítségével akár a blog modulotokban is lehet minden egyes cikknek különböző a fejlécképe, sőt szó szerint ezt használhatjátok címnek, szóval a képre a friss címét is rá lehet már előre írni egy képszerkesztő programban :) Az eljárás teljesen egyszerű folyamat. Készítsd el a blog modulodhoz a fejlécképet. Ezt a képet töltsd fel a képtáradba (vagy ezeket a képeket), majd a képed url címét ebbe a kódba illeszd be:

 

<img src="/portal/laurengraham-online/image/gallery/1417538966_93.png">


Nem kell a teljes oldalad neve, csak a / (per jel) és az utána következő URL cím kell. Sokkal hosszabban úgy sem fogod tudni beilleszteni, mert a cím helyén a karakterek végesek. Szóval, ha meg vagy ezzel a kóddal  és a képed URL címével, akkor ezt a kódsort a blog modulodban a Cím helyett illeszd be így:



 

Okézd le a modult és tádám :) Kép lett a cím helyett a blog modulban.


Tipp: a CSS kódban a h2 hat a blogcímre. Ebben a kódrészben vegyétek ki a padding-ot vagy állítsátok az értéket 0-ra. A background-color legyen transparent. Persze adhatsz háttérszínt, de akkor a kép körül olyan színű keret lesz, mint amilyen színt megadtál a háttérnek.


Élőben ezen az oldalamon tudjátok megnézni a demót:
laurengraham-online.gportal.hu


lindadesign Hozzászólások
3 342 megtekintés

Hozzászólások