Banner Werbung Links oder Rechts einbinden.

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.
Agroforum
Mitglied
Beiträge: 8
Registriert: 02.06.2013 09:20

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von Agroforum »

ich verstehe es einfach nicht mit dem floaten. ich weiss, dass ich irgendwie dem wrap-bg beibringen muss, mitzuwachsen. weiss aber nicht, welchen befehl ich geben muss, da ich den überblick verloren habe. vileicht stell ich mich nur dumm an, oder es ist wirklich so kompliziert. danke für deine Hilfe
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11954
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von Crizzo »

Such mal das schließende </div> von dem #wrap-bg und pack davor dieses Element:

Code: Alles auswählen

<div style="clear:both;"> </div>
Nicht gerade eine saubere Lösung, aber sie geht.
Agroforum
Mitglied
Beiträge: 8
Registriert: 02.06.2013 09:20

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von Agroforum »

hallo
bringt leider kein erfolg. habe es in der overall-header.html eingefügt. das ist richtig, oder?
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11954
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von Crizzo »

Nein, das ist falsch. Das Ende des <div>s muss natürlich da sein, wo das Hintergrund enden soll und das sicher irgendwo in der overall_footer.html oder ähnliches.
lapin
Mitglied
Beiträge: 1
Registriert: 28.12.2014 14:13

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von lapin »

Zu diesem Zitat/dieser Einbauhife hätte ich 2 Fragen. (Ich nutze Subsilver2, 3.0.9 will das auch nicht ändern ;) )
BlackHawk87 hat geschrieben:overall_header:
Finde:

Code: Alles auswählen

<a name="top"></a>
Ersetze mit:

Code: Alles auswählen

<a name="top"></a>
    <div id="allwrap">
    <div id="bannerleft"></div>
    <div id="bannerright"></div>
<div id="tablewrap">
stylesheet.css:
Finde:

Code: Alles auswählen

.wrap {
        width: 80%;
        margin: 0 auto;
        min-width: 870px;
}
Ersetze mit:

Code: Alles auswählen

.wrap {
     /* Platzhalter  */
}
    #tablewrap {
       float: left;
       width: 796px;
    }
    /** Banner Beispiel */
    #allwrap {
    width: 1000px;
    }
    #bannerleft, #bannerright {
    width: 100px;
    border: 1px solid #000;
    height: 400px;
    }
    #bannerleft {
    float: left;
    }
    #bannerright {
    float: right;
    }
overall_footer.html:
Finde:
Schließendes </table> zu:

Code: Alles auswählen

<table class="wrap" width="100%" cellpadding="0" cellspacing="0">
Füge danach ein:

Code: Alles auswählen

</div>
</div>
Danach: KB:tippstyles

Wenn es dann nicht geht, bitte ein Link
1. Ist das
/* Platzhalter */
und
/** Banner Beispiel */
der Befehl für den Code des Banners den ich dort einfügen muss oder muss ich den Banner irgendwo bildlich in meinen Styles Images hinterlegt haben?

2. meine stylesheet sieht durch verschiedene umbauten mittlerweile so aus:

Code: Alles auswählen

#wrapheader {
	height: auto !important;
	padding: 0;
}

#wrapcentre {
	margin: 5px 0px 0 0px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #fbf7e2;
	border-width: 1px;
	border-style: solid;
	border-color: #162e00;
}
Wenn ich das mit og ersetze geht natürlich alles erbaute flöten, welchen Teil muss ich also einsetzen, um meinen Banner an der Seite darstellen zu lassen?
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11954
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Banner Werbung Links oder Rechts einbinden.

Beitrag von Crizzo »

Hi,

/*Platzhalter */ ist nur vorhanden, damit die CSS-Regel .wrap nicht ganz leer da steht. Wollte sie nur nicht löschen. ;)

Zudem wurde mit #bannerleft und #bannerright eben einfach nur zwei Testbanner-Flächen eingerichtet. Da kann man dann einfach in die <div>-Element in der overall_header.html eingefügt werden kann.

Dann müssen natürlich die CSS-Regeln evtl. für Breite und Co angepasst werden. Denn das Boxmodell gilt auch weiterhin. ;)

Das ganz Konstrukt musst du dann eben auf dich anpassen. Ich hab ja nix gemacht als links und rechts vom Seitenzentrum eine Box eingerichtet, die sich Platz freihält. 8)

Alles klar?

Grüße
Antworten

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