Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Fresh and news

Háttérkép nem csúszik el

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

2015.01.11. 12:00, LindaDesign

Sosugary galériában egyedi CSS

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.24. 17:38, LindaDesign

Blogcím helyett fejléckép

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.12.02. 18:35, LindaDesign

Vízszintes menü 26.

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.
 

 

2014.11.20. 09:58, LindaDesign

Egyszerű szövegdoboz

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

Egyszerű szövegdoboz
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
dátum helye

 

2014.11.16. 09:34, LindaDesign
Elejére | Újabbak | Régebbiek | Végére |
 

A végtelen szeretet az egyetlen igazság, minden más illúzió.    *****    Ha sok mindent tudni szeretnél és válaszokra vársz látogass el oldalamra!    *****    SZEREPJÁTÉK - Csatlakozz közénk és légy részese egy kalandnak - FRPG - Még nem késõ csatlakozni - SZEREPJÁTÉK    *****    VANESSA HUDGENS - A LEGNAPRAKÉSZEBB MAGYAR RAJONGÓI OLDALAD A TEHETSÉGES ÉNEKES-SZÍNÉSZNÕRÕL - VANESSA HUDGENS    *****    Ipari elektronkia szerviz, villamos kéziszerszám javitás, érintésvédelmi felülvizsgálat. elektronika-szerviz.gportal.hu    *****    Minden lány egy kicsikét királylány, minden Fiú kicsit hõs lovag. - FRPG    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Szerepjáték &#8211; Csatlakozz közénk, és részese Te is a kalandoknak - FRPG    *****    Egy igazi hõs sem tudja magáról, hogy hõs. - Egy igazi hõs sem tudja magáról, hogy hõs.    *****    Nincs Új Poszt Cousin & Best Friend & A Lot More    *****    az új élet reményében, hajózz    *****    ANELIATH - varázslat és sárkányvér    *****    csillagütközés marcangolta nász    *****    Katt!Katt!Katt! Lépj be a galopp versenyparkunkba! Katt Katt!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaros Történetben? - SZEREPJÁTÉK    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel f&#251;szerezett olvasztótégelyben?    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel fûszerezett olvasztótégelyben?    *****    Vörös sziluett az emlékvárban    *****    'cause I am only human