Kedves Tomi
2014. 07. 15. Egyszer volt, hol nem volt, valamikor pár éve (kb. 3) volt egy kisebb gondom egy kóddal és írtam a Webmesternek. Abban a levélben azt is felvetettem, hogy nem-e lehetséges CSS-sel megoldani, hogy a szélső modulok külön mozogjanak a középső modultól. Akkor azt a választ kaptam, hogy jelenleg nem lehetséges, de nagyon jó ez az ötlet. Tudom, hogy nem én voltam a kiváltó oka annak, hogy ez mára már megoldható CSS-sel, de azóta is mindig nézegettem az oldalam forráskódját, hátha egyszer csak ez megoldódik. És igen, megcsinálták :)
Tudom, hogy nem mostanában készült el, de nekem most volt hozzá elég időm, hogy ebből leírás legyen. Az oldalam forráskódját többször megszoktam nézni, hogy felfedezek-e valami újdonságot a kódok között. Már tökre hozzászoktam. És annyira azért értek ehhez a dologhoz, hogy utána írjak hozzá egy CSS kódot. Ez aztán minden nehézség nélkül megy.
Amikor Figi talán tavaly kiadta a hírt, hogy a szélső modulban már beállítható az is CSS-sel, hogy milyen széles legyen, akkor már úgy voltam vele, hogy hamarosan még tovább bővül a G-Portálos CSS kód. Később átböngésztem minden új dolgot a kódból és kiszedtem az újdonságokat. Egy jegyzettömbben szoktam ezeket magamnak lementeni és mikor időm, kedvem, energiám van, akkor tutorial lesz belőle. De csak akkor, mielőtt a minta oldalamon ki nem próbálom a kódokat. Erre a leírásra a hétvégén került sor
Ne haragudj Tomi, hogy csak egyféle CSS kódot lehet írni a G-Portálhoz. Azt sem tudtam, hogy valaki valahol alkalmazta előttem ezt a kódot. És bocsi Tomi, de nem szoktam látogatni az oldaladat, így honnan tudtam volna, hogy esetleg te már írtál erről a kódról. Szóval megjegyzem a kód nem tőled van, komolyan. De bebizonyítani úgy sem tudom, gondolni meg mindenki azt gondol, amit akar. Egyébként meg: most, hogy megnéztem az oldalad nem találtam róla semmit. Ja, de valamit találtam. Az oldalad kb. az ikertestvére lehetne Gabriel oldalának 1-2 apróságot leszámítva, de gondolom neked ez fel sem tűnt ;) Szóval nem hiszem, hogy pont tőled vártam volna egy ilyen megnyilvánulást a Chat-emben. És nem hinném, hogy fényezem magam azzal, hogy leírtam kettő tutorialt a szélső modulról. Hozzáteszem a napokban hozom a középső modulos leírásokat is, amiket szintén nem volt nehéz az oldalam forrásából kivenni. És mielőtt tovább szítod a körülményeket az a kód is már full készen van csak kis adagokban érkezik az oldalra.
Nem olyan régen mikor megjelentek a címkék, ahogy tudtam hoztam hozzá a CSS kódot is. És ha valaki előttem már esetleg használta ezt a CSS kódot, akkor gondolom valószínű, hogy az ő oldaláról hoztam el és tettem fel az oldalra. Gondolom így gondolod, de nem érdekel!
Általában, ami tutorialokat hozok, azok egyszer csak kipattannak a fejemből és leírás lesz belőle. Van egy listám a számítógépemen az Asztalon és abban van, hogy mikről fogok írni, amikor van rá időm. Minden tőlem, az én fejemből származik, ami itt van. Kivéve, mikor külföldi oldalakról hozok kódokat. De annak is a nagyja már az én saját szüleményem, mert a legtöbbet eléggé át kell variálni ahhoz, hogy G-Portálon is lehessen használni. De az eredeti kód forrása mindig meg van jelölve.
Egyéb véleményeket, meglátásokat ide kérek, mert az illem ezt diktálja: lindadesign1@gmail.com
Táblázat nélkül egyedi modul a szélső modulnak
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
Szélső modulok teljes átalakítása CSS-sel
2014. 07. 13. Már jó ideje tervben volt ez a leírás, de vagy kedvem, vagy időm nem nagyon volt, hogy normálisan el is készítsem a szélső modul teljes leírását és mintát is hozzak hozzá. Az a lényege, hogy ezzel a CSS kód-csoporttal teljesen át lehet alakítani a szélső modulokat. Mindent meglehet benne változtatni. Teljesen más lehet a háttér színe, a szöveg színe, a link színe, de még a linkelt képek vagy a sima képek is teljesen eltérhetnek a középső modulban lévő képektől, linkektől, mindentől :) A napokban hozom majd azt a CSS kód-csoportot is, amivel a középső modult lehet teljesen átalakítani, aztán pedig hozok majd egy full CSS kódot teljes leírással együtt. De elsőnek a szélső modulok kódja érkezett meg, amit itt találsz: Leírások - G-Portálos leírások - CSS kódok használata G-Portálon - Szélső modulok teljes átalakítása CSS-sel
Kattints a képre a teljes mérethez!
Egyedi betűtípus weboldaladon 3.
2014 07. 11. A @font-face css kód kicsit bonyolultabb verziójáról készült ez a legújabb leírás. Ha valakinek ez még új és nem találkozott ilyen vagy hasonló kóddal, akkor nekik akár nehéznek is tűnhet ez a leírás, de teljesen egyszerű és semmi nehézség nincsen benne, csak át kell látni a kódot és hogy pontosan mit is csinálsz vele. Ez a kód az egyik legjobb akkor, ha azt szeretnéd, hogy a weboldalad ugyan úgy nézzen ki majdnem minden böngészőben. Én hárommal próbáltam ki és mindenhol jól mutat a szöveg :) A sima @font-face css kóddal az a baj, hogy a legtöbb böngészőben nem veszi fel a kód hatására a szöveg a betűtípust. Javaslom, hogy mikor valami extra dolgot csináltok a weboldalatoknak, akkor mindig, minden esetben több böngészőben is nézzétek meg, és ha tudtok, akkor javítsatok rajta, hogy mindenhol egységes képet kapjatok, mert nem mindenki használ például csak Chrome-ot. Én pl. a Mozillát szeretem. De vannak tuti olyan böngészők is, amikről pl. én még biztos, hogy nem is hallottam.
Szóval a sok rizsa után a lényeg. Itt a kód, amivel tuti jó lesz a szöveg a weboldalon. A leírás pedig itt található: Leírások - Betűtípusok - !Egyedi betűtípus használata honlapodon 3.
<style type="text/css">
@font-face {
font-family: 'PassionSans';
src: url('//aranymeli.gportal.hu/portal/aranymeli/upload
/285733_1405007557_01136.eot?') format('eot'),
url('//aranymeli.gportal.hu/portal/aranymeli/upload/
285733_1405007554_05150.woff')
format('woff'),
url('//aranymeli.gportal.hu/portal/aranymeli/upload/
285733_1405007555_08910.ttf')
format('truetype'),
url('//aranymeli.gportal.hu/portal/aranymeli/upload
/285733_1405007556_09981.svg#PassionSans') format('svg');
}
</style>
|
AJÁNLOM AZ OLDALT
Archívum - 2014. július
