LindaDesign NonStop! A portálépítés birodalma

Aki még nem tudná :)

Linda — 2017-10-20 09:46:58

Hú, de nagyon régen nem írtam ide bejegyzést. Most is csak azért írok, hogy aki még nem tudná az oldal a továbbiakban ezen a címen üzemel: lindadesign-nonstop.hu Itt csak a régi frissek, leírások vannak meg. Nem volt szívem őket törölni, mert mégiscsak elég sok munkám volt benne annak idején. De azt tudomásul kell venni, hogy lehet pár cikk, ami már elavult, de a friss oldalamon elvileg minden cikk naprakész, szóval érdemes inkább ott megnézni egy-egy kódot vagy leírást. Azt azért örömmel látom, hogy friss ellenében is elég szépen jöttök és ezt köszönöm. Ha bármiben tudok segíteni, a fent belinkelt oldalamon megtaláltok :)

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

LindaDesign — 2015-01-11 12:00:24

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 CSS kódok használata G-Portálon

Háttér nem csúszik el

2015-01-11 11:02:44

Tipp a középre igazításhoz

LindaDesign — 2015-01-02 09:57:19

2015. 01. 02. Sok kérdést kaptam arról, hogyan lehet egy táblázatot vagy facebook, twitter, instagram retweet-eket középre igazítani egy bejegyzésben. Semmi különös, egyszerűen forráskód nézetbe kell kicsit ehhez dolgozni. Ha beillesztetted a modulodba az aktuális posztot és azt, amit középre szeretnél igazítani, akkor menj forráskód nézetbe az egyszerű modulodban és azon kódrész elé és mögé még teszünk egy kódrészletet, amit középre fogunk igazítani, mert nem minden esetben működik a szerkesztés során szerkesztő nézetben a középre igazítás. ez nem mindig szokott működni E helyett alkalmazunk egy kódrészt, hogy mindent, amit simán nem sikerül középre igazítani, az is középre igazított legyen :) Úgy, mint ez a Facebook hír beágyazva (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/hu_HU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); Bejegyzéslindadesign által A kód és a leírás itt található: Leírások - G-Portálos leírások - Haladó leírások - Tipp a középre igazításhoz Haladó leírások

Tipp a középre igazításhoz

2015-01-02 09:30:11

Boldog új évet!

LindaDesign — 2015-01-01 10:44:23

Nagyon boldog új évet kívánok mindenkinek. Köszönöm, hogy még mindig látogatjátok és szeretitek az oldalamat. Idén sem lesz másképp: megpróbálok 2015-ben is mindenkinek segíteni, amiben tudok :)

Coppermine Galéria beállítások

LindaDesign — 2014-12-28 12:06:38

2014. 12. 28. Hoztam pár új érdekes beállítást a Coppermine galériához. Hasznos dolgok is vannak közte, szóval próbálgassátok ki a beállításokat és ha valamelyik megtetszik használjátok azokat. A beállításokat itt találjátok meg: Leírások - Coppermine galéria leírások - 7. Ajánlott beállítások - Általános beállítások 2. Például élesíteni is lehet a kisképeken :) Coppermine Galéria

7. Ajánlott beállítások - Általános beállítások 2.

2014-12-28 11:52:02

Html avagy G-Portál

LindaDesign — 2014-12-25 19:31:07

2014. 12. 25. Igazán régóta érik már ennek a cikknek a megírása. Most, hogy már azért mind a két oldalról van tapasztalatom úgy gondoltam megpróbálkozom ennek a cikknek a megírásával is. Nem nagyon tudom, hogy hol is kezdjem az egészet vagy, hogyan építsem fel a cikket, de majd írás közben csak elkap az ihlet. Mindig így szokott lenni. Itt most nem az a cél, hogy pl. a G-Portált a HTML ellen írjam le vagy éppen fordítva, egyszerűen csak leírom, amit gondolok mind a két oldalról. Igen, persze tudom, hogy nincs olyan igazából, hogy HTML, mert az sokkal összetettebb, de valahogy el kellett neveznem a „másik oldalt” is, és így legalább mindenki érti, hogy mire gondolok. HTML Kinézet: És ha már a HTML-nél tartunk: Teljesen le tudok amortizálódni, amikor valaki elköltözik GP-ről, mert akkor milyen menő lesz, mert HTML-es oldala lesz..., és meglátom a kinézetet. Annyi erővel akár GP-n is maradhatott volna. Ugyanaz a sablon, csak nem GP-n, hanem egy ingyenes tárhelyen. Ráadásul, ugye ha nem olyan népszerű a weboldal, akkor az sem 100%, hogy domaint kap az illető, hanem csak aldomaint. Szóval elköltöztünk egy ingyenes tárhelyre, ugyanúgy aldomainnal szerencsétlenebb esetben, plusz a kinézet is sablonos. Hurrá! Azt hiszem ide is helyénvaló ez a mondat: Könyörgöm, fejlődjünk! Főleg, ha már elköltöztünk HTML oldalra, ami teljes 100%-os szabadságot ad. Tovább olvasom: Leírások - Weboldalad beindítása cikksorozat - HTML vagy G-Portál Weboldalad beindítása

Sosugary galériában egyedi CSS

LindaDesign — 2014-12-24 17:38:17

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 Coppermine Galéria

Sosugary galériában egyedi CSS

2014-12-24 17:17:14

Sosugary galériában fejléc csere

2014-12-24 16:45:02

Kellemes ünnepeket

LindaDesign — 2014-12-24 13:36:29

Kellemes karácsonyi ünnepeket kívánok minden kedves látogatómnak. Nagyon szépen köszönöm a karácsonyi jókívánságokat és természetesen az okleveleket is :)

Coppermine Gallery themes

LindaDesign — 2014-12-21 10:36:54

2014. 12. 21. Már idejét sem tudom, mikor hoztam utoljára Coppermine Galéria témát és mivel a Lauren Graham-es oldalam galériájában éppen a minap volt design csere, így egyből készítettem kettő kinézetet is. Mind a kettőt ti is letölthetitek és felhasználhatjátok :) Itt tudjátok letölteni a kinézeteket: Leírások - Coppermine galéria leírások - Témák/Design a galériának 1. kattints a képre a nagy mérethez Coppermine Galéria

Horgony használata egyszerű modulban

LindaDesign — 2014-12-20 15:41:52

2014. 12. 20. Kaptam kérdést, hogyan lehet az egyszerű modulban a Horgonyt használni. Mármint a kérdés nem így hangzott el, de a lényeg ez volt :) Az eredeti kérdés ez: Olyat szeretnék csinálni, hogy egy cikken belül felülre felírom az abc betűit. Ha valaki rákattint például a d-re, akkor szeretném, ha a cikken belül (ahol például leírás van egymás alatt több dologról betűrendben), egyből a D betűvel kezdődő részre ugrana. Erre készült el a Horgonyos leírás, amit itt olvashattok. Szerintem nagyon hasznos funkció, főleg, ha egy cikken belül szeretnél hivatkozni. A horgony arra szolgál, ha mondjuk egy cikken belül több alcím is van, akkor az olvasó egyből az őt érdeklő alcím tartalmához tudjon ugorni. Már, ha van készítve horgony az oldalon, csak akkor tud oda ugrani majd. A teljes leírás itt olvasható el: Leírások - G-Portálos leírások - Haladó leírások - Horgony használata egyszerű modulban Haladó leírások

Horgony használata egyszerű modulban

2014-12-20 14:53:22

Megrendelt oldalak előnézetei

LindaDesign — 2014-12-20 10:28:24

2014. 12. 20. Készítettem mostanában megint egy pár rendelést. Ami teljes oldalas rendelés volt, azoknak az előnézeti képeit ti ismegnézhetitek itt, ha esetleg kedvet kapnátok a rendeléshez :) Összesen 5 féle új előnézetet került fel az oldalra,amit itt tudtok megnézni: megnézem Rendelj!

IconBase themes

LindaDesign — 2014-12-19 18:43:23

2014. 12. 18. Azt hiszem idejét sem tudom mikor frissítettem utoljára az Ikonbázis leírásokat. Az Ikonbázis PHP kódjában végeztem egy kisebb átalakítást, mert a régi már kicsit elavult volt az új adatbázissal rendelkező tárhelyeken és ha azt már megcsináltam, akkor készítettem 3 darab témát is hozzá. A témák itt találhatóak: Leírások - Ikonbázis - Ikonbázis témák Ikonbázis

Ikonbázis témák

2014-12-19 18:36:22

Honlapverseny

LindaDesign — 2014-12-13 16:52:39

