Sziasztok!
Hátha van itt egy guru, aki rendbe tud tenni?! Most ismerkedek a Drupallal, anno, amikor weblapokat csináltam mindent táblázatokba ágyaztunk, most látom ez kezd megszűnni. Sőt drupalban teljesen másként van, a müködéstét nem egészen értem (mert php), de a css-ről van némi fogalmam.
Most jön a lényeg:
Találtam egy jó Dp témát ilyet:http://www.profieskuvoivideo.hu/minta_original_pixelgreen.jpg, amit át kellene alakítanom ilyenre:http://www.profieskuvoivideo.hu/minta10.jpg, nos ezt úgy szokták, hogy a téma könyvtárban belepiszkálok/alakítom a css-t, feltöltöm a sitera és minden úgy fog kinézni, mint amit készítettem?
A színekkel talán nem is volna gondom, de a kerekített menükkel és a háttérben levő mintákkal már igen.
Mi ennek a rende módja? Más is így csinálja? Buherálja a css-est (pl: edit+), csinál egy-két bg-t feltölti és kész?
Köszi az ötleteket!
gepida
Bocs, helyesen: Találtam egy
Bocs, helyesen:
Találtam egy jó Dp témát ilyet:http://www.profieskuvoivideo.hu/minta_original_pixelgreen.jpg, amit át kellene alakítanom ilyenre:http://www.profieskuvoivideo.hu/minta10.jpg
Emit a válasz amit a levlistára is írtam.
> Hátha van itt egy guru, aki rendbe tud tenni?! Most ismerkedek a
> > Drupallal, anno, amikor weblapokat csináltam mindent táblázatokba
> > ágyaztunk, most látom ez kezd megszűnni. Sőt drupalban teljesen másként
> > van, a müködéstét nem egészen értem (mert php), de a css-ről van némi
> > fogalmam.
Sminket tudsz űgy is készíteni, hogy a php-hez egyáltalán nem értesz.
Ehhez azonban erős html+css ismeretek kellenek. Ezeket el kell
sajátítanod. ;)
A lényeg, hogy három szinten tudsz beleszólni a Drupal megjelenésébe.
1. van egy megfelelő sminked és csak a css-t módosítod. A megfelelő
smink alatt azt értem, hogy vannak olyan technikák, amit csak akkor
tudsz használni, ha megfelelő a html-ed(vagyis a smink). Hogy mely
technikákat használod az pedig attól függ, hogy milyen paraméterei
vannak az oldalnak, ugyanis nem lehet olyan dizájnt készíteni, ami
mindig jó. (lásd alap dizájnok, ahol - főleg adminisztrációs oldalakon -
találhatsz hibákat mivel a magyar fordítás jóval hosszabb esetleg több
szóból áll, mint az angol elredeti.)
2. Te készíted el(vagy alakítod át) a sminket. Itt te mondod meg, hogy
milyen html elemek legyenek és ezek hol és hogyan jelenjenek meg. (akár
használhatod a számodra jól ismert, de teljesen elavult táblázatos
kialakítást is, melyet nem javaslok csak az írom, mert Neked lehet, hogy
egyszerűbb így kezdetben és nagyobb sikerélményt nyújt majd. ;))
3. Saját sminkmotort/sminkelőgépet írsz. Erre igazából csak elég
speciális esetekben lehet szükséged, pl. ha Drupal alapú portálrendszer
értékesítéssel foglalkozol, vagy mittudomén ;)) Igazából az első két
lépcsőfokkal mindent meg lehet oldani.
> > Most jön a lényeg:
> > Találtam egy jó Dp témát
> > ilyet:http://www.profieskuvoivideo.hu/minta_original_pixelgreen.jpg,
> > amit át kellene alakítanom
> > ilyenre:http://www.profieskuvoivideo.hu/minta10.jpg, nos ezt úgy
> > szokták, hogy a téma könyvtárban belepiszkálok/alakítom a css-t,
> > feltöltöm a sitera és minden úgy fog kinézni, mint amit készítettem?
Hozz létre egy tesztkörnyezetet a saját gépeden és azon készítsd el. Ez
azért is jó, mert így minta adatokkal töltheted fel a rendszeredet, így
elkerülhetsz egy csomó buktatót az éles rendszeren. Feltételezve, hogy
Drupal 6.x-et használsz azt javaslom a következőt tedd:
- felteszed a kiválasztott sminket a sites/all/themes mappába
- létrehozol ugyan itt egy könyvtárat, amiben létrehozol egy info fájlt
- a base_theme változóban beállítod a kiválasztott sminket, és a
stylesheets változóban pedig felveszed a saját css-edet.
> > A színekkel talán nem is volna gondom, de a kerekített menükkel és a
> > háttérben levő mintákkal már igen.
Na ez az amiről beszéltem. ;)) számos technika van ennek a megvalósítására.
> > Mi ennek a rende módja? Más is így csinálja? Buherálja a css-est (pl:
> > edit+), csinál egy-két bg-t feltölti és kész?
Tervezés fontosságát kiemelném. Mivel minden technikának van korlátja
ezért nem mindegy, hogy mit választasz, mert adott esetben a később
felmerülő plusz igények miatt kezdheted előröl az egész munkát. Azonban,
ha az igények előre megvannak és a technika kiválasztása után ismertek a
korlátok akkor sokkal gördülékenyebb lesz az együttműködés közted és a
megrendelő között.
pp
Palócz István
https://palocz.hu | https://tanarurkerem.hu
ok
Oké ezt értem, de a gyakorlati része az, hogy mindenki előveszi a Nodepad++t (mondjuk) és proba szerencse alapján elkezdi növelni a pixeleket egyessével és frissít és nézi mit csinált?!
Vagy van már korszerűbb technológia is??? Hátha valamiről lemaradtam! :)
Tehát millió-egy probálkozás és frissítés.??
Anno a táblázatos oldal felépítésnél az volt a jó, hogy pontosan szét tudtam vágni a psd-ét és beillesztettem a pontos táblázatba. Ez adott egy jó keretet.
Most van millió-egy formázási beállítás a css-ben és ilyen próba-cseresznye alapon lővöldözök.
Vagy vannak olyan szoftverek, amik már ezen túl nyúlnak?
tervezés és megvalósítás
a módszer tökéletesen ugyan az, mint a táblázatos oldalfelépítésnél. megtervezed az oldalt valamilyen képszerkesztő szoftverrel. a kész oldaltervet "felszeleteled" és csst írsz hozzá.
ennyi pixel széles, annyi pixel magas, ilyen színű, akkora betű, satöbbi, ezeket nem próba-cseresznye alapon, hanem terv szerint, a tervből tudod, hogy majd egy 120px magas fejléc kell, szóval akkor kell majd egy #fejlec { height: 120px; } ésígytovább...
ha így próba-cseresznye alapon, átírom, alt+tab, f5, afenébe, alt+tab, átírom, alt+tab... hát ez így nem igazán fog menni vagyis igen, csak nagyon lassan.
már korábban is említettem valakinek, vegyen egy jó css könyvet. pár hónapja kaptam egyet, isteni csodákra képes! ;)
-
clear: both;
szerzo, cim, kiado esetleg
szerzo, cim, kiado esetleg mailben? :)
---
Tévedni mindenkinek szabad, csak a mérnöknek észre kell vennie.
webcím is jó? :)
http://www.cssmastery.com/
nekem ez a könyv nagyon bejött. én is ezen a hozzászagolok szinten voltam már, ez a könyv mindent rendbetett, amiről eddig csak kábé gondoltam, hogy mi hogyan merre, és még jócsomó ötlet és "trükk" is van benne. megéri, mindenképpen szerintem.
-
clear: both;
nálam más a sorrend
ninja - http://alleycat.hu
itt most csak a 6. lépésről beszéltünk
persze amúgy az egész folyamatot nézve ez az utolsó lépés, ez gondoltam, hogy világos.
bár ami nálad 5. és 6. lépés, az nálam még összevonva van egy lépésben, de jó pap is holtig tanul, vágesz.. ;)
-
clear: both;
modja
ha van egy gyors modszered arra hogyan alakitsd ki a weboldalt, akkor csinalhatod ugy is. es masodik lepesben csinalsz belole Drupal sminket.
http://drupal.hu/hirek/20080313/hojtsy-gabor-drupal-6-sminkelese
legkozelebb meg mar osszevonod a ket lepest, mert nincs semmi specialis a drupal sminkelesben.
nem tudok olyan eszkozrol ami kepbol tudna drupal smiket krealni, vagy segitseget nyujtana az elkesziteshez..