Anleitung EyeCandy 3-spaltig

Thema wurde von Steffen (indiv-style.de), 6. Januar 2013 erstellt.

  1. Clemens Färber

    Clemens Färber Aktives Mitglied

    Registriert seit:
    9. Mai 2012
    Beiträge:
    28
    Danke erhalten:
    0
    Hi
    hätte noch eine Frage, könnt ihr mir sagen, was ich alles in der Datei ändern muss, damit ich eine Einheitlich standardbreite bekomme??

    Möchte wahrscheinlich von der standardgröße 980 auf 1100 oder 1200 gehen.

    Ne Anwort wäre echt gut :)

    Danke
     
  2. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.872
    Danke erhalten:
    1.546
    Danke vergeben:
    1.121
    schau Dir das doch mal bei mir mit dem Firebug an! Bin auf 1200er Breite
     
  3. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
    Hallo habe da auch so ein kleines problem,
    die css sieht so aus im moment
    wo ist denn dort nun das problem?
    shop ist 1280
     

    Anhänge:

  4. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.127
    Danke erhalten:
    6.177
    Danke vergeben:
    1.090
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Link zum Shop hilft da mehr. die CSS Datei vergleicht doch keiner, das viel zu aufwändig.
    Da macht man FIrebug an für Firefox oder "Element untersuchen" in Chrme und schon sieht man den überltäter LIVE.
     
  5. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
  6. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.872
    Danke erhalten:
    1.546
    Danke vergeben:
    1.121
    bei article.list.cols hast Du ein
    HTML:
    margin-right: -741px
    , das muss schon mal weg.

    container_inner ist bei Dir noch 620px usw., hast schon mal was zu tun.............
     
  7. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
    #87 thorstenhampel, 9. April 2013
    Zuletzt bearbeitet: 9. April 2013
    nun habe ich das alles hin bekommen, aber nun verschiebt er mir immer nach dem speichern mein main nach rechts obwohl es angepasst war sobald ich dann wieder edit mache springt es automatisch zurück aber sobald ich den verlassen ist es wieder rechts und nicht dort wo es sein sollte
     
  8. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.872
    Danke erhalten:
    1.546
    Danke vergeben:
    1.121
    Caches alle geleert?????
     
  9. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
    sie schon mehr als einmal :-( sogar mit verschiedenen browser und pcs
     
  10. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Firebug sagt mir das du 2 css mit 'main hast:

    #main {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    width: 200px;


    }


    #main {
    float: none;
    margin-left: 10px;
    margin-top: 10px;
    width: 850px;


    }


    entferne das oberste komplett und dann geht das! ;)
     
  11. Hidir

    Hidir Erfahrener Benutzer

    Registriert seit:
    15. August 2011
    Beiträge:
    126
    Danke erhalten:
    9
    Danke vergeben:
    27
    genau.

    Steffen hat recht. Die eine löschen und wenn du dabei bist ändere auch,

    ein Tipp von mir.

    Suche:
    .article-list.cols{ -margin-left:20px und margin-right:64px

    #main{ -width:850px

    # main_inside{ -padding-left:20px

    - nicht wergessen im Admin Bereich Cache leeren und Seitenaufbau neue erzeugen etc.
    sehr wichtig.

    Viel glück
     
  12. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
    #92 thorstenhampel, 10. April 2013
    Zuletzt bearbeitet: 10. April 2013
    ich find das nicht, in welchen dateien sollte das denn sein? in dreispaltig ist das nur einmal

    im styleedit ist es richtig und sobald ich den aus machen verschiebt es sich wieder, ich weiß auch nicht weiter habe jetzt alles durchsucht und nichts gefunden :-( wegen 2x main
     
  13. Hidir

    Hidir Erfahrener Benutzer

    Registriert seit:
    15. August 2011
    Beiträge:
    126
    Danke erhalten:
    9
    Danke vergeben:
    27
    #93 Hidir, 10. April 2013
    Zuletzt bearbeitet: 10. April 2013
    thorsten,

    kann es sein das du an falschen css datei suchst? wir reden von momentan geladene css datei von StyleEdit. siehe bild unten.


    Ashampoo_Snap_2013.04.10_11h00m36s_001_.jpg

    Du hast vielleicht bei "templates/EyeCandy/gm_dynamic.css" oder bei "StyleEdit/css/stylesheet.css" gesucht.
    aber gestern hast du hier css datei von dreispaltige css. datei gepostet, da findest du auf jedem fall nicht.

    Mach folgendes: Shop in Bearbeitung Modus starten, dann gehe erweiterte Modus, sichere css Datei ab. Gib eine andere Name die du dann später erkennen kannst, später diese css datei mit Editor öffnen und bearbeiten und unter andere Name speichern, dann diese Datei ins Shop ziehen.
    Nächste Schritt, Shop wieder im Bearbeitung Modus rufen, erweiterte Modus, suche die geänderte css Datei und lade in hoch, cache leeren, fertig.
    Grus
    Hidir
     
  14. thorstenhampel

    thorstenhampel Mitglied

    Registriert seit:
    3. April 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    6
    #94 thorstenhampel, 10. April 2013
    Zuletzt bearbeitet: 10. April 2013
    Danke dir Hidir :)
    werde ich gleich mal machen und dem rest auch nochmal danke für eure hilfe



    Edit: Bestens hat Funktioniert bin Glücklich vielen dank für eure hilfe :)
     
  15. Hidir

    Hidir Erfahrener Benutzer

    Registriert seit:
    15. August 2011
    Beiträge:
    126
    Danke erhalten:
    9
    Danke vergeben:
    27
    Freut mich.


    Übrigens für eine Danksagung gibt es im Forum hier ein „Danke vergeben“ Icon.
    Das freut uns ebenfalls.
    Schönen Abend noch.
    Gruß
    Hidir


    Ashampoo_Snap_2013.04.10_18h55m18s_001_.jpg
     
  16. ms75

    ms75 Neues Mitglied

    Registriert seit:
    15. Mai 2013
    Beiträge:
    3
    Danke erhalten:
    1
    Hallo,

    habe eine Frage zum 3-spaltigen Layout: Die Linke und die Rechte Spalte habe ich mit einer Hintergrundfarbe versehen. Wenn die mittlere Inhaltsspalte recht lang ist, habe ich nach der jeweils letzten Box im rechten und linken Teil keine Hintergrundfarbe mehr. Wie muss ich es CSS mässig lösen, dass die linke und rechte Spalte immer mind. so lang ist wie die Inhaltsspalte und der Hintergrund der beiden äußeren Spalten jeweils bis zum Footer geht. Wäre schön, wenn mir hier jemand helfen könnte.

    Grüße
     
  17. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.127
    Danke erhalten:
    6.177
    Danke vergeben:
    1.090
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Bei CSS fragen bitte IMMER nen Link zur Baustelle, damit man das aktuelle CSS von dir sehen kann.
    Firebug als AdOn für Firefox
    "Element untersuchen" in Chrome über rechte Maustaste
    helfen da unheimlich.
     
  18. ms75

    ms75 Neues Mitglied

    Registriert seit:
    15. Mai 2013
    Beiträge:
    3
    Danke erhalten:
    1
    #98 ms75, 4. Juni 2013
    Zuletzt bearbeitet: 4. Juni 2013
    Hallo,
    die Baustelle befindet sich derzeit hinter einer .htaccess :) . Im Internet finden sich schon einige Seiten, in denen das Problem beschrieben wird, leider hat noch keine weitergeholfen, ich bin jetzt aber auch kein css Profi. Probiert habe ich zB. im Wrapper height:auto !important; und bei den Spalten jeweils min-height: 100%; bzw. height: 100%; - hat aber nix gebracht.

    Grüße
     
  19. ms75

    ms75 Neues Mitglied

    Registriert seit:
    15. Mai 2013
    Beiträge:
    3
    Danke erhalten:
    1
    Hallo,
    nachdem ich jetzt nochmal etwas rum probiert habe, habe ich nun eine Lösung für das Problem mit der gleichen Länge der 3 Spalten gefunden.
    Falls jemand mal auch die Spalten mit Hindergrundfarbe bis zum Footer versehen möchte, hier eine Möglichkeit:
    bei der ID container_inner folgende CSS Eigenschaften hinzufügen:
    overflow: hidden;
    height: 100%; /* für IE6 */

    Dann jeweils bei den 3 Spalten left, main und dreiright die Spaltenabstände unten auf einen extrem hohen Wert einstellen, zum Beispiel:
    padding-bottom: 8192px;
    margin-bottom: -8192px;

    Das passiert: Der extreme Innenabstand vergrössert die Spalte weit nach unten und der negative Außenabstand mit dem "Gegenwert" bewirkt, dass die Spalte regulär wieder da endet wo sie ohne padding-bottom enden würde. Der optische Überhang wird dann durch das Eltern Element mit overflow: hidden versteckt.
     
  20. martina018

    martina018 Mitglied

    Registriert seit:
    26. Dezember 2012
    Beiträge:
    19
    Danke erhalten:
    0
    Hallo Steffen,

    möchte gerne meine Seite auch dreispaltig haben.
    kannst Du mir helfen ??. Wo finde ich /templates/EyeCandy/index.html wie Du angegeben hast ?? Ein kleiner Tipp für einen Anfänger wäre super toll.

    Gruss