„VIKWiki:Wiki gyűlés 2006-03-14” változatai közötti eltérés

35. sor:

-- [[SzaMa|SzaMa]] - 2006.03.14.

-- [[SzatmariZoltan|Zee]] - 2006.03.15.

==InfoSite skinkészítés howto==

Ez egy dokumentáció, amely segíteni szándékozik azokat az embereket, akik új css-t szeretnének készíteni az InfoSite-hoz ill VillanySite-hoz. Az említett fájlok a hat.sch könyvtárában a design/infosite mappában találhatók. A lényeg azon belül is a fejleszto.zip. Ezen felül vannak még ott képek, ikonok egyszóval mindenféle finomság. (ami ismeretlen formátumú, az minden bizonnyal CorelDraw-ban vagy Corel PhotoPaintben készült) -- [[SomodiTibor|SoTi]] - 2006.03.06.

----

===Bevezetés===

Készítettem egy index_puredivs.html és egy document_puredivs.html-t. Előbbi a főoldal modellje, utóbbi pedig egy átlagos dokumentumé. Ezekben nincsenek adatok, helyettük "tipusok" vannak, így könnyen megtalálhatod mit kell a css-ben módosítani.

A document2-5.htm és az index.php.htm egy lementett oldal a siteról. Ezeken lehet tesztelni a css-t offline módon is. Az index.php.htm és a document5.htm az index.php_files könyvtárból táplálkozik, a többi a document.php_files-ból.

===Infosite skinkészítés v1 (mindent fel akarok forgatni)===

Adva vagyon az info_1_default.css. Ez azért jött létre, hogy valahogy megjelenítsem miből is áll a rendszer. Pontosabban vettem a diveket és különböző háttérszínt állítottam be nekik.

A legelső sorban lévő margin=20 azért van, hogy jobban látszon mi hol van és miben. Később zavaró lehet, valószínű hogy át kell majd írni.

*div-ek pozicionálása

** Megfelelő float megadása

** Szélességek megadása

*** egy súlycsoportban vannak: #welcome, #document_news, #main_news, #document, #profile, #news, #document

*** további résztvevők: #menu, #submenus

** Felső padding megadása (hogy kiférjen a felső kép, ami a container háttere lesz)

*felső kép elkészítése

*színezés

*dokumentum elemeinek megszépítése

** document_header_"i", document_text, document_stuff...

*extra oldalak elkészítése

** profil: #profile div

** hírfelvétel: #news

** hírek

** események

*** főoldalon: #main_news table.doc_events

*** dokumentumon: #document_news .doc_events

** módosítás: #document

*ikonok elkészítése

===Infosite skinkészítés v2 (a layout (fent félévmenü, balkéznél saját menük) tök jó, de a többi nem jó semmire)===

Adva vagyon az info_1_layout1.css. Ebben minden div különböző színben pompázik, és a layout ki van alakítva.

*felső kép elkészítése

** egészen pontosan egy 900*100-as képre lesz szükséged.

* színezés

*dokumentum elemeinek megszépítése

** document_header_"i", document_text, document_stuff...

*extra oldalak elkészítése

** profil: #profile div

** hírfelvétel: #news

** hírek

** események

*** főoldalon: #main_news table.doc_events

*** dokumentumon: #document_news .doc_events

** módosítás: #document

*ikonok elkészítése

===Infosite skinkészítés v3 (tök jó a css, de azt ott be lehetne állítani...)===

Válaszd ki info_layout1_1.css, info_layout1_2.css, info_layout2_1.css, info_layout2_2.css közül amelyiket módosítani szeretnéd.

'''Kb ezekre lesz szükséged:'''

* félévmenü: id=main_menu

* saját menük: submenus/class=contentbox

** ezek tartalma: submenus/class=content

* dokumentum: id=document/class=contentbox

** ennek tartalma: id=document/class=content

* hírek a dokumentumban: id=document_news/class=contentbox

* hírek a főoldalon: id=main_news/class=contentbox

** ezek tartalma: következtesd ki :)

* footer: id=copyright/class=contentbox

** ennek tartalma: ...

'''Plusz a dokumentum elemei'''

* document_header_"i", document_text, document_stuff...

-- [[SomodiTibor|SoTi]] - 2006.03.06.

