Hintergrund dreigeteilt

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Re: Hintergrund dreigeteilt

Beitrag von tazzi »

ich danke dir schonmal im vorraus, kanns zur zeit nicht ausprobieren, kind ist krank. versuchs aber so schnell wie möglich, versprochen!
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
WEEDman
Mitglied
Beiträge: 330
Registriert: 27.04.2005 18:37
Wohnort: in Brandenburg

Re: Hintergrund dreigeteilt ( Hintergrundbild )

Beitrag von WEEDman »

Talk19zehn hat geschrieben:....
hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand unten ;)
vorallem da ja dann eine variable Breitenangabe funktioniert
(hab deine Lösung aber noch nicht getestet)

Edit: hab gerade deinen anderen Thread gelesen und im Prinzip hast du ja bloß meinen Vorschlag abgeändert :-?
MfG ~ 8)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
rofl
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Hintergrund dreigeteilt

Beitrag von Talk19zehn »

WEEDman hat geschrieben:
Talk19zehn hat geschrieben:....
hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand unten ;)
vorallem da ja dann eine variable Breitenangabe funktioniert
(hab deine Lösung aber noch nicht getestet)

Edit: hab gerade deinen anderen Thread gelesen und im Prinzip hast du ja bloß meinen Vorschlag abgeändert :-?




Wenn man sich ein wenig auskennt, klappt´s auch mit dem unteren Bereich der Seite.

Dein Edit ---> Was soll eine derartige Bemerkung?
Deinen Beitrag kenne ich nicht und, was ich erarbeite, schreibe ich nirgends ab! Das, was hier gepostet ist, ist nichts, was die CSS - Welt nicht kennt. Sowas ist allgemein bekannt und auf zudem jeder guten Seite und in Büchern nachlesbar. :roll:
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
wrestling4you
Mitglied
Beiträge: 39
Registriert: 31.05.2009 11:52

Re: Hintergrund dreigeteilt

Beitrag von wrestling4you »

hi danke für diesen Code um den Hintergrund dreigeteilt darzustellen, ich habe soweit alles hin bekommen nur habe ich das Problem das ich das Bild im Rechten Container nicht angezeigt bekomme ich füge diesen Code in meine Overall_footer.html ein:

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->

<div id="rechtsbox"></div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->

</body>
</html>
vor diesem Code steht nur noch ein Code vom Mod: Advertisement Management

das verrückte ist je nachdem wo ich den Code einfüge kann es passieren das das Bild für den Rechten Container überall, nur in der Forenübersicht oder überall nur nicht in der Forenübersicht angezeigt wird und das Rechte ist plötzlich auch zusehen.

Nach 3 Stunden des vergeblichen Probieren bin ich über jeden Lösungsvorschlag dankbar.

PS: Caches würden natürlich geleert und das Bild existiert auch in dem angegebenen Verzeichnis
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Hintergrund dreigeteilt

Beitrag von Talk19zehn »

Hallo wrestling4you ,

ich frage besser noch einmal: Was hast Du in die overall_header.html und im Theme eingefügt?


vgl. bitte ggf. viewtopic.php?f=89&t=203495

Uups: Link lässt sich im Zitat nicht darstellen?
Gehe es doch bitte noch einmal durch: Evtl hast Du irgendwo einen Eintrag versehentlich vergessen? viewtopic.php?f=89&t=203495

Beste Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
wrestling4you
Mitglied
Beiträge: 39
Registriert: 31.05.2009 11:52

Re: Hintergrund dreigeteilt

Beitrag von wrestling4you »

ich habe unter dem Befehl </head> das hier eingefügt

Code: Alles auswählen

<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
<div style="margin-left: 1px; margin-top: 1px;">
</div>
</div><!--Ende #linksboxw-->
<div id="contentw">
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Hintergrund dreigeteilt

Beitrag von Talk19zehn »

OK - fülle die Container mit Inhalt:

Code: Alles auswählen

<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
... oder / und Inhalt...
<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://TESTbild.gif" alt="..." border="0" width="70" height="400">&nbsp;
</div>
Lorem ....hier kommt TEXT... oder/und

...</div><!--Ende #linksboxw-->
<div id="contentw">
Übernimm es bitte einfach mal so und es sollten Dir die beispielhaften Inhalte angezeigt werden.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Hintergrund dreigeteilt

