Template anpassen!

Fragen zu Änderungen am Template

Moderator: Paddelberg

Antworten
Benutzeravatar
Paddelberg
Site Admin
Beiträge: 910
Registriert: Dienstag 17. Januar 2006, 00:02
Wohnort: Worms

Template anpassen!

Beitrag von Paddelberg » Mittwoch 29. März 2006, 01:07

Hi
da schon des öfteren gefragt wurde möchte ich hier mal erklären, wie man das Template anpassen kann und was die Platzhalter bedeuten

Neues Template erstellen

Als erstes solltest du im Ordner html/ einen neuen Ordner anlegen. Nenne diesen, wie du möchtest, z.B. "template1", nur benutze keine Sonder - oder Leerzeichen!
Dann kopiere den gesamten Inhalt des Ordners html/standard/ in den soeben erstellten Ordner.
Ändere nun den Pfad zur Datei style.css in der Datei topsite.html

Den Pfad zur Datei style.css findest du im Head dieser Datei und sieht etwa so aus

Code: Alles auswählen

<link href="html/standard/style.css" rel="stylesheet" type="text/css">
ändere standard in den von dir für das Design gewählten Ordnernamen!
Das ganze dann hochladen und das Design im Admin Bereich unter "Config->Aussehen->Design auswählen" aktivieren

Neues Template hinzufügen

Lade dir ein Design von der Mod Seite runter, entpacke das zip in den Ordner html/ und lade den Ordner mit den Template Dateien auf deinen Server.
Gehe in den Admin Bereich und füge den Code, den du in der readme.txt des jeweiligen Templates findest in das Feld "Ende Zeile (Anfang Tabelle von Liste)" unter Config->Werbung->"Code am Anfang und Ende jeder Zeile" ein
Aktiviere nun das Template unter "Config->Aussehen->Design auswählen"

Tips zum ändern der Templates

coming soon!

Die Template Dateien

Topliste plus Unterseiten

Die Topliste selbst setzt sich aus den folgenden 3 Dateien zusammen, welche von der Datei index.php ausgegeben werden

topsite.html -> Haupttemplate
topsite-rows.html -> Die einzelnen Einträge in der Topliste (wird in die Datei topsite.html eingefügt)
topsite-rows-header.html -> Der Kopf der Topliste (da wo Platz Seite/Beschreibung In Out steht, wird in die Datei topsite.html eingefügt)
Die Dateien topsite-rows.html und topsite-rows-header.html enthalten nur den Code für jeweils eine Zeile. Diese werden dann vom Script so oft wie nötig multipliziert und in die Topliste eingefügt

Anmeldeseite

Die Anmeldeseite setzt sich, je nach Konfiguration des Scriptes aus bis zu 3 Dateien zusammen, plus der Bestätigungsseite, welche von der Datei add.php ausgegeben werden

add.html -> Das Haupttemplate der Anmeldeseite!
add_banner_row.html -> Die Zeile mit der Eingabe für den Banner. Wird nur angezeigt, wenn du unter Config->Anzeige den Punkt "Banner anzeigen" aktiviert hast.
add_save_row.html -> Die Zeile mit dem Captcha Code (Bild mit Zahl, die ins Feld eingegeben werden muss). Wird nur angezeigt, wenn du unter Config->Anmeldung den Punkt "Validierungscode (Captcha)" aktiviert hast.
added.html -> Bestätigungsseite - Die Seite, die angezeigt wird, wenn ein Account erfolgreich hinzugefügt wurde. (Seite mit Logindaten und Backlink Code)

Mitgliederbereich - Login und Lost Passwort

Diese Dateien von der Datei members/index.php ausgegeben

members/main.html -> Alles im Mitgliederbereich, ausser dem Content Part (Zelle mit den Accountdaten!)
Die Weite der Zelle für den Content Part kann im Admin Bereich unter Config->Aussehen->"Members table width" eingestellt werden. Hintergrundfarbe der Zelle ist über css einstellbar
members/login.html -> Die Login Seite zum Mitgliederbereich
members/lost.html -> Die Seite, auf der man ein neues Passwort beantragen kann

Hintergrundfarbe, Hintergrundbild, Textfarbe, Linkfarbe etc

style.css -> Textformatierung -
Du kannst z.B. die Hintergrundfarben (Seite selbst und für die einzelnen Zellen!), Hintergrundbild, Textfarbe, Linkfarbe, Abstände etc einstellen
genauere Infos findest du weiter unter
Diese Datei wird ab der Version 1.21 (ab 12.11.2006, nur bei Neuinstallationen) für alle Seiten ausser den Admin Bereich zur Formatierung verwendet. Bei älteren Versionen wird diese Datei nur für die Topliste selbst verwendet. Die Stylesheets für die anderen Seiten befinden sich in der älteren Version noch in den Temaplate Dateien selbst!


