ilch Forum » Ilch Clan 1.1 » Design und Templates » style.css anpassen ????

Geschlossen
  1. #1
    User Pic
    nxp Mitglied
    Registriert seit
    21.01.2006
    Beiträge
    92
    Beitragswertungen
    0 Beitragspunkte
    hey all

    habe mal ne frage hab mal selber ne webseite design gemacht
    ------------------------------------------------------------------------
    aber weiss nicht wie man style.css anpasst traurig
    kann mir jemand weiterhelfen wie ich es anpassen kann/muss ???
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    eyeball Mitglied
    Registriert seit
    16.03.2005
    Beiträge
    61
    Beitragswertungen
    0 Beitragspunkte
    Hi du,versuchmal die seite,is einfach zu verstehen und hatt mir auch sehr gut geholfen. externer Link

    sry hab nicht richtig gelessen^^wolls nen design an ilch anpassen^^

    Diese Erklärung richtet sich an all diejenigen die ein wenig HTML Kenntnisse haben und sich ein eigenes Design erstellen wollen. Man braucht NUR html kein php oder sonst irgendwelche Kentnisse, wobei natürlich CSS Grund Kenntnisse nicht schlecht wären.

    Im wesentlichen braucht man dafür ersteinmal einen neuen Ordner der am besten den Namen des neuen Designs bekommt.

    In diesen Ordner kann die style.css aus dem Standard Design (ilchClan) einfach kopiert werden. Diese Datei wird dann später den anforderungen angepasst.

    Jetzt kann nach Vorbild der index.htm aus dem Standartdesign eine eigene index.htm gebastelt werden. (z.b. mit Dreamweaver, Frontpage usw.)

    die Dateien die zu diesem Design gehören sollte in dem Design Ordner gespeichert werden. genau wie die index.htm

    Wenn das Design komplett fertig erstellt ist. Müssen jetzt noch einige Anpassungen vorgenommen werden.

    Zuersteinmal wo soll der Inhalt des Clanscripts angezeigt werden? Wenn diese Frage geklärt ist kann an die Stelle wo der Inhalt angezeigt werden soll folgender Platzhalter eingefügt werden:

    {EXPLODE}

    Nun kann man noch Module oder auch Boxen einfügen. Wie z.b. eine Partner Box, Login Box usw.

    Wenn z.B. die Partner Box in das Design eingefügt werden soll, kann an die Stelle wo diese Box später angezeigt werdensoll folgender Platzhalter verwendet werden:

    {_boxes_ALLIANZ}

    genau auf diese weise kann jede Datei im Ordner include/boxes eingefügt werden. In diesem Ordner liegt also eine Datei allianz.php und diese Datei wird dann später ausgeführ und der Inhalt an die Stelle des Platzhalters eingefügt. Ist also Kinderleicht ;-)

    Dort wo der Titel der Page eingefügt werden soll kann folgender Platzahlter hingeschrieben werden:

    {TITLE}

    Zusätzlich kann man noch einen Platzhalter für ein horizontales Menü einfügen:

    {HMENU}

    Gut, aber wie erstellt man einen Menü Punkt?
    Ein Link der z.b. auf das Forum verweist sie so aus:

    <a href="?m=forum">Forum</a>

    oder für die News

    <a href="?m=news">News</a>

    also alle Dateien die im Verzeichnis include liegen können so eingefügt werden.

    genauso verhält es sich auch mit allen anderen Dateien in diesem Ordner.

    Jetzt müssen nur noch die Pfade zu den Bildern angepasst werden, wenn die Bilder im selben Verzeichnis wie die index.htm liegen ist bis jetzt ja noch gar kein Pfad eingegeben das könnte z.B. so aussehen:

    <img src="logo.gif">

    oder wenn es einen eigenen Bilder Ordner für die Grafiken in dem Design gibt so:

    <img src="images/logo.gif">

    diese Pfad muss jetzt geändert werden auf:

    include/designs/DEINDESIGN/logo.gif
    oder
    include/designs/DEINDESIGN/images/logo.gif

    wobei DEINDESIGN der Name des Designs Ordners ist in dem das Design erstellt wurde.

    Bitte ausserdem die style.css anpassen und einbinden (im Standartdesign abschauen) das ich wichtig da die ganzen Tabellen und Templates des Clanscripts auf diese Style Angaben zurückgreifen. Wenn diese Angaben aber nicht zu finden sind, könnte das Script komisch aussehen

    Ausserdem zu beachten: Mit dieser Methode kann man zwar sehr leicht ein Design erstellen, die Menü Punkte oder Boxen lassen sich aber nicht im Admin bereich ändern oder verschieben.

    Ein ausführliches Tutorial dazu gibt es hier:

    www.ilch-cms.de/?m=downloads&um=show&fid=7


    Zuletzt modifiziert von eyeball am 26.01.2006 - 18:51:50
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    nxp Mitglied
    Registriert seit
    21.01.2006
    Beiträge
    92
    Beitragswertungen
    0 Beitragspunkte
    ok werde mal schauen
    thx
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    nxp Mitglied
    Registriert seit
    21.01.2006
    Beiträge
    92
    Beitragswertungen
    0 Beitragspunkte
    hab noch ne kleine Frage
    kann es sein, dass style.css gleich wie code ist???:|
    lächeln
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    css dateien haben ihren eigenen aufbau.

    Abgucken kannst dir den Aufbau in der Style.css vom Standarddesign
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    nxp Mitglied
    Registriert seit
    21.01.2006
    Beiträge
    92
    Beitragswertungen
    0 Beitragspunkte
    also ich hab ein eigenes design mit FrontPage erstellt
    könnte ich dann auch einfach die gleiche style.css wie im standart design nehmen ???
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    ja klar.

    Du mußt nur die Datei verlinken und die Class Einträge richtig machen.
    Wie das alles gemacht wird siehst du alles im Standarddesign.
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    nxp Mitglied
    Registriert seit
    21.01.2006
    Beiträge
    92
    Beitragswertungen
    0 Beitragspunkte
    ok thx
    versuche es zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten