Több háttér oldaladnak CSS-el
2014. 03. 01. Most, hogy megint újítottam az oldalamon egy kicsit, így ezt a CSS kódot is megosztom veletek. Nem újdonság éppenséggel, de még nincs róla leírás sehol sem. Az a lényege, hogy az oldaladnak több hátteret is tudsz adni egyszerre, ahogy nálam is látható jelenleg. Van egy hátterem a lap tetején, az a zöld és van egy hátterem a modulok alatt, a szürke/fehér rész. Így egy kicsit egyedibbnek tűnik az oldal szerintem. A kód ez lenne:
<style type="text/css">
body {
background-attachment: scroll !important;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1393355368_69.png), url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1393528647_74.png);
background-color: #e8e9e8;
background-position: center top, center top;
background-repeat: repeat-x, repeat-y;
}
--></style>
A hozzá tartozó leírást pedig itt találjátok: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Több háttér oldaladnak CSS-el
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
 
|
AJÁNLOM AZ OLDALT
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.