Platzhalter

In allen Templates findest du {Platzhalter}.
{Platzhalter} stehen immer in einer geschweiften Klammer {}
Diese {Platzhalter} werden vom Script automatisch durch die entsprechenden Texte/Codes ersetzt.
Hier siehst du eine Auflistung aller Platzhalter der Template Dateien, mit was diese Platzhalter ersetzt werden und gegebenenfalls wo du dies einstellen kannst


Platzhalter topsite.html

{topsitename} -> Der Name der Topliste (admin->config->setting-> Toplisten Name
{topsiteurl} -> Die urls zur Topliste (admin->config->setting-> Toplisten Url)
{text_signup} -> Der Text "Anmelden" (-> lang/de.php -> $text_signup)
{text_members} -> Der Text "Mitglieder"
{menu} -> Das Menü zu den Unterseiten der Topliste (nur sichtbar, wenn die Topliste mehrere Seiten hat)
{listheader} -> Der Kopf der Liste selbst (über den Einträgen, da wo "Platz Seite/Beschreibung In Out" steht) (-> html/topsite-rows-header.html)
{listtable} -> Die Eintäge selbst (-> html/topsite-rows.html)
{currenthitsin} -> Die Hits in aller aktivierten Accounts seit dem letzten Reset
{text_currenthitsin} -> Der Text "Hits in" unten in der Statistik (-> lang/de.php -> $text_currenthitsin)
{currenthitsout} -> Die Hits out aller aktivierten Accounts seit dem letzten Reset jeweiligen
{text_currenthitsout} -> Der Text "Hits out" unten in der Statistik (-> lang/de.php -> $text_currenthitsout)
{text_ratio} -> Der Text "Ratio" unten in der Statistik (-> lang/de.php -> $text_ratio)
{ratiohits} -> Das Verhältniss zwischen Hits in und Hits out aller aktivierten Accounts seit dem letzten Reset
{allhitsin} -> Alle Hits in seit bestehen der Topliste
{text_hitsin} -> Der Text "Hits in Total" (-> lang/de.php -> $text_hitsin)
{allhitsout} -> Alle Hits out seit bestehen der Topliste
{text_hitsout} -> Der Text "Hits out Total" (-> lang/de.php -> $text_hitsout)
{text_ratiototal} -> Das Verhältniss zwischen Hits in und Hits out aller aktivierten Accounts seit bestehen der Topliste
{ratiohitstotal} -> Der Text "Ratio total" unten in der Statistik (-> lang/de.php -> $text_ratiototal)
{allusers} -> Anzahl aller aktivierten Accounts in der Topliste
{text_nextreset} -> Der Text "Nächstes Reset" unten in der Statistik (-> lang/de.php -> $text_nextreset)
{nextreset} -> Das Datum und Uhrzeit des letzten Resets der Topliste
{text_lastreset} -> Der Text "Letzes Reset" unten in der Statistik (-> lang/de.php -> $text_lastreset)
{lastreset} -> Das Datum und Uhrzeit des nächsten Resets der Topliste
{text_code} -> das Copyright im Footer

Platzhalter topsite-rows.html

{top_rank} -> Die Positionierung, den der Account auf der Topliste einnimmt
{top_url} -> Die Url des jeweiligen Accounts
{top_id} -> Die Account id des jeweiligen Accounts
{top_title} -> Der Titel des jeweiligen Accounts
{newsite} -> Anzeige, ob eine Seite neu ist (der Text "Neu" rechts neben dem Titel einstellbar unter admin->config->setting -> Neue Markieren und admin->config->setting -> Wie lange markieren)
{top_banner} -> Der Bannerdes jeweiligen Accounts
{top_description} -> Die Beschreibungdes jeweiligen Accounts
{top_hitin} -> Die Hits in seit dem letzten Reset des jeweiligen Accounts
{top_hitintotal} -> Die gesamten Hits in des jeweiligen Accounts seit Anmeldung in der Topliste
{top_hitout} -> Die Hits out seit dem letzten Reset des jeweiligen Accounts
{top_hitouttotal} -> Die gesamten Hits out des jeweiligen Accounts seit Anmeldung in der Topliste

Platzhalter topsite-rows-header.html

{text_rank} -> Der Text "Platz" (-> lang/de.php -> $text_rank)
{text_description} -> Der Text "Seite/Beschreibung" (-> lang/de.php -> $text_topdescription)
{text_in} -> Der Text "In" (-> lang/de.php -> $text_in)
{text_out} -> Der Text "Out" (-> lang/de.php -> $text_out)


------------------------------------------------------------------------------
------------------------------------------------------------------------------

Ab hier Fehlen noch einige Informationen (für v1.2).
Diese werden nach Fertigstellung des Updates auf Version 1.21 (vorraussichtlich 12.11.2006) nachgereicht!

------------------------------------------------------------------------------
------------------------------------------------------------------------------



Platzhalter add.html

coming soon

Platzhalter add_banner_row.html

coming soon

Platzhalter add_save_row.html

coming soon

Platzhalter added.html

coming soon

Platzhalter members/login.html

coming soon

Platzhalter members/lost.html

coming soon

Platzhalter members/main.html

coming soon


Erklärungen zur Datei style.css

Hier die datei style.css (die Zahlen am Angfang jeder Zeill dienen nur zur besseren Orientierung und sind nicht in der Datei style.css enthalten!)

Für alle Versionen ab Version 1.2.1 (ab dem 12.11.2006)

coming soon

Für alle Versionen bis Version 1.2 (vor dem 12.11.2006)
  1. body {margin-left: 5px;margin-top: 5px;margin-right: 5px;margin-bottom: 5px;background-color: #FFFFFF;background-image: url(img/back.gif);}
  2. h1 {margin:0px; padding:15px;}
  3. body,td,th {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;}
  4. table { background-color:#FFFFFF}
  5. td { background-color:#FFFFFF}
  6. .new {color: #FF0000; font-weight:bolder;}
  7. .banner { padding:4px; padding-bottom:0px;}
  8. .description { font-size:12px; padding-left:4px; padding-top:0px; padding-right:4px; padding-bottom:4px}
  9. .stats {font-size: 10px; padding-left:5px; padding-top:2px; padding-right:5px; padding-bottom:2px}
  10. a {font-size: 12px;color: #990000;}
  11. a:visited {color: #990000;}
  12. a:hover {color: #FF9900;}
  13. a:active {color: #FF0000;}
  14. a.members {font-size: 12px;color: #000000;}
  15. a.members:visited {color: #000000;}
  16. a.members:hover {color: #000000;}
  17. a.members:active {color: #000000;}
  18. a.sitetitle {font-size: 12px;color: #990000; padding-left:4px; padding-top:4px; padding-right:4px; padding-bottom:0px}
  19. a.sitetitle:visited {color: #990000;}
  20. a.sitetitle:hover {color: #FF9900;}
  21. a.sitetitle:active {color: #FF0000;}
  22. a.topsitemenu {font-size: 12px;color: #990000; padding-left:4px; padding-top:4px; padding-right:4px; padding-bottom:0px}
  23. a.topsitemenu:visited {color: #990000;}
  24. a.topsitemenu:hover {color: #FF9900;}
  25. a.topsitemenu:active {color: #FF0000;}
  26. a.topmenu {font-size: 12px;color: #990000; padding-left:4px; padding-top:4px; padding-right:4px; padding-bottom:0px}
  27. a.topmenu:visited {color: #990000;}
  28. a.topmenu:hover {color: #FF9900;}
  29. a.topmenu:active {color: #FF0000;}
  1. body -> betrifft die gesamte Topliste: mit "background-color: #FFFFFF;" kannst du die Hintergrundfarbe der Seite einstellen und mit background-image: url(img/back.gif) ein Hintergrundbild
  2. h1 -> alle h1 Überschriften
  3. body,td,th -> bedrifft nochmal den ganzen Body, hier kann die Schriftart (font-family) Schiftgröße (font-size) und Schriftfarbe (color) eingestellt werden
  4. table -> alle tabellen (hier die Hintergundfarbe der tables)
  5. td -> das selbe wie bei table nur halt für Zellen
  6. .new -> Für den Text "Neu" zur markierung neuer Seiten
  7. .banner -> für die banner der einzelnen Accounts
  8. .description -> Für die Beschreibung der einzelnen Accounts
  9. .stats -> Für die Statistiken ganz unten
  10. a -> Standard Links
  11. a:visited -> Standard Links besuchter Link
  12. a:hover -> Standard Links mouseover Link
  13. a:active -> Standard Links aktiver Link
  14. a.members -> Für die Links Anmelden und Mitglieder ganz unten im Footer der Liste (nicht die im Header!!!)
  15. a.members:visited ->
  16. a.members:hover ->
  17. a.members:active ->
  18. a.sitetitle -> Der Titel der einzelnen Accounts auf der Topliste
  19. a.sitetitle:visited ->
  20. a.sitetitle:hover ->
  21. a.sitetitle:active ->
  22. a.topsitemenu -> mmmhhhhhh? nicht belegt! :)
  23. a.topsitemenu:visited -> ?????
  24. a.topsitemenu:hover -> ?????
  25. a.topsitemenu:active -> ?????
  26. a.topmenu -> Die Links ganz oben im Header (Anmelden, Mitglieder, Your Link...)
  27. a.topmenu:visited ->
  28. a.topmenu:hover ->
  29. a.topmenu:active ->
mfg
simon

Antworten