animiertes "Browserbild" im Header erstellt

Antworten
#1
19.01.2014 16:36
avatar  Ludger
#1 animiertes "Browserbild" im Header erstellt
avatar
Ludger
Mitglied

es funktioniert
doch ich bin mir nicht sicher das der Code so korrekt ist .... bitte ggfs. um Korrektur

hier zu sehen
http://145814.homepagemodules.de/

so gemacht


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<body>
<div id="target" style="width:400px; background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-3pnj-26e-a834.gif); padding:15px;">
<span style=" top:50px; left:800px; z-index:1000;"><img src="https://files.homepagemodules.de/b135428/a_51_07831340.gif"><img src="https://files.homepagemodules.de/b135428/a_54_16934f04.gif"><img src="https://files.homepagemodules.de/b214495/bhnetfiles-3pnj-yi-a581.gif">
<br><img src="https://files.homepagemodules.de/b135428/a_50_7f311ae5.gif">
<br> <marquee direction="left" behavior="alternate" scrollamount="2" scrolldelay="1" style="color:#000000;font-size:16px;" >
das ist ein Browser Bildtest
</marquee>
</span>
<br>
</div>
<script>
var target = document.getElementById("target");
target.style.borderRadius = "20px";
</script>
</body>
</html>
 




so kann/könnte man tolle Banner basteln

viele Grüße
Lud

 Antworten

 Beitrag melden
#2
19.01.2014 18:26 (zuletzt bearbeitet: 19.01.2014 18:28)
avatar  Ludger
#2 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
avatar
Ludger
Mitglied

<span style=" top:50px; left:800px; z-index:1000;">

viele Grüße
Lud

 Antworten

 Beitrag melden
#3
20.01.2014 11:42
avatar  Ludger
#3 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
avatar
Ludger
Mitglied

<span style=" top:50px; left:800px; z-index:1000;">

ist das richtig mit so einer hohen Zahl ?

oder gibt es dafür einen anderen Befehl?

viele Grüße
Lud

 Antworten

 Beitrag melden
#4
20.01.2014 16:25
avatar  Ludger
#4 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
avatar
Ludger
Mitglied

der Code wird immer kleiner, er funktioniert aber immer noch ... grübel, grübel

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<body>
<div id="target" style="width:400px; background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-3pnj-26e-a834.gif); padding:5px;">
<img src="https://files.homepagemodules.de/b135428/a_51_07831340.gif"><img src="https://files.homepagemodules.de/b135428/a_54_16934f04.gif"><img src="https://files.homepagemodules.de/b214495/bhnetfiles-3pnj-yi-a581.gif">
<br><img src="https://files.homepagemodules.de/b214495/bhnetfiles-3pnj-26g-d89a.gif">
<br> <marquee direction="left" behavior="alternate" scrollamount="2" scrolldelay="1" style="color:#000000;font-size:16px;" >
das ist ein Browser Bildtest
</marquee><br>
so könnte man Banner basteln
<br>
</div>
<script>
var target = document.getElementById("target");
target.style.borderRadius = "20px";
</script>
</body>
</html>
 

viele Grüße
Lud

 Antworten

 Beitrag melden
#5
20.01.2014 16:32
avatar  TripleM
#5 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
avatar
TripleM
Mitglied

Ludger daraus Könntest du ein Plugin machen irgendwann. Im Moment ist es leider noch nicht möglich den Bereich Kopfzeile anzusprechen. Wenn das irgendwann mal geht ist es nicht schwer dein erstes Plugin zu machen.
Script einfügen Variablen erstellen für Bild, Größenangaben und das an der Richtigen stelle im Script fertig ist das Plugin.


 Antworten

 Beitrag melden
#6
23.01.2014 14:39
avatar  hans58
#6 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
ha
hans58
Mitglied

das ist ja genial

genau sowas habe ich gesucht


 Antworten

 Beitrag melden
#7
23.01.2014 15:13
avatar  eini1971
#7 RE: animiertes "Browserbild" im Header erstellt, ist der Code so richtig?
avatar
eini1971
Mitglied

Zitat von mario4370 im Beitrag #5
Im Moment ist es leider noch nicht möglich den Bereich Kopfzeile anzusprechen.

In diesem Fall ist es anders.
Das Teil ist ja in eine Div eingebettet.
Man kann daher im Skript die Position über CSS-Eigenschaften einstellen
und somit im Kopfbereich platzieren.
So ähnlich ist es auch bei denen Pfeilen gelöst.

Gruß
Frank


Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

 Antworten

 Beitrag melden
#8
24.01.2014 18:12 (zuletzt bearbeitet: 24.01.2014 18:20)
avatar  Ludger
#8 RE: animiertes "Browserbild" im Header erstellt eingefügt in globale Nachricht
avatar
Ludger
Mitglied

@Shogun

ich habe es jetzt in die globale Nachricht eingebaut

http://145814.homepagemodules.de/

mit gesetztem Cookie würde es nur einmal erscheinen

viele Grüße
Lud

 Antworten

 Beitrag melden
#9
24.01.2014 23:00 (zuletzt bearbeitet: 24.01.2014 23:01)
avatar  Gabriella
#9 RE: animiertes "Browserbild" im Header erstellt eingefügt in globale Nachricht
avatar
Gabriella
Mitglied

Hallo Ludger,

was heisst das jetzt, wenn ich auf Dein Forum gehe ist es immer noch dort, wo es vorher auch war. Und bleibt auch da, man sollte es wegklicken können, wenn man es gesehen/gelesen hat.

Zitat
mit gesetztem Cookie würde es nur einmal erscheinen


Und was bitte heisst das?
Was wen man keine Globale Nachricht hat? Sehe ich übrigens bei Dir auch nicht, oder bin ich blind?

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
#10
25.01.2014 09:18 (zuletzt bearbeitet: 25.01.2014 09:19)
avatar  Ludger
#10 RE: animiertes "Browserbild" im Header erstellt eingefügt in globale Nachricht
avatar
Ludger
Mitglied

ist ein neues Plugin
Plugin: Globale Nachrichten

mit ihm kann man einstellen dass das Teil nur einmal erscheint.
http://145814.homepagemodules.de/

Ich hoffe das bald einer unserem pfiffigen Tüftler daraus ein Plugin bastelt

viele Grüße
Lud

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!