2014. 12. 13. Úgy nagyjából egy éve érik bennem, hogy kellene már egy nagyobb szabású honlapversenyt tartani az oldalon. Még sosem volt igazán nagy verseny, amit én rendeztem, így azt hiszem ennek is eljött az ideje. Pontosan azóta gondolkodom ezen, amióta 2013-ban én nyertem meg a G-portál Histórián az Év weboldala címet. Akkor nyertem 1.200 kreditet, amit most ti megnyerhettek tőlem :) Igen, jó sok kredit vár gazdára. Összesen 2.000 kredit :) Olvasd el a rászleteket és ha úgy gondolod, akkor nevezz be. Itt találod a fontos információkat: Honlapverseny 2015 Oldal

Hullóeffekt 17 darab

LindaDesign — 2014-12-07 17:35:27

2014. 12. 08. A hullóeffekt kódja ugyanaz, amiket eddig is használtam, csak most nem csinálok az összes hópihével külön modult. Itt egy kód, amit alkalmazni kell, csak a kódban lévő hópihe URL címét kell kicserélned arra a hópihe URL címre, amelyik neked tetszik. Hópihék itt vannak. Mentsd le a neked tetszőt, töltsd fel a tárhelyedre és a kódban cseréld le az URL címet. Tedd a kódot forráskód nézetbe, okézd le a modult és máris esik a hó :) A kód itt található: Kódok - Hullóeffektek - Hópihe 15. Hullóeffektek

Hópihe 15.

2014-12-07 17:26:19

Karácsonyi hátterek 38 darab

LindaDesign — 2014-12-06 10:02:28

2014. 12. 06. A Mikulás hozott pár hátteret mára :) Így újabb 38 darab háttérrel bővült a Karácsonyi képtár. Összesen 213 darabból lehet válogatni. A hátterek itt találhatóak: Grafika - Karácsony - Karácsonyi galéria - Karácsonyi hátterek Karácsonyi hátterek

Blogcím helyett fejléckép

LindaDesign — 2014-12-02 18:35:11

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: 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 Blog modul leírások és CSS kódok

Karácsonyi brush-ok 27 darab

LindaDesign — 2014-12-02 08:00:00

2014. 12. 02. A mai karácsonyi adag az ünnepi brush-ok. Ez új menüpont, mert karácsonyi brush-okat még nem hoztam sosem. Ez az első alkalom. A brush-ok itt találhatóak: Grafika - Karácsony - Karácsonyi galéria - Karácsonyi brush-ok Közben felhívnám a figyelmet a karácsonyi címkére is. Itt is találtok rengeteg kelléket, amiket az előző években hoztam. Nézzetek szét ott is :) Karácsonyi brush-ok

Karácsonyi .png-k 15 darab

LindaDesign — 2014-12-01 08:00:00

2014. 12. 01. Na tessék. Már el is érkeztünk a decemberhez :) Egy hónap múlva már 2015-öt írunk. Rohan az idő, rohan az idő, csak rohan az idő... De maradjunk az ünnepeknél. A mai karácsonyi adag a .png-k, amiket itt találtok meg: Grafika - Karácsony - Karácsonyi galéria - Karácsonyi PNG-k vegyesen 2. Összesen már 378 darab karácsonyi .png van az oldalon :) Karácsonyi PNG-k vegyesen 2.

Karácsonyi hátterek 43 darab

LindaDesign — 2014-11-30 09:03:05

2014. 11. 30. Már megint elérkezett az év vége és az ünnepek is itt vannak a sarkunkban. Olyan gyorsan mennek az évek, hogy csak na. Mikor eltelik egy év, mindig olyan, mintha most lett volna az előző. Na, de ez van, nem lehet ez ellen mit tenni. A mai első karácsonyi adag pedig hátterek. A hátterek itt találhatóak: Grafika - Karácsony - Karácsonyi galéria - Karácsonyi hátterek Karácsonyi hátterek

Legördülő menü 7.

LindaDesign — 2014-11-28 11:06:50

