Coder um Links Bild zu haben(mitlaufend)

djsnippt

Hallo leute,

welchen tags oder html code muss ich vor ein bildscript setzen das es links an der seite angezeigt wird(www.blacksession.biz) das links im freiraum....
Kann mand as auch so machen das es wenn der user scrollt das es runterutshct so das es imemr in seinen blickfeld ist...

hardcore-punk

soll das Bild links sein, oder soll das Bild im Linken-Hintergrund sein?

djsnippt

links in dieser weißen leiste.... also sichtbar seien..um genauzu sein handelt es sich um ein script was das hinkommt(relevancead)

Schweinebacke

Beispiel:?

djsnippt

beispiel auf blacksession.dl.am links ist doch freiraum....ich möcchte das das script(bild,etc.) dort angezigt wird....

Edit...omg

[IMG]http://img126.imageshack.us/img126/3757/scr22514f1wc9ig6.png[/IMG]

Schweinebacke

Hallo,

das mit dem Bild links und rechts würde ich über css machen. Siehe Anhang.

Das Style und die zwei div´s musst du in den Header einbauen und die Größen dementsprechend anpassen.

Ich hoffe das es soweit klappt.

Grüssle

djsnippt

danke für deine hilfe bin jetzt aber überforderdert habe gedacht ich kann vor mein relevancescript einfach nen code vorsetzen und fertig aber das es so schwer ist^^

Schweinebacke

Ich habe die Bilder links und recht ins wbb 2.3.x eingebaut.

In das header-Template den Code einsetzen: (Speichern nicht Vergessen!)

code:
1: 2:	<div id="s1"><!-- Bild links --></div> <div id="s2"><!-- Bild rechts --></div>

Dann im acp auf Designpack bearbeiten „bearbeiten“ klicken.

In „Äußere Tabelle“ bei „Weitere Attribute (CSS Code)“ ein z-index:1 setzen, damit die Tabelle in den Vordergrund gesetzt wird.

code:
1:	z-index:1;

Unter „Weitere Cascading Stylesheets (CSS)” – „Zusätzlicher CSS Code:“ (ganz Unten) den style-Code für die div-Boxen setzen. (Speichern nicht Vergessen!)

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

#s1 {
position:fixed;
top:0px;
left:0px;
width:50px;
height:100%;
background-image:url(images/bg1.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
z-index:0;
}
#s2 {
position:fixed;
top:0px;
right:0px;
width:50px;
height:100%;
background-image:url(images/bg2.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
z-index:0;
}

Die Bilder bg1.jpg & bg2.jpg in den Ordner „images“ Laden.

Fertig

djsnippt

cooooool dankeschön und könnteste mir das jetzt nochmal für ein javascript schreiben ?

erstmal dankeschön funkt super

Digibo

Habe das ganze jetzt auch beim wbblite gemacht - nur ein Problem habe ich jetzt

Ich kann die z-index:1; im APC nicht richtig setzten da es denn Menü Punkt nicht gibt ( klar ist auch nicht wbb 2.3.x ) muss doch trotzdem irgendwie möglich sein

Denn das Forum wurde sozusagen nach hinten versetzt und wird verdeckt von denn Bildern links und recht .
Aber nur wenn man das Fenster vom Browser kleiner macht.

Hat einer eine Lösung parat.

Schweinebacke

Wenn es das nicht gibt, setz einfach in das index.tpl folgenden Code:

code:
1: 2: 3:	<style type="text/css"> table {z-index:1;} </style>

Damit sind alle Tabellen auf die zweite Ebene gesetzt.

@ djsnippt

Warum noch mit Java Script?

Erstens, läuft das in manchen Browsern sehr ruckartig.
Zweitens, gibt es so manche die Scripte abgeschaltet haben.
Drittens, oben habe ich einen Link zu so einem Script, oder brauchst du da eine Anleitung wie der eingebaut wird?

Digibo

Jo Danke für die schnelle Antwort

Aber es funktioniert nicht

Dazu kommt noch das Opera andauert css fehler meldungen spuckt Versagt

Findes es ganz schön nervig das jeder Browser andere standards hat .

edit: das mit Opera hat sich gerad erledigt

grund : der Hack Multi-Attachmenthack-Erweiterung PicturePreview im Ajaxstyle macht in der css im ACP probleme - halt nur bei Opera

Bleibt also nur das erste Problem

djsnippt

Zitat:

Original von Schweinebacke
Wenn es das nicht gibt, setz einfach in das index.tpl folgenden Code:

code:
1: 2: 3:	<style type="text/css"> table {z-index:1;} </style>

Damit sind alle Tabellen auf die zweite Ebene gesetzt.

@ djsnippt

Warum noch mit Java Script?

Erstens, läuft das in manchen Browsern sehr ruckartig.
Zweitens, gibt es so manche die Scripte abgeschaltet haben.
Drittens, oben habe ich einen Link zu so einem Script, oder brauchst du da eine Anleitung wie der eingebaut wird?

ebay relevancead^^

Schweinebacke

@Digibo

Ha, das kann ja auch nicht gehen!

So muss das aussehen:

code:
1:	table {position:absolute; z-index:10;}

ohne Position geht kein z-index!! Versagt

@djsnippt

du kannst das ebay relevancead dort rein stellen. Der Inhalt in den div bleibt stehen.

code:
1:	<div id="s1">der Text bleibt stehen</div>

Oder ein separates Template einsetzen.

code:
1:	<div id="s1">$ebay</div>

Digibo

Ist es leider auch nicht

Mit der ausführung wird schon das Board nach vorne geschoben.
Aber wiederum das Forum komlett zusammen geschoben.

Desweiteren kann das mit den Index nicht richtig hinhauen
da es dann nur im Index ausgeführt wird.

Muss doch irgendwie gehen - in anderen wbblite Boards habe ich das doch schon mal gesehen

Schweinebacke

Ich habe mir das Lite mal runtergeladen, und werde es heute Abend auf den Server laden.

Dann schauen wir mal. Augenzwinkern

Hier für das „Lite“:

Demo:

Im Designpack bearbeiten – äußere Tabelle auf weniger wie 100% setzen

Im Designpack bearbeiten – (ganz Unten) CSS Code: zusätzlich

code:

1:
2:
3:
4:
5:
6:
7:

BODY { margin:0px; padding:0px; SCROLLBAR-BASE-COLOR: #0B6295; SCROLLBAR-ARROW-COLOR: #FFFFFF; }

/* für die Bilder Anfang */
#s1 { position:fixed; top:0px; left:0px; width:50px; height:100%; background-image:url(images/bg1.jpg); background-repeat:no-repeat; background-position:center; background-color:#fff; z-index:0;}
#s2 { position:fixed; top:0px; right:0px; width:50px; height:100%; background-image:url(images/bg2.jpg); background-repeat:no-repeat; background-position:center; background-color:#fff; z-index:0;}
/* für die Bilder Ende */

Im header.tpl erste Zeile:

code:

1:
2:
3:

<div id="s1"><!-- Bild links --></div>
<div id="s2"><!-- Bild rechts --></div>
<table width="{tableoutwidth}" cellpadding=0 cellspacing=1 align="center" border=0 bgcolor="{tableoutbordercolor}"  style="position:absolute;z-index:10;">

Digibo

Ok Danke

Muste aber selber noch mal experimentieren - ging erst nicht

weil ich im header schon das hatte

code:
1:	<table width="{tableoutwidth}" cellpadding=0 cellspacing=1 align="center" border=0 bgcolor="{tableoutbordercolor}">

Ist mir erst nicht aufgefallen war somit doppelt

Habe es gelöscht und schon ging es - nochmal Danke

Edit : Ist wohl doch nicht ganz - IE7 und Opera kommen mit der darstellung nicht zurecht - selbst bei deinen Demo Forum

[IMG]http://img522.imageshack.us/img522/7739/mfgdigiboju5.png[/IMG]