Beitrag von Talk19zehn »

wrestling4you hat geschrieben:hi danke für diesen Code um den Hintergrund dreigeteilt darzustellen, ich habe soweit alles hin bekommen nur habe ich das Problem das ich das Bild im Rechten Container nicht angezeigt bekomme ich füge diesen Code in meine Overall_footer.html ein:

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->

<div id="rechtsbox"></div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->

</body>
</html>
vor diesem Code steht nur noch ein Code vom Mod: Advertisement Management

das verrückte ist je nachdem wo ich den Code einfüge kann es passieren das das Bild für den Rechten Container überall, nur in der Forenübersicht oder überall nur nicht in der Forenübersicht angezeigt wird und das Rechte ist plötzlich auch zusehen.

Nach 3 Stunden des vergeblichen Probieren bin ich über jeden Lösungsvorschlag dankbar.

PS: Caches würden natürlich geleert und das Bild existiert auch in dem angegebenen Verzeichnis

Gib auch im Footer dem Container einen vorläufigen Inhalt:

<div id="rechtsbox"> ..........Inhalt / Text.........</div><!--Ende #rechtsboxw-->



LG


Es sollten Dir die Bereiche angezeigt werden.

PS.: Ich setzte voraus, dass das Stylesheet / Theme geändert wurde? Da Du sagst, soweit habe ich es hinbekommen. Ist das richtig?
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
wrestling4you
Mitglied
Beiträge: 39
Registriert: 31.05.2009 11:52

Re: Hintergrund dreigeteilt

Beitrag von wrestling4you »

dadurch wird mein Bild auf der Linken Seite überlagert. Nach dieser Anpassung ist es wieder so das auf der Forenübersicht Seite nur das Beispiel Bild auf der Linken Seite angezeigt wird und rechts ist nix. Und auf allen anderen Seiten wird mein Bild mit dem Beispiel Bild überlagert während Rechs nix angezeigt wird.

Das ist der Code den ich eingefügt habe:

Code: Alles auswählen

</head>
<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
TNA Superstars<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://wrestlingsky.cwsurf.de/images/rechts.png" alt="..." border="0" width="70" height="400">&nbsp;
</div>
TNA Superstars</div><!--Ende #linksboxw-->
<div id="contentw">
und beim Footer siehrtt es so aus

Code: Alles auswählen

<div>
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->
<div id="rechtsbox">Superstars</div><!--Ende #rechtsboxw-->

<div style="clear: left;"></div>

</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->
    </body>
    </html>
Und mein Stylesheet sieht so aus

bei body und #wrap habe ich die Angaben ersetzt und unten diesen Code hinzugefügt

Code: Alles auswählen

  #wrapper2mitte
    {
background-image: url(http://wrestlingsky.cwsurf.de/images/mitte.jpg);
   background-position: 10% 0;
background-repeat: repeat-y;
    }

   #wrapper1links
    {
    background-image: url(http://wrestlingsky.cwsurf.de/images/links.png);
   background-position: 0 0;
background-repeat: repeat-y;
    }

    #wrapper3rechts
    {
    background-image: url(http://wrestlingsky.cwsurf.de/images/rechts.png);
   background-position: 100% 0;
background-repeat: repeat-y;
}

#linksboxw
{
float: left;
width: 7%;
padding: 1%;
}

#contentw
{
float: left;
width: 80%;
padding: 1%;
}

#rechtsboxw
{
float: center;
width: 7%;
padding: 1%;
}
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Hintergrund dreigeteilt

Beitrag von Talk19zehn »

Rechts müsste "Superstars" stehen.

OK: Demnach hast Du dem Wrapper links ( Theme ) ein entsprechendes Hintergrundbild zugewiesen? Denn nur dadurch kann m. E. die beschriebene Überlagerung stattfinden. So nimm das Testbild bitte wieder heraus. Lasse den sonstigen Text bitte einfach stehen.

Hast Du den (übrigen) Wrappern generell einen Hintergrund --> Bild zugewiesen? Bspw. einen Farbverlauf?
Siehe bitte Beispiel: 2000px (Breite) x 1380px (Höhe)?
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“