Vytvorenie GB

[Gatli]

Zdravim Travianeri,hram travian uz nekolik let,ale nikdy sem neskusal vyrobit graficky balik...ted bych to sice skusil,ale nevim jak

Je tu nekto taky,kto by mi vedel napsat presne ako sa to robi,popripade kto tu ma s tim skusenosti?

Nech mi napise na skype:gatlijajusko
Kto skype nema,nech to pise priamo tu...
(prosim aby ste sem nepisali naco to sem pisem,ci si toneviem najst,to ma naozaj nezaujma,ale pre tvrdohlavcov si to najst NEVIEM!)
Dakujem za navody a rady...

[adiooo]

jenom tk ja bych tky prosil ja bych tky chtel vytvorit GB tk prosim piste sem dekuji

[Vita1996]

http://forum.travian.cz/showthread.php?t=810
pěkně napsano co a jak s GB

[panbubo]

To je sice pekne napsano, jenze neni to zcela presne. v T3 se Graficky balik sklada z jinych souboru.

Grafický balík 3.5 - Struktůra | Logo | Data | FAQ

I. Struktůra adresáře standartního grafického balíčku.

Adresář GB obsahuje soubory... :
- gp_preview.gif (logo balíčku)
- travian.css (css skladající ostatní moduly css. viz. níže)
... a složky:
- img
- lang
- modules

1. /img

Tato složka obsahuje další složky s obrázkama, bez textů:

a - Obecné
f - Alianční Fórum
g - Budovy, pozadí vesnice a surovinových polí.
l - Layout - (vrchní lišta s tlačítkama)
m - Mapa
misc - Různé
msg - Zprávy
p - Nabídka - Plus
q - Úkoly
r - Suroviny
s - Statistiky
special - Ohňostroje
t - Medaile
u - Jednotky ikonky
u2 - Velké obrázky jednotek
u2rtl - Velké obrázky jednotek zrcadlově obrácené. (Pouze pro jazyky které píší z prava do leva)


2. /lang

Tato složka obsahuje další složky s textovými obrázky (tlačítka, nadpisy atd...).
Počet složek zde může být různý. Každá složka představuje jazyk pro který je GB kompatibilní.

např. pro češtinu je to složka "cz" pro slovenštinu "sk" němčina "de" angličtina "en"
Ostatní možné:
ae ee il nl si au in no ba es ine ph th bg fi ir pk tr br fr it pl tw cl gr jp pt ua cn hk kr ro uk hr lt rs us hu lv ru vn dk id my se za

Každá z těhto složek obsahuje dva css soubory...:

- gp_check.css
- lang.css

... a složky:

a - Obecné
b - Tlačítka
f - Allianční Fórum
msg - Zprávy
p - Nabídka - Plus
t1 - Nadpisy
t2 - Nadpisy


3. /modules

Tato složka obsahuje různé moduly css, které mění ostatní nastavení vzhledu GB:
Více v kapitole III.5 a III.9


II. Logo GB

V hlavním adresáři je soubor gp_preview.gif. Tento soubor můžete použít jako logo vašeho grafického balíčku.
    Poté, co byla ve hře zadána cesta ke zvolenému grafickému balíku a stisknuto tlačítko OK, systém kontroluje, zda je grafický balík platný. Pokud ano, zobrazí se okno právě s tímto logem (gp_preview.gif.)


III. CSS Data

1. Obecné pokyny

* Všechny CSS soubory ve složce moduly mají v názvech za pomlčkou specifikaci ltr a rtl. "-LTR" znamená čtení zleva do prava a podobně "-RTL"čtení z prava do leva. Pokud tedy budeme tvořit balíček v češtině, tak nás soubory s označením -"RTL" nemusí zajímat.


2. gp_check.css

Tento soubor umožňuje aktivaci GB. Pouze tehdy, pokud je tento soubor správně připojen, zobrazí se tlačítko, které je potřebné k potvrzení výběru nového grafického balíčku.
    Proto by se tento soubor neměl měnit.
    Tento soubor musí být zahrnut do GB.

Cesta:
.../lang/gp_check.css


3. lang.css

v tomto souboru jsou definovány jazykové obrázky.
    Tento soubor musí být zahrnut do GB.

Cesta:
.../lang/lang.css

Rozdělení:
...• Buttons (Tlačítka)
...• Texts (Texty např. Nadpisy)
...• Images (Obrázky)

Obsažené styly:
...• width (šířka)
...• height (výška)
...• background-image (obrázek pozadí)
...• background-repeat (opakování obrázku pozadí)
...• background-position (umístnění obrázku pozadí)


4. travian.css

Tento soubor je použit pro sestavování modulů z GB.
Tento soubor musí být zahrnut v GB.

Cesta:
.../travian.css


5. travian_fonts.css

Zde jsou stanovené fonty (typy písma)

Cesta:
.../modules/travian_fonts.css

Rozdělení:
...• General
...• Layout
...• General elements
...• Servertime
...• Navi
...• Side Navi
...• Side Info
...• Footer Menu
...• Login
...• Signup
...• Activate
...• Village Overview
...• Village Center
...• Village Infos
...• Map
...• Player
...• Alliance
...• Alliance Forum
...• Statistics
...• Reports
...• Messages
...• Buildings
...• Manual
...• Quest
...• Send troops
...• Plus
...• War simulator

Použité styly:
...• font-size (velikost písma)
...• font-weight (tloušťka písma)
...• font-style (styl písma, normal, italic, oblique)
...• color (barva)
...• font-family (font, Arial CE, Grneva CE, Times, atd...)
...• font-decoration (dekorace, podtržení atd..)



Dale jsem to jeste neprelozil... Takze zde original: Pokud by se nekomu chtelo.


6. travian_hacks.css

In den Dateien travian_hacks.css werden temporäre styles definiert.

Pfad:
.../modules/travian_hacks.css

enthaltene Styles:
...keine Einschränkung


7. travian_images-[Spezifikation].css

In den Dateien travian_images-[Spezifikation].css werden die styles für sprachunabhängige Bilder definiert.

Pfad:
.../modules/travian_images-[Spezifikation].css

Aufteilung:
...• Buttons (Schaltflächen)
...• Texts (Texte z.B. Überschriften)
...• Images (Bilder)

enthaltene Styles:
...• width
...• height
...• background-image
...• background-repeat
...• background-position


8. travian_layout-[Spezifikation].css


In den Dateien travian_layout-[Spezifikation].css werden alle Styles für das grundlegende Layout definiert. Dazu gehört die Positionierung aller Elemente außerhalb von Tabellen und der Abstand zueinander.

Pfad:
.../modules/travian_layout-[Spezifikation].css

Aufteilung:
...• General
...• Layout
...• General elements
...• Servertime
...• Navi
...• Side Navi
...• Side Info
...• Footer Menu
...• Login
...• Signup
...• Activate
...• Village Overview
...• Village Center
...• Village Infos
...• Map
...• Player
...• Alliance
...• Alliance Forum
...• Statistics
...• Reports
...• Messages
...• Buildings
...• Manual
...• Quest
...• Send troops
...• Plus
...• War simulator

enthaltene Styles:
Alles außerhalb von Tabellen, außer font und image styles.


9. travian_table-[Spezifikation].css


In den Dateien travian_table-[Spezifikation].css werden die Styles für alle Elemente innerhalb von Tabellen definiert.

Pfad:
.../modules/travian_table-[Spezifikation].css

Aufteilung:
...• General
...• Layout
...• General elements
...• Servertime
...• Navi
...• Side Navi
...• Side Info
...• Footer Menu
...• Login
...• Signup
...• Activate
...• Village Overview
...• Village Center
...• Village Infos
...• Map
...• Player
...• Alliance
...• Alliance Forum
...• Statistics
...• Reports
...• Messages
...• Buildings
...• Manual
...• Quest
...• Send troops
...• Plus
...• War simulator

enthaltene Styles:
...Alles innerhalb von Tabellen, außer font und image styles.

Angehängte Dateien
Dateityp: zip GPack-Struktur_Logo_Dateien.zip (33,2 KB, 27x aufgerufen)

Idee
IV. FAQ

1. Mit welchen Tools kann ich mir am Besten die CSS Styles, Klassen und IDs anschaun?

Wenn du Firefox benutzt, installierst Du am Besten das Add-On Firebug oder analog dazu für den Internet Explorer die IE Developer Toolbar. Mit diesen Tools kann man einzelne Elemente des Spiels anklicken und sich Klassen, ID, Styles usw. ansehen.
Wenn man gezielt dieses Element verändern möchte, kann man in den CSS-Dateien nach der Klasse/ID suchen und findet dadurch schneller die Stelle an der man die Änderungen durchführen muss.


