Banner-Code (Leaderboard, Skyscraper, Wallpaper) für vBulletin

Silmarillion · #1 (**permalink**) 11.05.2011, 14:48

Hallo Ihr Experten,

die Standardwerbeanzeigen sind ja inzwischen folgende:

--> Leaderboard (728x90) im Header
--> Skyscraper rechts
--> Wallpaper-Option (quasi Leaderboard + Sksyscraper)

Ich habe mich bereits mit folgendem Addon herumgequält: vBulletin Wallpaper AD for centered forums with fixed width - v1.0 - vBulletin SEO Forums

Leider ohne den gewünschten Erfolg. Die Anzeige passt bei mir einfach nicht. Entweder ist es zu hoch, zu breit, zu tief. Es will einfach nicht hinhauen.

Wäre wirklich toll, wenn mir hier jemand entscheidend unter die Arme greifen könnte. Dürfte für viele hier ja kein Problem darstellen. Behaupte und hoffe ich einfach einmal. Besten Dank im voraus.

Hier mal meine CSS-Einstellungen:

PHP-Code:


			
/* Page Wrapper

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageWrapper {

    min-width:1024px;

         max-width:1024px;

         margin:0 auto;

         border-width:1px;

    border-style:solid;

    border-color:#ededed;

         padding:10px;

         background-color:#ffffff;

         

}



/* Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {

    height:100px;

    position:relative;

}

#header img {

    display:block;

}

moontan · #2 (**permalink**) 17.05.2011, 16:12

Ähm - und was genau ist jetzt Deine Frage?

uli

moontan · #3 (**permalink**) 17.05.2011, 17:15

Ah ich glaube ich verstehe Dein Problem.
Ich würde es so machen:

Dein #pageWrapper bekommt ein position:relative.
Beider Banner kommen in den Wrapper - nicht ausserhalb.

Dann sollte das so funktionieren:
<style>
*{
margin:0;
padding:0;

}

#pageWrapper {
width:1024px;
margin:0 auto;
border-width:1px;
border-style:solid;
border-color:#ededed;
padding:10px;
background-color:#ffffff;
height:800px;
position:relative;

}
#banner{
position:relative;
width:728px;
left:306px;
/* top:-10px;*/
border:1px solid red;
}
#sky{
height:600px;
border:1px solid blue;
width:auto;
position:absolute;
left:1044px;
top:10px;
}
</style>
</head>

<body>
<div id="pageWrapper">
<div id="banner" >Hallo Welt</div>
Hallo Welt
<div id="sky"> Hallo Welt</div>
</div>

</body>

Sicherlich nur ein Weg der ans Ziel führt.
Uli

Silmarillion · #4 (**permalink**) 23.05.2011, 12:02

Vieln Dank, Moontan. Ich habe zwischenzeitlich schon selber eine Lösung herausgefunden. Bin mit eben jener aber noch nicht wirklich zufrieden. Ich werde heute Abend einmal den von Dir vorgeschlagenen Weg ausprobieren. Und anschließend Feedback geben.

LG

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Code validieren - Probleme mit PopUp und Banner	MoJo	(X)HTML	4	28.10.2006 15:22
Banner Contest (01.09 - 15.09)	psycho_dmr	Offtopic	0	23.08.2006 01:08