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 |
 

Ne maradj le semmirõl, értesülj elsõ kézbõl a Selena Gomezzel kapcsolatos hírekrõl! Hat éve várja a látogatókat az oldal    *****    Református exmisszus-gyakornok, jégkorong, izomautók, rap zene. Igen, ez mind én vagyok! Hogyan? Nézz be és megtudod! :)    *****    Szeretsz írni? Lenne egy jó témád, amit megosztanál másokkal? Akkor kattints, és nyerj egy vendégposztot nálam! :)    *****    Kedveled Ian Somerhaldert? Odáig vagy a szépséges színésznõért, Nina Dobrevért? Kattints! Nem csak TVD rajongóknak!    *****    Szeretsz filmet nézni? Akkor itt a helyed! Nézz filmet facebook messengeren. Klikk ide!!!!    *****    MAYFLOWER / egy májusban született lány blogja / MAYFLOWER / egy májusban született lány blogja / MAYFLOWER    *****    DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE! DESIGN KÉSZÍTÕT KERESEK! 100 KREDIT ÉS MEGJELENÉS JÁR ÉRTE!    *****    ***Egy blog. Egy lány. Egy élet.*** Ðzsí blogol. *G-PORTÁL KÖZÖSSÉGMENTÉS ugyanitt. Ha hiányzik a régi közösség.*BLOG***    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    Nézz filmet facebook messengeren!!!! Klikk! Klikk!    *****    ONMYMIND \\ EGY ÁTLAGOS SRÁC BLOGOL MINDENRÕL AMI ESZÉBEJUT \\ ZENE, CIKKEK, KRITIKA? KATTINTS ÉS OLVASS MOST KEDVEDRE    *****    **********Rengeteg AKCIÓ! Vegyszermentes kozmetikmok és bio mosó és tisztítószerek, munkalehetõséggel! ***********    *****    OKTATÁS INGYENESEN az ASZTRO-suliban, Asztrológiai tanácsadás BECSÜLET KASSZÁS alapon! Fordulj hozzám bizalommal!    *****    Bûbájos boszorkák - Charmed - Hírek a folytatásról - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed -    *****    LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT * LORDE * ISMERD MEG TE IS * LORDE * ISMERD MEG TE IS A ROYALS ÉNEKESNÕJÉT    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG    *****    Nem értesz a CSS kódokhoz/nem tudod egyedül fenntartani oldalad/szeretnél egy társszerkesztõt? Írj nekem! - sakura-ec.gp    *****    ISMERD MEG A GYÖNYÖRÛ OSCAR-DÍJAS SZÍNÉSZNÕT, ALICIA VIKANDERT, AKI A 2018-AS TOMB RAIDER LARA COFTJÁT FOGJA ALAKÍTANI!    *****    "Céljuk fellelni az Egyesülés Pengéjének darabjait, és újra felemelni a Lidérckirályt."    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.