[KaSo]

Hallo,

wie im Screenshot auf der rechten Seite zu sehen, möchte ich gerne ein kleinen Box bei mir im Forum einbinden, die ich manuell selber per HTML bearbeiten kann.

Ich möchte es auch so gestalten, dass beim Scrollen die Box auf der rechten Seite oben bleiben soll und nicht mit nach unten gescrollt werden soll.

Kann mir jemand behilflich sein und wie kann ich das am besten umsetzen?

Info: Ich habe auch PHP in Themplates als Plugin aktiviert.

Gruß

[MrBrechreiz]

Such mal nach div Container oder Tabellen Position fixed via google.

[KaSo]

Ok,.. denn Code habe ich gefunden, dies wäre:

CSS-Datei:

Code:

<div id="flyer"><a href="http://www.xhilfe-board.de/" target="_blank"><img src="http://xhilfe-board.de/images/xHilfe_120x600.jpg" width="120" height="600" alt="xHilfe-Board" border="0" /></a>
   <!---<img src="/images/anz.png" alt="Anzeige">--->
</div>

Code:

#fly
{
    position:fixed;
    left:50%;
    margin-left:430px;
    
    top: 20px;
    width:150px;
    height:500px;
}

Nun ist jetzt die Frage, wo ich genau im Themplate es einbinden muss?

Gruß

[MrBrechreiz]

Index ? Wenn es nur auf der Startseite sein soll. Ansonsten würde es das header Template sein. Eignen tut sich auch das footer Template.

[KaSo]

Ich habe es sowohl auf der Index als auch auf dem Header Themplate versucht, jedesmal erscheint der Flyer überhalb vom News Message Plugin und dies soll nicht sein.

[MrBrechreiz]

Ohne genauere Angaben zum Theme und seiner Templates, kann man nur Raten.

Schau dir einfach mal das Beispiel an

http://jsbin.com/umuwix/edit?html,js,output

Sollte im Grunde sein wie Du das möchtest.

[KaSo]

So,.. hab es nun so angepasst. Nur verändert sich der Abstand zum Content beim Hin und Rauszoomen der Webseite.

Auf Clan-List.de ist das nicht der Fall, wie kann ich das fixen?

[MrBrechreiz]

Ohne genauere Angaben zum Theme und seiner Templates, kann man nur Raten.

[KaSo]

Gerne kann ich das Themplate mit der dazugehörige Code posten, aber öffetlich sehr ungern.

[MrBrechreiz]

Hier habe ich noch eine in deutsch gefasste Seite gefunden, welches dieses Thema behandelt. Hier als Navigationsbeispiel, welches Du aber auch in deinen Container umbauen kannst.

http://selfhtml.apsel-mv.de/scroll/scroll-02.html

Sorry, aber für solche Spielereien, dir das bis ins kleinste Detail vorzukauen, habe ich im Moment keine Zeit.