Neko

2015. 01. 11. Nagyon sok kérdést kapok azzal kapcsolatban, hogy hogyan kell úgy a hátteret beállítani egy oldalon, hogy az semmilyen felbontásban ne csússzon el. Teljesen egyszerű ezt beállítani, de azért leírom részletesen is.

• a háttér mindegy milyen széles
• de javaslom szorítkozzunk az inkább keskenyebb hátterekre és a fennmaradó üres részt pedig töltsük ki színnel. Ez azért javasolt, mert aki nagy monitoron vagy már inkább óriás TV képernyőn nézi a weboldalt, azért annak is mutasson valahogy. Most már arra is gondolni kell, hogy vannak akik TV képernyőn interneteznek.
• teljesen mindegy, hogy a háttered milyen, mert minden beállítást a CSS kódban adunk meg. Úgy értem lehet színátmenetes a háttér függőlegesen vagy vízszintesen, vagy háttérkép, aminek a két oldalát még extra dolgok díszítik, meg ilyesmi. Ezekre példát is hozok a cikkben.

A cikk itt olvasható el: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Háttér nem csúszik el

2014. 12. 24. Most, hogy végre kezd a G-Portálon is elterjedni egyre jobban a Sosugary Coppermine Galéria, ezáltal egyre több kérdés is érkezik hozzám róla. A legtöbbeteket az érdekel, hogyan lehet egyedi fejlécet adni a galériának, meg persze az, hogy lehet egyedi css-t hozzárendelni. Először kezdjük a fejléc cseréjével, aminek a leírását itt olvashatod el: Sosugary galériában fejléc csere. De ezt sokatok már tudja, de azért hoztam róla egy leírást. Na, hát a CSS kódot is ugyanígy kell feltölteni a galériába. Ami viszont nagyon fontos, hogy a CSS fájl neve mindenképpen custom.css legyen! Csak így lesz jó. Ha te is szeretnél egyedi kinézetet adni a Sosugary galériádnak, akkor itt olvashatod el a leírását: Leírások - Coppermine galéria leírások - Sosugary galériában egyedi CSS

CSS kód után
egy halványkék stílus példának

2014. 12. 03. 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/1417875481_17.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

A cikk itt található: Leírások - G-Portálos leírások - Blog modul leírások és CSS kódok - Blogcím helyett fejléckép

2014. 11. 20. Újabb nagyon egyszerű, de teljesen egyedivé szabható menüstílus érkezett :) A menü kódját itt találjátok:
Kódok - Menüstílusok - Vízszintes menük - Vízszintes menü 26.
 

• Főoldal
• CSS kódok
• Grafika
• Leírások
• Kapcsolat

2014. 11. 16. Hoztam egy teljesen egyszerű szövegdobozt, amit nagyon könnyen lehet a CSS kóddal alakítani, egyedivé tenni és használni :) Sokan kértétek, hogy hozzak már valami egyszerűt is, így most ezt hoztam. A kódja itt található: Kódok - Szövegdobozok - Egyszerű szövegdoboz