Guide: Sådan laver du grafikpakker til T3.5+

[Ridder Huma]

Sådan laver du grafikpakker til T3.5+.

Indhold:
I) Mappestrukturen af standard grafikpakken
II) Grafikpakke logoet.
III) CSS Filer

Da vi nu endeligt kan bruge grafikpakker igen er der sket en del ting efter vi har fået T3.5+. Grafikpakkerne laves nu på en lidt anderledes måde end det var før i det gamle version (T3.0-T3.1) hvor man bare kunne udskifte billederne med nye.

I) Mappestrukturen af standard grafikpakken

1. /img

Her vil du kunne se de mappenavne står for og bruges til, og skal gemmes i:

a       generelt
f       alliance forum
g       bygninger og baggrunde billeder til landsbyoversigt
l       layout
m       kort
misc    blandet
msg     beskeder
p       travian plus
q       missioner
r       råstoffer
s       statistikker
special fyrværkeri
t       medaljer
u       enheder
u2      store enheder
u2rtl   store enheder (spejlvendt)

2. /lang/[language_code]

I denne mappe vil du kunne finde billeder der er sprogafhængige:

a         generelt
b         knapper
f         alliance forum
msg       beskeder
p         travian plus
t1        overskrifter
t2        overskrifter

3. /modules

I denne mappe ligger alle CSS moduler placeret. Læs III.5 til III.9 for mere information.

II) Grafikpakke logoet.

I hovedmappen vil du kunne finde billedet gp_preview.gif den bruges til når en bruger aktivere din grafikpakke vil det være den der bruges for at vise hvad grafikpakke er og hvad den hedder o.l, bla kan den bruges til at "prale" med at du har lavet netop den grafikpakke. Når man har indtastet den rigtige sti til grafikpakken vil den blive valideret, bliver den valideret vil logoen blive vist frem også i spillet.

III) CSS Filer

1. Generelle retningslinjer

• Alle classes, ID'er og kommentar i CSS filer er skrevet på engelsk, for at undgå forvirring vil det stå på engelsk.

• Spillet layout vil blive delt i to:
  
  • heletiden synligt (menu, navigation, landsbyer og hotlink lister)
  • ændring af områder i midten (selve indholdet af siden)
  
  For at forhindre overskrivning af indstillingerne i de forskellige CSS-classes er "per-view" blevet indført.
  Afhængigt af hvilken side du ser på i spillet med "div container" med ID "indhold" har en anden classes tildelt. Prefixing en CSS-definition af "div. [Indhold class selector]" kandu sørge for, at det kun gælder for den enkelte side i spillet.
  
  Mulige indhold i classes selektorer:
  

  a2b           Sende enheder
  activate      aktivering af konto
  alliance      alliance
  build         konstruktion af bygninger
  error_site    fejlside
  forum         alliance forum
  login         log ind
  logout        log ud
  manual        brugsanvisning
  map           kort
  messages      beskeder
  player        spiller
  plus          travian plus
  reports       rapporter
  signup        tilmelding
  statistics    statistikker
  support       support
  village1      landsby oversigt
  village2      landsby center
  village3      komplette landsby oversigt
  warsim        kampsimulator

• CSS-filer er struktureret på et bestemt måde (som vil blive forklaret i de respektive kapitler). Denne struktur har været præget af kommentarer til at lette en brugers orienteringen i filerne.

• Alle CSS filer i mappen moduler har en vedhæftelse efter den faktiske filnavn. For eksempel "-ltr" betyder "venstre til højre" og "-rtl" dermed betyder "højre til venstre". Begge eksempler kan læses i en HTML dokument (Notesblok eller SharePoint).

• Billederne er ikke længere "fastgjort" ved hjælp af "src" attribut i tag i HTML. HTML henviser kun til en gennemsigtig GIF, der er manipuleret i de respektive CSS-fil ved hjælp af background. Dette har følgende fordele:
  
  • Billeder (for eksempel tropper) kan kombineres i et enkelt billede. På den måde er der kun et enkelt billede, der skal bruges, som derefter flyttet til en position ved hjælp af background i CSS. Dette vil kunnen reducere loading tiden i spillet.
  
  
  
  • På grund af det, vil Pakken blive kontrolleret af CSS om de er tilgængelige i grafikpakken, kan alle billeder ændres uden at skulle have adgang til kildekoden.