2014. 11. 28. Újabb menüstílus érkezett. Most egy lenyíló egyszerű menüt hoztam, mert van akinek ilyenre van szüksége ;) A kódban a / (per jel) helyére kell majd írni a menü URL címét. A kód itt található: Kódok - Menüstílusok - Legördülő menük - Legördülő menü 7. Site Hulló effektek Linkeffektek Szövegdobozok Graphics Brush-ok Segítségek CSS kódok CuteNews Coppermine galéria Scripts #menu { text-align: center; width: 100%; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a { font: normal 13px arial, sans-serif; display: block; padding: 9px; color: #fbceb1; background: #1b1c16; text-decoration: none; } #menu a:hover { color: #1b1c16 !important; background: #fbceb1; } #menu li { position: relative; float: left; width: 120px; } #menu ul ul { position: absolute; left: 0px; display: none; } #menu ul li:hover ul{ display: block; } Legördülő menük

Legördülő menü 7.

2014-11-28 09:05:00

Vízszintes menü 26.

LindaDesign — 2014-11-20 09:58:37

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 .horizontal { border-bottom:5px solid #99e600; /* alsó aláhúzás */ border-top:5px solid #000000; /* felső aláhúzás */ list-style:none; /* marad! */ margin:0; /* marad! */ padding:0; /* marad! */ text-align:center; /* marad! */ } .horizontal li { display:inline; /* marad! */ } .horizontal a { display:inline-block; /* marad! */ padding:10px; /* aláhúzás és a szöveg közti táv */ } .horizonttext { font-family: Trebuchet MS; font-size: 18px !important; /* szöveg mérete */ color: #c00080 !important; /* betűszín */ text-decoration: none; } .horizonttext:hover { color: #8BA796 !important; /* betűszín */ text-decoration: none; } --> Vízszintes menük

Vízszintes menü 26.

2014-11-20 09:55:40

Egyszerű szövegdoboz

LindaDesign — 2014-11-16 09:34:45

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 .cim-helye { /* cím kinézete */ background-color: #FFCC33; font-family: Trebuchet MS; font-size: 14px; font-weight: bold; font-style: normal; color: #ffffff; text-align: center; text-transform: uppercase; padding: 5px;} .tartalom-helye { /* tartalom kinézete */ background-color: #292929; font-family: Arial; font-size: 13px; font-weight: normal; color: #9B7500; text-align: justify !important; padding: 8px; text-shadow: 1px 1px 1px #000000; } .lablec-helye { /* alsó rész kinézete */ background-color: #000000; font-family: Arial; font-size: 12px; color: #5F5F5F; text-align: center; padding: 4px; } Szövegdobozok

Egyszerű szövegdoboz

2014-11-16 09:26:11

Egérre nyíló szövegdoboz

LindaDesign — 2014-11-09 08:00:00

2014. 11. 09. Találtam a Dynamicdrive-on egy újabb nagyon jó kis szövegdobozt, amit kicsit átszerkesztve megosztok veletek. A kód és a leírása itt található: Kódok - Szövegdobozok - Egérre lenyíló szövegdoboz haccordion.setup({ accordionid: 'hc2', //main accordion div id paneldimensions: {peekw:'30px', fullw:'450px', h:'300px'}, selectedli: [-1, true], //[selectedli_index, persiststate_bool] collapsecurrent: true //

Egérre nyíló szövegdoboz

2014-11-08 21:48:07

Szóra lenyíló szövegdoboz

2014-11-08 20:35:40

Egy szóra lenyíló szövegdoboz

LindaDesign — 2014-11-08 20:32:27

2014. 11. 08. Egy újabb praktikus szövegdobozt hoztam. Egyszerű, jól mutat és teljesen egyedi lehet vele a portálod. Egy adott szóra vagy mondatra ha ráviszed az egeret (nem kell rákattintani), akkor lenyílik egy szögegdoboz, amibe bármi tehető ugyanúgy, mint egy sima egyszerű modulba. A kód és a leírása itt található: Kódok - Szövegdobozok - Szóra lenyíló szövegdoboz Hozd az egeret erre a mondatra :) Ha a szövegre húzod az egeret (nem kell ráklikkelni) felugrik egy szövegdoboz, amibe bármit tehetsz. Képet, szöveget, chat-et, akármit. Először szerkeszd meg a szövegdoboz tartalmát egy egyszerű modulban. Ha késznek nyilvánítod, akkor a forráskód nézetből másolj ki mindent és illeszd be a szövegdoboz kódjába az ide jön a tartalom helyére. Forrás //Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page: dropdowncontent.init("searchlink", "left-bottom", 600, "mouseover") #searchlink { font-family: Times New Roman; font-weight: bold; font-style: italic; font-size: 22px; color: #64AFC5; } #subcontent { color: #AFAFAD; border: 9px solid #CED495; background-color: #1B1C16; width: 450px; height: 200px; padding: 8px; overflow: auto; position: absolute; visibility: hidden; } Szövegdobozok

Az év G-Portálos oldala

Linda Design — 2014-11-02 18:24:11

2014. 11. 02. 2013. decemberében az én oldalam nyerte ezt a címet. A kép, amit láttok az egyik kisebb nyeremény volt a sok közül :) Idén 2014-ben még alig hirdette meg a G-Portál ezt a versenyt (november 1.), máris egy csomó kérdést kaptam tőletek. A legtöbbet e-mailben. A kérdések többsége arról szól, hogy milyen legyen egy weboldal, hogy helyezést lehessen vele elérni ezen a versenyen. Nos hát először is az jó lenne, ha ezeket a cikkeket, amiket ezen a linken találtok kicsit átolvasnátok: weboldalad beindítása. Nagyon sok tippet leírtam bennük, hogy "szerintem" milyen egy szép honlap. Persze tudom, hogy a szép szó elég tág fogalom és ráadásul mindenkinek más a szép, de azért bízom benne, hogy abban egyetértünk, hogy egy weboldal akkor néz ki jól, ha szép a design, harmónikusak a színek, olvasható a tartalom, rendezett az egész kinézetileg. Megpróbálom pontokba szedni, hogy "szerintem" mire figyelj oda, mielőtt nevezel egy vagy A versenyre. Összesen 14 pontba sikerült szednem a javaslataimat. Példaképeket is tettem a cikkbe, hogy értsétek miről is van szó. 1. Design: a képek minősége a design készítésénél. Éles, szép képeket használjatok, ne olyat, ami homályos, esetleg pixeles is. Az-az a kép felbontása minél nagyobb annál jobb. 2. Design: a színek. Lehetőleg ne a szivárvány minden árnyalatát használd egy design elkészítéséhez, hanem csak mértékkel, szolidan használj színeket. A színek természetesen egyezzenek a designban használt képekkel. 3. Design: színek. "Szerintem" a pasztel színek a legjobb választás, mert az nem bántja a szemet. Gondolom ti is látogattatok már olyan weboldalt, ahol éreztétek, hogy ez még a szemnek is kellemes. Na, ilyen csináljatok ti is :) A teljes bejegyzést itt olvashatjátok el: Leírások - Weboldalad beindítása cikksorozat - Az év G-Portálos oldala Weboldalad beindítása

Hírek/Cikkek modul átalakítása

LindaDesign — 2014-11-02 15:31:49

2014. 11. 02. Egy ideje tervben volt, hogy frissítem a Hírek/Cikkek átalakítása cikket, mert kicsit jobban nekiveselkedtem és kipróbáltam pár CSS kódrészt hozzá, ami arra hatással van. Az első és legfontosabb az, hogy a Hírek/Cikkek modulcímét külön lehet alakítani a Blog modulcímétől. De vigyázz, mert van a kódban olyan rész, ami nem csak a Hírek/Cikkekre érvényes! Elég részletesre sikeredett ez a bejegyzés is, de remélem érthető benne minden. Ha valami nem tiszta, kérdezzetek bátran (e-mailben) ;) A kód és a leírás itt található: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Hírek/Cikkek modul átalakítása CSS kódok használata G-Portálon

