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 |
 

Nézz élõ live filmet gportalon! 0-24-ben! Klikk ide! Filmek élõ live!!!!!    *****    SELENA GOMEZ MAGYARORSZÁG - TUDJ MEG TÖBBET SELENA GOMEZ MAGÁNÉLETÉRÕL, SZERELMÉRÕL, CSALÁDJÁRÓL, KARRIERÉRÕL!    *****    HA TE IS IMÁDOD A ZÖLD ÍJÁSZ VILÁGSIKERÛ SOROZAT ELBÛVÖLÕ SZERELMESPÁRJÁT AKKOR ITT A HELYED! MAGYAR OLICITY SITE    *****    The Vampire Diaries & The Originals szerepjáték - ha kedveled a sorozatokat és írni is szeretsz, ne habozz!    *****    Rendhagyó kedvezményt ajánlok Nektek, Te monhatod meg, hogy mi legyen az ára. Pl.: Születési, párkapcsoklati, horoszkóp.    *****    KÖNYVismertetõk, kötelezõ olvasmányok    *****    BOOKFANCLUB -> A könyvek birodalma elvezet a képzelet csendes világába!<<-BOOKFANCLUB    *****    Ingyenes, korlátlan képfeltöltés!!! www.kepfeltolto.eu    *****    Autista - Állatbarát - Homoszexuális - Intelligens - Kívülálló - Mûvészlélek - Segítõkész - Toleráns    *****    Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!    *****    HAT ÉVE ONLINE! - LÁTOGASS EL MAGYARORSZÁG EGYETLEN MÛKÖDÕ SELENA GOMEZZEL FOGLALKOZÓ OLDALÁRA! - HAT ÉVE ONLINE!    *****    A SZULTÁNA: HÍREK - KÉPEK - SOROZATISMERTETÕK - TÖRTÉNELMI INFÓK - ÉRDEKESSÉGEK MINDEN MENNYISÉGBEN A SOROZATRÓL    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Itt a nyár! Kivirágzott a mályva és a pipitér! Hogy mit szólt ehhez a két virágmanó? Gyere, és olvasd el a Mesetárban!    *****    STITCHERS - Magyarország egyetlen oldala a természetfeletti krimi-drámasorozatról! A Stitchers sorozatot megéri nézni!    *****    Nézz Élõ live filmet gportalon. Klikk klikk klikk.    *****    Gréti. 23. Egyetemista. Chevelle. Rap. Jégkorong. Ottawa Senators. Jean-GabrielPageau. Írás. Olvasás. Blog. (:    *****    Élõ live mozifilmek. Ha szereted a filmeket, sorozatokat, meséket akkor itt a helyed!    *****    Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok | Furry Fandom | Antropomorf Állatok    *****    ARIANA GRANDE TODAY - MAGYARORSZÁG EGYETLEN ARIANA GRANDÉVAL FOGLALKOZÓ HONLAPJA - TUDJ MEG RÓLA MINDENT