2. gp_check.css

Denne fil kan aktiveres af grafikpakken. Først når denne fil er blevet korrekt integreret i grafikpakken, at den valgte grafikpakke vælges.
Det er derfor, du ikke bør ændre filen.
Denne fil er en del af den grafiske pakke.

Sti:
.../lang/[language_code]/gp_check.css

3. lang.css

I denne fil style definitioner for sprog, afhængigt om billederne er kontrolleret.
Denne fil er en del af den grafiske pakke.

Sti:
.../lang/[language_code]/lang.css

Struktur:
• Buttons
• Texts (feks. overskrifter)
• Images

Indeholdt Styles:
• width
• height
• background-image
• background-repeat
• background-position

4. travian.css

Denne fil kan bruges til at skabe en grafikpakke fra moduler. Afhængigt af den ønskede læse retning og skriftstørrelse og et andet modul vil kunne kombineres til et enkelt grafikpakke.
Naturligvis bør standardmodulerne kun overvejes til blå kopieringer og kan ændres til enhver's stil. Den er dog ikke obligatorisk at have dem med. I stedet kan man endda inkludere egne filer eller selv skrive den ønskede fil direkte ind i travian.css filen.
Denne fil er en del af den grafiske pakke.

Sti:
.../travian.css

5. travian_fonts-[spezification].css
I

dette fil travian_fonts-[specification].css er alle font style definitioner skrevet i listen:

Sti:
.../modules/travian_fonts-[spezification].css

Struktur:
• 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

Indeholdt definitioner:
• font-size
• font-weight
• font-style
• color
• font-family
• font-decoration

6. travian_hacks-[spezification].css

I filen travian_images-[specification].css vil du finde alle midlertidige styles

Sti:
.../modules/travian_hacks-[spezification].css

Struktur:
...Ingen begrænsninger

7. travian_images-[spezification].css

I filen travian_images-[specification].css er alle definitioner for alle uafhængig sprog til billederne.

Sti:
.../modules/travian_images-[spezification].css

Struktur:
• Buttons (Knapper)
• Texts (feks. Overskrifter)
• Images (Billeder)

Indeholdt styles:
• width
• height
• background-image
• background-repeat
• background-position

8. travian_layout-[spezification].css

Filen travian_layout-[specification].css definition for basis layout. Dette inkludere position elementer af tables og deres korrekte distance.

Sti:
.../modules/travian_layout-[spezification].css

Struktur:
• 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

Indeholdt styles:
Alle tabels som ikke er medtaget, med undtagelse af fonts og image definitioner.

9. travian_table-[spezification].css

I filen travian_table-[specification].css defineres alle definitioner for elementer indenfor tables.

Sti:
.../modules/travian_table-[spezification].css

Struktur:
• 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

Indeholdt styles:
Alle tabels som er medtaget, med undtagelse af fonts og image definitioner.

[zeonos]

er det muligt at få en kopi af standard grafik pakken?, syntes kun jeg kan finde den gamle version i alle guides :/

[Ridder Huma]

er det muligt at få en kopi af standard grafik pakken?, syntes kun jeg kan finde den gamle version i alle guides :/

Du kan downloade den direkte fra spillet.

Profil -> Grafikpakke

[zeonos]

tak, den have jeg overset.

[reindahl]

du skal være opmærksom på at den grafikpakke du kan download ikke er opdateret endnu fra travians side. det betyder at der kommer ændring i nogle af css filerne samt at der bliver tilføjet en række billeder inde for de næste par dage.

så hvis jeg var dig, ville jeg vente med at lave de store ændringer til at standart grafikpakken blev opdateret. da det eller let bliver dobbelt arbejde


der ud over er det direkte link til standart grafikpakken her http://img.travian.com/gpack/downloa...default_dk.zip