Hírek/Cikkek modulfejléc és a tartalom közti táv
2014. 02. 27. Az a cél, hogy a Hírek/Cikkek modulban a teljes cikk olvasásakor a cikk címe és a tartalom között ne legyen olyan nagy üres rész, mint pl. ezen a képen:
Legyen a távolság kevesebb. Az ehhez tartozó CSS kódot pedig itt találjátok: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Hírek/Cikkek modulfejléc és a tartalom közti táv
Új design :) Az a helyzet, hogy az előző design annyira nagyon nem tetszett egy kicsit sem, hogy kénytelen voltam gyorsan leváltani. Ez a kinézet már sokkal jobb. Ez marad is egy darabig. Aztán mivel az oldal idén már 8 éves lesz, úgy gondoltam, hogy kéne neki készíteni egy saját logót is. Szóval ezentúl ez a logóm :) Ez is elvihető forrás megjelölése céljából.
Modulváltó fejléc script
2013. 02. 23.
Egy újabb fejléces javascript kódot sikerült összehoznom, amibe bármit írhatsz. Lehet benne szöveg, chat, facebook doboz, elit cserék, az oldalad menüje, leírások, képek, bármi. Egy dobozon belül lehet bele tenni újabb sorokat vagy oszlopokat is táblázat segítségével. Persze az arányokat azért tartsd meg, hogy ne legyen a doboz szétcsúszva, mert akkor már nem is annyira néz ki jól. A doboz két oldalán lévő nyilakat le is lehet cserélni, ha ez nem tetszik neked. A leírásáról lejjebb olvashatsz részletesen. A kód működik, mint ahogy ebben a demóban is látható. Tehát ha nálad nem működik, akkor valamit nagyon elrontottál a szerkesztés közben. A doboz háttere lehet szín vagy kép is, de ezek már a CSS beállítások, amik lejjebb úgy is láthatóak. |
A kód persze nem csak fejlécre tehető, hanem modulba is éppen úgy, hogy itt is van. Ha fejlécnek használod, akkor úgy a legszebb, ha az egész modulváltó olyan széles, mint az oldalad szélessége. És ami szintén ilyen fontos, az-az, hogy a kódot fejlécnek használva a szerkeszthető fejlécbe illeszd be. A kódokat egymás után kell beilleszteni oldalad forráskód nézetébe. Először a modulkódot, aztán jöhet a CSS kód és a végén a javascript kódok következnek. Ha kész vagy a beillesztéssel, menj vissza szerkesztő nézetbe, írd át a modulokban lévő tartalmat és készen is van a tuti javascript dobozod |
A kód itt található: Kódok - Váltakozó fejléc script-ek - Képváltó/modulváltó fejléc script 5.
Természet hatású hátterek
2014. 02. 16. Ma 38 darab természet hatású háttér került fel az oldalra. Mellékesen megjegyzem, hogy én készítettem a háttereket folyamatossá, ami azt jelenti, hogy minden böngészőben szépen mutat bármekkora felbontásban. A hátterek itt találhatóak: Grafika - Hátterek - Természet hatású hátterek
Vízszintes fix menü
2014. 02. 15. Készítettem egy újabb vízszintes menüt, ami szintén a lap tetején fixen megmarad. Ez a menü akkor mutat a legjobban, ha a szerkeszthető fejlécbe teszed bele. Vagy is, ajánlott a kódot oda tenni! Mivel maga a kód táblázatban van, így még több cellát is létrehozhatsz benne, ha esetleg van olyan információd, amit szeretnél mindig aktívnak tudni. A kódokat egymás alá illeszd be, úgy, ahogy itt van nálam. A CSS kódban írd át a színeket, betűtípust, stb. A képeket cseréld le a sajátodra, de nem muszáj. Okézd le és készen is vagy.
Két fontos információ
1. A kódot én készítettem, kivéve a javascript részét, mert azt a neten találtam. De maga a menü saját!
2. A kód működik. Nem rossz, nincs benne semmi hiba. Ha nálad nem működik, akkor valamit elrontottál. Kihagytál egy kódrészt, vagy a CSS átírása közben történt valami baki. A lényeg, hogy ami itt van kód, az jó.
A menü itt található: Kódok - Menüstílusok - Vízszintes menük - Vízszintes menü 18.
Demó látható a lap tetején!
|