@@ 35. sor: / 35. sor: @@
 -- [[SzaMa|SzaMa]] - 2006.03.14.
 -- [[SzatmariZoltan|Zee]] - 2006.03.15.
+==InfoSite skinkészítés howto==
+Ez egy dokumentáció, amely segíteni szándékozik azokat az embereket, akik új css-t szeretnének készíteni az InfoSite-hoz ill VillanySite-hoz. Az említett fájlok a hat.sch könyvtárában a design/infosite mappában találhatók. A lényeg azon belül is a fejleszto.zip. Ezen felül vannak még ott képek, ikonok egyszóval mindenféle finomság. (ami ismeretlen formátumú, az minden bizonnyal CorelDraw-ban vagy Corel PhotoPaintben készült) -- [[SomodiTibor|SoTi]] - 2006.03.06.
+----
+===Bevezetés===
+Készítettem egy index_puredivs.html és egy document_puredivs.html-t. Előbbi a főoldal modellje, utóbbi pedig egy átlagos dokumentumé. Ezekben nincsenek adatok, helyettük "tipusok" vannak, így könnyen megtalálhatod mit kell a css-ben módosítani.
+A document2-5.htm és az index.php.htm egy lementett oldal a siteról. Ezeken lehet tesztelni a css-t offline módon is. Az index.php.htm és a document5.htm az index.php_files könyvtárból táplálkozik, a többi a document.php_files-ból.
+===Infosite skinkészítés v1 (mindent fel akarok forgatni)===
+Adva vagyon az info_1_default.css. Ez azért jött létre, hogy valahogy megjelenítsem miből is áll a rendszer. Pontosabban vettem a diveket és különböző háttérszínt állítottam be nekik.
+A legelső sorban lévő margin=20 azért van, hogy jobban látszon mi hol van és miben. Később zavaró lehet, valószínű hogy át kell majd írni.
+*div-ek pozicionálása
+** Megfelelő float megadása
+** Szélességek megadása
+*** egy súlycsoportban vannak: #welcome, #document_news, #main_news, #document, #profile, #news, #document
+*** további résztvevők: #menu, #submenus
+** Felső padding megadása (hogy kiférjen a felső kép, ami a container háttere lesz)
+*felső kép elkészítése
+*színezés
+*dokumentum elemeinek megszépítése
+** document_header_"i", document_text, document_stuff...
+*extra oldalak elkészítése
+** profil: #profile div
+** hírfelvétel: #news
+** hírek
+** események
+*** főoldalon: #main_news table.doc_events
+*** dokumentumon: #document_news .doc_events
+** módosítás: #document
+*ikonok elkészítése
+===Infosite skinkészítés v2 (a layout (fent félévmenü, balkéznél saját menük) tök jó, de a többi nem jó semmire)===
+Adva vagyon az info_1_layout1.css. Ebben minden div különböző színben pompázik, és a layout ki van alakítva.
+*felső kép elkészítése
+** egészen pontosan egy 900*100-as képre lesz szükséged.
+* színezés
+*dokumentum elemeinek megszépítése
+** document_header_"i", document_text, document_stuff...
+*extra oldalak elkészítése
+** profil: #profile div
+** hírfelvétel: #news
+** hírek
+** események
+*** főoldalon: #main_news table.doc_events
+*** dokumentumon: #document_news .doc_events
+** módosítás: #document
+*ikonok elkészítése
+===Infosite skinkészítés v3 (tök jó a css, de azt ott be lehetne állítani...)===
+Válaszd ki info_layout1_1.css, info_layout1_2.css, info_layout2_1.css, info_layout2_2.css közül amelyiket módosítani szeretnéd.
+'''Kb ezekre lesz szükséged:'''
+* félévmenü: id=main_menu
+* saját menük: submenus/class=contentbox
+** ezek tartalma: submenus/class=content
+* dokumentum: id=document/class=contentbox
+** ennek tartalma: id=document/class=content
+* hírek a dokumentumban: id=document_news/class=contentbox
+* hírek a főoldalon: id=main_news/class=contentbox
+** ezek tartalma: következtesd ki :)
+* footer: id=copyright/class=contentbox
+** ennek tartalma: ...
+'''Plusz a dokumentum elemei'''
+* document_header_"i", document_text, document_stuff...
+-- [[SomodiTibor|SoTi]] - 2006.03.06.