Anzeige

Template Umbau

Template Umbau | PSD-Tutorials.de

Erstellt von adler32, 20.08.2008.

  1. adler32

    adler32 Nicht mehr ganz neu hier

    Dabei seit:
    21.04.2008
    Beiträge:
    148
    Geschlecht:
    männlich
    Ort:
    Metten
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    KONICA MINOLTA DIMAGE E500
    Template Umbau
    Hi,

    ich hab im Template schon in der CSS rumgebastelt, aber nun komme ich nicht weiter, weiß wer, wie ich das machen kann, siehe Bild:
    [​IMG]

    Hier ist das Original:
    Joomla Template Demoseite
     
    #1      
  2. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Template Umbau
    AW: Template Umbau

    Dafür musst du ein 3-Spaltiges Layout erstellen.
    In der rechten Spalte fügst du dann einfach den gewünschten Inhalt ein.




    EDIT: Bitte behandel dieses Thema nur in EINEM Thread!!
     
    #2      
  3. adler32

    adler32 Nicht mehr ganz neu hier

    Dabei seit:
    21.04.2008
    Beiträge:
    148
    Geschlecht:
    männlich
    Ort:
    Metten
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    KONICA MINOLTA DIMAGE E500
    Template Umbau
    AW: Template Umbau

    Und wie mache ich das? Die Bilder dafür sind ja schon da, muß ich normalerweise nur den Code ändern, oder?
     
    #3      
  4. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Template Umbau
    AW: Template Umbau

    Ja, wie schon gesagt, du musst das Layout so umstricken, dass du drei Spalten hast.
    Diese definierst du dann mit CSS und richtest sie so aus, wie du es gerne hättest.
     
    #4      
  5. adler32

    adler32 Nicht mehr ganz neu hier

    Dabei seit:
    21.04.2008
    Beiträge:
    148
    Geschlecht:
    männlich
    Ort:
    Metten
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    KONICA MINOLTA DIMAGE E500
    Template Umbau
    AW: Template Umbau

    Folgendes habe ich im CSS kopiert:

    /* module left */
    #left_l {
    background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat;
    }

    #left_r {
    background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat;
    }

    und nach Content wieder eingefügt, und dann umgeschrieben in folgendes:

    /* module right */
    #right_l {
    background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat;
    }

    #right_r {
    background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat;
    }

    dadurch habe ich das bekommen, was man auf dem letzten Bild gesehen hat.
    Nun weiß ich nicht, wo ich den Rest noch einstellen muß.
    Wie sieht das im CSS überhaupt aus, muß man da eine bestimmte Reihenfolge einhalten.
     
    #5      
  6. gp812

    gp812 Newbster

    Dabei seit:
    23.12.2007
    Beiträge:
    278
    Geschlecht:
    männlich
    Ort:
    Stuttgart
    Software:
    CS3, EditPlus
    Template Umbau
    AW: Template Umbau

    Du muss <div id="right"> und dessen Inhalt "rausbringen".
    Also momentan ist ja so:

    <div id="container_2">
    <div id="content_outer">
    ...usw bis irgendwann
    <div id="right"> kommt

    Dann werden noch die ganzen divs geschlossen.

    Und dann <div id="right"></div> muss außerhalb von <div id="content_outer></div> stehen.
    Also direkt als Unterelement von <div id="container_2">
     
    #6      
  7. adler32

    adler32 Nicht mehr ganz neu hier

    Dabei seit:
    21.04.2008
    Beiträge:
    148
    Geschlecht:
    männlich
    Ort:
    Metten
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    KONICA MINOLTA DIMAGE E500
    Template Umbau
    AW: Template Umbau

    So, schaut euch das Bild an, so weit bin ich nun, aber wie mache ich nun den Rest???
    [​IMG]
     
    #7      
  8. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Template Umbau
    AW: Template Umbau

    Alles eine Sache des CSS! Wenn das Layout schon so weit umgeschrieben ist, musst du das alles nur noch vernünftig ausrichten.

    Einfach mal ein Wenig rumprobieren! Hat noch niemanden getötet...
     
    #8      
x
×
×