2. Wie kann ich ein Grafikpack für andere Länder erstellen?

Wenn ein Grafikpack eingebunden wird, wird nach der gp_check.css im entsprechenden Landesordner gesucht. In welchem Landesordner gesucht wird, ist abhängig auf welchem Server versucht wird das Grafikpack zu aktivieren.
Eine Möglichkeit ist also den lang/[lang] Ordner aus Eurem Grafikpack zu kopieren und für das Land umzubenennen, in dem das Grafikpack verfügbar sein soll. Bitte bedenkt aber, dass in dem Ordner alle sprachspezifischen Bilder liegen und die Nutzer dann eventuell Probleme haben, das Spiel zu bedienen wenn sie die Sprache auf den Buttons nicht verstehen.
Die zweite Möglichkeit wäre sich das Grafikpack des Landes zu downloaden, das unterstützt werden soll und daraus den lang/[lang] Ordner zu kopieren. So werden wieder die Standardgrafiken für das entsprechende Land benutzt.

Mögliche Landeskürzel:
Code:

ae ee il nl si
au en in no sk
ba es ine ph th
bg fi ir pk tr
br fr it pl tw
cl gr jp pt ua
cn hk kr ro uk
cz hr lt rs us
de hu lv ru vn
dk id my se za


3. Wenn ich einen farbigen Hintergrund einbinde bleiben die Tabellen trotzdem weiß. Was muss ich machen, damit diese einen transparenten Hintergrund haben?

Alle Tabellen, die "keine" Border haben, haben einen weißen Hintergrund - ******sprechend auch die THs und TDs in der Tabelle.
In der Datei travian_table-[Spezifikation].css sucht ihr dann nach der ID der Tabelle die ihr anpassen wollt. Ändert alle background-color:#FFFFFF; für table th und td in background:none; bzw. fügt es hinzu:
Code:

div.beispiel table.beispiel,
div.beispiel table.beispiel th,
div.beispiel table.beispiel td {background:none;}

[panbubo]

Tak zde jeste rychlo preklad, krome FAQ:

...
6. travian_hacks.css

V souboru, travian_hacks.css jsou definovány dočasné styly.

Cesta:
.../modules/travian_hacks.css

Použité styly:
...bez omezení


7. travian_images-[Specifikace].css

V souboru travian_images-[Specifikace].css jsou definovány styly pro obrázky bez textu.

Cesta:
.../modules/travian_images-[Specifikace].css

Rozdělení:
...• Buttons (Tlačítka)
...• Texts (Texty)
...• Images (Obrázky)

Použité styly:
...• width (šířka)
...• height (výška)
...• background-image (obrázek pozadí)
...• background-repeat (opakování obrázku pozadí)
...• background-position (umístnění obrázku pozadí)


8. travian_layout-[Specifikace].css


V souboru travian_layout-[Specifikace].css jsou definovány všechny styly základního rozvržení. K tomu patří rozmístnění všech elementů kromě Tabulek a vzájemných rozestupů.

Cesta:
.../modules/travian_layout-[Spezifikation].css

Rozdělení:
...• General
...• Layout
...• General elements
...• Servertime
...• Navi
...• Side Navi
...• Side Info
...• Footer Menu
...• Login
...• Signup
...• Activate
...• Village Overview
...• Village Center
...• Village Infos
...• Map
...• Player
...• Alliance
...• Alliance Forum
...• Statistics
...• Reports
...• Messages
...• Buildings
...• Manual
...• Quest
...• Send troops
...• Plus
...• War simulator

Použité styly:
Vše kromě Tabulek, Fontů und obrázkových stylů.


9. travian_table-[Specifikace].css


V Souboru travian_table-[Specifikace].css Jsou definovány všechny styly týkající se tabulek.

Cesta:
.../modules/travian_table-[Spezifikation].css

Rozdělění:
...• General
...• Layout
...• General elements
...• Servertime
...• Navi
...• Side Navi
...• Side Info
...• Footer Menu
...• Login
...• Signup
...• Activate
...• Village Overview
...• Village Center
...• Village Infos
...• Map
...• Player
...• Alliance
...• Alliance Forum
...• Statistics
...• Reports
...• Messages
...• Buildings
...• Manual
...• Quest
...• Send troops
...• Plus
...• War simulator

Použité styly:
Vše týkající se Tabulek a Fontů.