Neko

2014. 08. 01. Úgy döntöttem, mivel már sokféle Blog modul leírás összejött, így teljesen külön menübe tettem minden Blog modul cikket a G-portálos leírásokon belül. Így átláthatóbb is az egész leírás :) Ezentúl itt találjátok a Blog modullal kapcsolatos leírásokat és CSS kódokat: Leírások - G-Portálos leírások - Blog modul leírások és CSS kódok
Eddig ezek a cikkek jelentek meg a Blog modulhoz:

• "Hozzászólások" alól a szürke sáv eltüntetése
• "Még nincs hozzászólás" alól a szürke sáv eltüntetése
• A "bővebben" link kinézete
• A "vissza a bloghoz" link kinézete
• A bejegyzésekben minden cikk külön-külön modulban
• A felső dátum alakítása
• Az alsó dátum alakítása
• Blog modul egyedi modulstílussal
• Blog tartalmi részének átalakítása
• Blogcím betűméretének növelése
• Blogcím egyedi kinézettel
• BlogPlusz átalakítása CSS kóddal
• BlogPlusz eltüntetése
• Címke kinézete CSS kóddal
• Egyszerű CSS kód a Blog modulhoz

Mit szólsz hozzá?

2014. 07. 26. Sok kérdést kaptam azzal kapcsolatban, hogy nem tudjátok a szélső modult a lap tetejéhez igazítani akkor sem, ha a CSS kódban meg van adva érték. Azért nem, mert a fejléc nem engedi. Most leírom, hogyan tudod beállítani, hogy a szélső modul a lap tetejétől induljon vagy feljebbről, mint a középső modul. Hozzáteszem, hogy csak így ez a leírás alapján fogjátok tudni megcsinálni.

Ha elkészítetted a fejlécedet, akkor NE töltsd fel a Stílus és Felületben a fejléc részhez!!! Töltsd fel a képet rendesen egy képtárba az oldaladon. Mondjuk egy olyan képtárba, amit alapból a design kellékeidnek hoztál létre. Ha feltöltötted akkor a CSS kód body részébe kell beilleszteni ugyanoda, ahova a rendes hátteret is szoktad tenni. A body rész kb. így nézzen ki:

<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: no-repeat, repeat-y;
}
--></style>

A body részben a hátterek elrendezése leírásáról itt olvashatsz: Több háttér oldaladnak CSS-el

Mit szólsz hozzá?

2014. 07. 26. És akkor elérkezett annak a CSS kódnak a leírása is, amivel a középső modulnak tudsz egyedi modulstílust adni. Ugyanolyan egyszerűen, mint a szélső modulnak :) A régebbi 3 darab leírás itt olvasható:

• Szélső modulok teljes átalakítása CSS-sel
• Szélső modulnak egyedi modulstílus táblázat nélkül
• Középső modul teljes átalakítása CSS-sel

Az új 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 - Középső modulnak egyedi modulstílus táblázat nélkül

Mit szólsz hozzá?

2014. 07. 20. Lassan már elveszítem a fonalat, annyi kérdést kaptam a napokban, így igyekszem mindegyikre megfelelő válasszal szolgálni nektek. Menjünk szépen sorban.
1. Blogplusz alakítása CSS kóddal. A leírás itt olvasható: Leírások - G-Portálos leírások - Blog modul leírások és CSS kódok - Blogplusz átalakítása CSS kóddal

2. Blogplusz eltüntetése. A leírás itt olvasható: Leírások - G-Portálos leírások - Blog modul leírások és CSS kódok - Blogplusz eltüntetése

3. Csak a középső modulban a hozzászólások kinézete. Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Középső modulban a "HOZZÁSZÓLÁSOK" kinézete

Clara (www.leomessi-royal.gportal.hu): itt a leírás, hogyan tudod beállítani, hogy a linked új lapon nyíljon meg: Új ablakban nyíló link

Mariah: Fejléc mellé menüt ezen leírás alapján tudsz létrehozni: Szélső modulok teljes átalakítása CSS-sel

Beatrice (http://divergent.esy.es): Többször készítettem már animációt képekből Photoshop-ban, de sosem lett pixeles a kép. Nem tudom mi az, amit talán nem jól csinálsz a szerkesztésnél vagy a mentés közben, de elvileg nem kellene pixelesnek lennie a képnek. Itt találsz leírást az animációról: Animációk
Tipp: .png képekből NE készíts animációt, mert azoknak a képeknek nincsen háttere ugyebár és látszani fognak egymás alatt a képek. Csak .jpeg képből készítsd el az animálást.
A fények villogását pedig flash-el tudod megcsinálni, ami rákerül a fejlécre. Itt találsz ilyeneket: Flash a fejlécre, weboldara

Mit szólsz hozzá?

2014. 07. 14. Most, hogy megérkezett a leírása a szélső modulok átalakításának CSS kóddal, eszembe jutott, hogy ha simán lehet adni a szélső moduloknak egyedi színeket, akkor ezt bizony úgy is meg lehet csinálni, hogy színes modulok helyett egyedi modulstílusok lesznek belőle :) Ezért ma el is készítettem ehhez is a leírást. Annyira egyszerűen elkészíthető innentől fogva az egyedi modulstílus és nem kell egyáltalán táblázatokkal vacakolni többet! Egy kicsivel ezzel a kóddal leegyszerűsítjük az egyedi modulok használatát G-Portálon. Eddig is lehetett használni egyedi modulstílusokat itt, csak eddig ezt táblázattal oldottuk meg. Ezentúl táblázatkód nélkül is simán megoldható méghozzá úgy, hogy a szélső és középső moduloknak is más-más egyedi modulstílust állítunk be. Ebben a leírásban most a szélső egyedi modulstílus használatát írom le, ami itt olvasható: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Szélső modulnak egyedi modulstílus táblázat nélkül

Mit szólsz hozzá?