Kattintásra lenyíló szövegdoboz

LindaDesign — 2014-10-27 09:13:58

2014. 10. 27. Elég sok kérdést kaptam, hogyan lehet olyan szövegdobozt készíteni, hogy ha rákattintasz egy szóra pl. akkor lenyílik a doboz. Hoztam hozzá egy kódot. Az alap kód a Dynamicdrive-ról van, de hozzá a CSS kódot én írtam meg. A kód itt található: Kódok - Szövegdobozok - Kattintásra lenyíló szövegdoboz Szövegdobozok

Kattintásra lenyíló szövegdoboz

2014-10-27 08:54:48

Chloe Grace Moretz .png

LindaDesign — 2014-10-25 08:00:00

2014. 10. 25. Ma is png képeket hoztam. Összesen 30 darabot Chloë Grace Moretz-ről. A png-ket itt találjátok: Grafika - .png-k és gifek - Hírességekről .png képek - Chloë Grace Moretz Hírességekről .png képek

Bella Thorne .png

LindaDesign — 2014-10-24 11:55:00

2014. 10. 24. Újabb adag PNG áradat. Ezúttal Bella Thorne-ról készült 22 darab. Itt találod őket: Grafika - .png-k és gifek - Hírességekről .png képek - Bella Thorne Hírességekről .png képek

