Seite 1 von 1

[Ungelöst] Neue Spalte auf linker Seite, Rahmen um Content

Verfasst: 09.02.2010 11:20
von Peter3
Hallo, ich bin verzweifelt. :cry:

<--!Dummes_Geheule-->
Ich probiere schon seit Wochen herum. Ich habe diverse Modifikationen probiert, ich habe das, das, das und das probiert. Aber immer gab es letztlich keine (für mich befriedigende) Lösung.

Ich hoffe inständig, dass mir irgendjemand hier zum gewünschten Ergebnis helfen kann.

Durch das ganze rumprobieren kann ich mittlerweile einfache css und html codes mehr oder weniger verstehen, sie aber nur bedingt selbst anwenden oder schreiben. Deswegen brauche ich eure Hilfe.

Wahrscheinlich sind es nur kurze css oder html codes, die zum gewünschten Ergebnis führen...
<--!END_Dummes_Geheule--->

Also. Meine Seite soll später Mal vom Design her ungefähr so aussehen.
Sprich so.
Ich benutze einen, bisher unveränderten, prosilver-style.

Also ich fasse mein Problem Mal in Worte:
  • 1. Die komplette Seite soll für eine 1024er Auflösung optimiert werden, also sich nicht mit % verhalten.
  • Lösungsansatz: In common.css den Bereich #wrap anpassen?
    2. Header komplett entfernen und ein eigenes, zentriertes Bild einsetzen.
  • Lösungsansatz: Das würde ich so hier einbauen.
    3. Eine Spalte auf der linken Seite, die ich mit Bildern füllen kann.
    - Verlinkte Bilder untereinander, auf der linken Seite
  • Lösungsansatz: Bisher habe ich das in der über einen neuen div in der overall_header.html mit float:left gelöst... Problem: Der Forencontent rutscht unter das Forum.
    - Wenn das Fenster verkleinert/ die Auflösung kleiner ist, soll der Forencontent nicht unter die Bilder rutschen (was bei den anderen Methoden der Fall war)
  • Lösungsansatz: Ebenfalls in common.css den Bereich #wrap (oder einen neuen div in stylesheet.css erstellender dann für die linke spalte genutzt wird) so anpassen, dass es eine min-widh (minimale Breite) gibt, sodass das Forum gar nicht erst unter die linke Spalte rutschen kann? z.B. die Breite für die linke Spalte auf minimal 200px, das Forum auf minimal 700px und wenn das Fenster kleiner ist, muss man nach links/ rechts scrollen.
    - Bilder beginnen bündig mit und direkt unter dem Header
  • Lösungsansatz: Irgendwo muss ein padding raus, oder? Nur wo?
    4. Content
    - Soll rechts neben den Bildern beginnen.
  • Lösungsansatz: float:right ?
    - Darf nicht bei kleinem Fenster/ kleiner Auflösung unter die linke Navigation rutschen.
  • Lösungsansatz: Wie oben beschrieben, für den Foren-Content eine min-widh festlegen?
    - NUR der Forencontent soll einen Rahmen haben.
  • Lösungsansatz: Dafür fällt mir noch nichts ein ...
Ich denke, dass sind die Hauptprobleme, ich hoffe wirklich, mir kann jemand helfen.
Vielen Dank für jede Hilfe.

MfG
Peter3

Re: Bild-Navigation links, Header, Rahmen um Content u.a.

Verfasst: 10.02.2010 12:01
von Peter3
Hallo.

Ich habe meine Lösungsansätze Mal als Fragen formuliert, da ich, wie gesagt, nicht so viel Ahnung von css/ html habe und mir es aber evt. so vorstellen könnte.
Außerdem habe ich ein neues Bild mit meinen Vorstellungen eingefügt.

Ich hoffe, mir kann jetzt jemand helfen. :)

MfG
Peter3

Re: [Ungelöst] Neue Spalte auf linker Seite, Rahmen um Conte

Verfasst: 10.04.2010 19:25
von Talk19zehn
Hallo Peter3,

meinen Forenrahmen ( nur ein Beispiel (Prosilver), allerdings prozentual für den Rahmen ) habe ich einmal wie folgt erstellt:

ACP / Theme --> vor dem Wrap eingefügt

Code: Alles auswählen


/* Main blocks
---------------------------------------- */
#meinforenrahmen {
   width: 98%;
   margin: 2px auto 2px auto;
   border: 8px #999999 outset;
   padding: 2px 0 2px 0;
   background:white;
}

#wrap {
   padding: 60px 10px;
   width: 98%;
   margin: 0 auto;
   background: #919191 url(http://img/farbverlaufsgrafikuntererfarbwert919191schwazgrau.jpg) repeat-x;
}


overall_header.html - vgl. und ergänze vor der id wrap:

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<br />
<div id="meinforenrahmen">
<div id="wrap">


overall_footer.html - vor dem Seitenende oder an anderer Stelle einfügen:

Code: Alles auswählen

</div><!—Endemeinforenrahmen -->



Andere Ideen und Anleitungen für eine Rahmenerstellung - Eine helfend konstruktive Seite: http://terrenal.de/templates/rahmenhg.php



Eine Spalte links neben dem Forum hatte ich in der Weise eingefügt:

viewtopic.php?f=89&t=199225


Es sind rein gedankliche Ansätze............ :wink: