YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Coder um Links Bild zu haben(mitlaufend) » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 4.003 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Coder um Links Bild zu haben(mitlaufend)
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
djsnippt
unregistriert
 Coder um Links Bild zu haben(mitlaufend) Antworten Zitieren Editieren Melden       UP

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...
08.04.07 14:30
hardcore-punk hardcore-punk ist männlich
Dünngsöchter


images/avatars/avatar-4380.gif

Dabei seit: 01.11.04
Beiträge: 4.591
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Profi
Herkunft: Im tiefsten Wald von Österreich
Forenversion: 2.3; Lite 1.0

Antworten Zitieren Editieren Melden       UP

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

__________________
***

DOWNR!DERS LINZ
Downriders-Linz'Downhill'Freeride'Dirtjump'MTB

***

08.04.07 18:31 hardcore-punk ist offline E-Mail WWW Finden Als Freund hinzufügen Füge hardcore-punk in deine Kontaktliste ein AIM-Name von hardcore-punk: huemerdaniel YIM-Name von hardcore-punk: sportsitz MSN Passport-Profil von hardcore-punk anzeigen
djsnippt
unregistriert
Antworten Zitieren Editieren Melden       UP

links in dieser weißen leiste.... also sichtbar seien..um genauzu sein handelt es sich um ein script was das hinkommt(relevancead)
08.04.07 21:32
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

Beispiel:?
10.04.07 13:18 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
djsnippt
unregistriert
Antworten Zitieren Editieren Melden       UP

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]

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von djsnippt: 11.04.07 22:08.

11.04.07 17:18
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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

Dateianhang:
zip bild-fixed.zip (9 KB, 9 mal heruntergeladen)
15.04.07 15:29 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
djsnippt
unregistriert
Antworten Zitieren Editieren Melden       UP

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^^
18.04.07 21:48
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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
20.04.07 09:06 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
djsnippt
unregistriert
Antworten Zitieren Editieren Melden       UP

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

erstmal dankeschön funkt super
24.04.07 23:17
Digibo Digibo ist männlich
Mitglied


Dabei seit: 15.05.06
Beiträge: 48
Herkunft: Halle
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

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.
25.04.07 22:18 Digibo ist offline E-Mail Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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?

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schweinebacke: 26.04.07 07:36.

26.04.07 07:31 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Digibo Digibo ist männlich
Mitglied


Dabei seit: 15.05.06
Beiträge: 48
Herkunft: Halle
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

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

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Digibo: 26.04.07 15:59.

26.04.07 13:22 Digibo ist offline E-Mail Finden Als Freund hinzufügen
djsnippt
unregistriert
Antworten Zitieren Editieren Melden       UP

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^^
26.04.07 16:15
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

@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>
26.04.07 21:16 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Digibo Digibo ist männlich
Mitglied


Dabei seit: 15.05.06
Beiträge: 48
Herkunft: Halle
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

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
26.04.07 22:02 Digibo ist offline E-Mail Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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;">

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Schweinebacke: 27.04.07 21:39.

27.04.07 07:36 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Digibo Digibo ist männlich
Mitglied


Dabei seit: 15.05.06
Beiträge: 48
Herkunft: Halle
Forenversion: Lite 1.0

Antworten Zitieren Editieren Melden       UP

Ok Danke Augenzwinkern

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 unglücklich

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

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Digibo: 28.04.07 13:56.

27.04.07 23:47 Digibo ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Coder um Links Bild zu haben(mitlaufend)