Ashley Benson .png

LindaDesign — 2014-10-24 08:00:00

2014. 10. 24. Újabb .png képek érkeztek. Ezúttal Ashley Benson-ról 17 darab :) Itt tekinthetőek meg: Grafika - .png-k és gifek - Hírességekről .png képek - Ashley Benson Hírességekről .png képek

Adelaide Kane .png

LindaDesign — 2014-10-23 19:10:38

2014. 10. 23. A héten miközben Ebba Zingmark-ról készítettem .png képeket, rájöttem, hogy milyen régen volt már ilyen frissítés. Így a napokban hozok majd pár .png-t. Ma Adelaide Kane-ről készült összesen 14 darab kép. A képek itt találhatóak: Grafika - .png-k és gifek - Hírességekről .png képek - Adelaide Kane Hírességekről .png képek

Ebba Zingmark .png

LindaDesign — 2014-10-23 09:19:32

2014. 10. 23. 11 darab .png képet hoztam Ebba Zingmark-ról kérésre. A képek a .png galériában találhatóak meg itt: Grafika - .png-k és gifek - Hírességekről .png képek - Ebba Zingmark Hírességekről .png képek

Felugró Chat a jobb alsó sarokban

LindaDesign — 2014-10-22 11:38:19

2014. 10. 22. Kaptam már pár kérdést, hogyan lehet a Chat-et vagy bármilyen más tartalmat úgy megcsinálni, hogy akkor nyíljon ki, ha ráviszem az egeret. Így most ezt a kódot úgy csináltam meg demónak, hogy a Chat-et tettem bele. Persze bármi más is belehelyezhető ebbe a divbe nem csak a Chat. Igazából ez is egy szövegdoboz, csak a CSS kódban úgy van beállítva, hogy a jobb alsó sarokban legyen és akkor nyíljon ki, ha ráviszed az egeret. Demó látható a jobb alsó sarokban! A kód és a leírás itt található: Leírások - Chat az oldaladra - CBox Chat leírások - Felugró Chat a jobb alsó sarokban CBox Chat leírások CSS kódok Chat Ha segítségre van szükségetek, akkor legyetek szívesek e-mail-ben írni nekem és ne a Chat-be. Könnyebben menne a válaszolás. Nagyon köszönöm. lindadesign1@gmail.com #chatbox { width: 300px; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ position: fixed; bottom: -363px; right: 10px; background-color: #1b1c16; padding:5px 5px 5px 5px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #chatbox:hover { width: 300px; height: 400px; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ position: fixed; bottom: 0px; right: 10px; background-color: #1b1c16; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #chatbox-modulehead { font-family: Book Antiqua; font-size: 15px; text-align: center; color: #f2f2f2; background-color: #e41e69; padding:5px 5px 5px 5px; } #chatbox-text { font-family: Book Antiqua; font-size: 14px; text-align: justify; color: #7f7f7f; background-color: transparent; line-height: 17px; padding:5px 5px 15px 5px; } -->

Felugró Chat a jobb alsó sarokban

2014-10-22 11:23:04

Halloween hátterek

LindaDesign — 2014-10-22 08:00:00

2014. 10. 22. 33 darab Halloween hátteret is sikerült összegyűjtenem a netről. Így összesen már 70 darab háttér közül lehet válogatni :) A hátterek itt találhatóak: Grafika - Ünnepek - Halloween hátterek Közben ne feletkezzetek meg a CSS témákról, amiben szintén van kész Halloween CSS stílus is öszesen 24 darab: CSS témák Ünnepek CSS kódok

Halloween .png-k

LindaDesign — 2014-10-20 08:00:00

2014. 10. 20. Hoztam 32 darab Halloween-i .png képet, csak mert vészesen közelít október 31. Így aki még nem tette meg és kedvet kap, díszítse ki kicsit a weboldalát ;) A képek itt találhatóak: Grafika - Ünnepek - Halloween .png képek Ünnepek