audio Playlist: ▼

.mp3/wav:

► Dr.Hook "Sylvias mother"

► Dire Straits "Sultans ..."

► James Last "Biscaya"

0 Mitglieder und 5 G�ste sind derzeit online:
(Als registrierter User sieht man hier nat�rlich etwas mehr.)
Sei dabei! Es macht Spa�, kostet nix und tut �berhaupt nicht weh !

03.02.2019 01:351549154124
cirrus minor hat das Thema Soundeffekt bei Bild-Mouseover erstellt.
19.01.2019 19:101547921434
cirrus minor hat das Thema Gruppen über DropDown Menüs verwalten erstellt.

5 Aktive User
0 Mitglieder und 5 G�ste sind Online

Besucherrekord
100 Benutzer gleichzeitig online (13.06.2024 02:29)

Besucherz�hler
Heute waren 31 G�ste , gestern 6 G�ste online

auch hier! -->> ...unsere Facebookseite besuchen.

Foreninformationen:

Forenthemen	47
Textbeitr�ge	2352
Mitglieder	5
Neuestes Mitglied

Letzte Foren-Beitr�ge:

HTML,CSS & Co. leicht gemacht f�r Einsteiger �

Xobor - Foren - Hilfe

� Einbindungen von Codes und Scripten in die Xobor Software � verlinkte Grafiken/Fotos "vor" der Forenübersicht

Seite 2 von 3 � Seite 1 2 3 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

CSS ... kein Hexenwerk ! CSS allgemein Schriften stylen per CSS Elemente stylen per CSS � Fragen zur Auswahl von Elementen (Selektoren) � � hover Effekte �ber CSS hinzuf�gen �� Effekte �ber keyframes per CSS hinzuf�gen HTML ... mit kleinen Dingen anfangen HTML Seite, Aufbau, Einbindungen, Meta Tags usw. Java-Script ... im Anf�ngermodus Gro�e Ver�nderungen mit kleinen, einfachen Scripten herbeif�hren Xobor - Foren - Hilfe administrative Einstellungen der Xobor Software Einbindungen von Codes und Scripten in die Xobor Software "User - Ecke" "G�ste - Stube" G�ste schreiben uns, Mitglieder antworten

#16 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 01:41

...also quasi das, was du schon hinter die "//" geschrieben hattest...

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#17 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 01:49 (zuletzt bearbeitet: 27.04.2018 01:54)

Fränki für Deine Geduld, jetzt hat es geklappt! Super!
Kannst mal schauen und auf die Bildchen klicken, welche ich zwischendurch
auf die Schnelle gemacht habe! Bei dem 3. Bild ist Dein Forum verlinkt! Click/Kickys Allroundboard

antworten

#18 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 01:55

na funktioniert doch super ! Soll noch ein kleiner Titel eingeblendet werden, wenn man auf die Bilder f�hrt ?

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#19 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:01 (zuletzt bearbeitet: 27.04.2018 02:19)

Jeanie

Informationen anzeigen

Beitr�ge:	1439
Registriert seit:	14.04.2018
Wohnort:	NRW

Damit man wei�, dass die Bilder verlinkt sind, also dann k�nnte ich die Links nochmal reinschreiben, so dass beim dr�berfahren gleich angezeigt wird, dass es Verlinkungen sind, meinst Du das so? W�re auf jeden Fall super!

Hier das �berarbeitete Script von Dir! Vielleicht kannst Du es dann direkt eintragen,
was meinst Du? Aber nur, wenn's Dir nicht zuviel wird!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script>
//  Script zur Einblendung von drei Bilder + Überschrift in der Forenübersicht
// © firestone007, https://www.frape-fotoforum.de/, http://frapefo-test.xobor.de/
 
var ueberschrift = "Hallo";  // Text der Überschrift
var farbeueberschrift = "yellow";  // Farbe der Überschrift 
var bild1 = "https://files.homepagemodules.de/b594691/a_3365_c5660a4f.jpg";   // erste Bildadresse
var link_bild1 = "https://kickyjeanie.info"; // wohin soll Bild1 verlinken ?
var titel_bild1 = "dieser link führt zu...";  //  Titel für den Link eintragen
var bild2 = "https://files.homepagemodules.de/b594691/a_3366_6a49dc8e.jpg";  // zweite Bildadresse
var link_bild2 = "https://pietymusikburg.de"; //wohin soll Bild2 verlinken ?
var titel_bild2 = "dieser link führt zu...";  //  Titel für den Link eintragen 
var bild3 = "https://files.homepagemodules.de/b594691/a_3367_c1aa691d.jpg";  // dritte Bildadresse
var link_bild3 = "http://frapefo-test.xobor.de"; //wohin soll Bild3 verlinken ?
var titel_bild3 = "dieser link führt zu...";  //  Titel für den Link eintragen
 
// ab hier nach Möglichkeit nichts mehr ändern !
 
$('.page_index').before('<div id="test_after_header" class="box" style="margin-top: 10px; margin-bottom: 10px; padding: 15px;"> <center><h1 style="color:'+ farbeueberschrift +';"> '+ ueberschrift +' </h1><br><img title="'+ titel_bild1 +'" src="' + bild1 + '" alt="" onclick="open_link1()" /> &nbsp; <img title="'+ titel_bild2 +'" src="' + bild2 + '" alt="" onclick="open_link2()" /> &nbsp; <img title="'+ titel_bild3 +'" src="' + bild3 + '" alt="" onclick="open_link3()" /> </center> </div> <style> #test_after_header img {cursor: pointer; max-width: 30%;} </style>');
function open_link1(){
window.open(''+ link_bild1 +'');
}
function open_link2(){
window.open(''+ link_bild2 +'');
}
function open_link3(){
window.open(''+ link_bild3 +'');
}</script>
 

antworten

#20 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:11

ich hab das Script mal direkt in Deinem Beitrag ge�ndert. Zu sehen auf der Startseite. Es wird ein kleines Titelfenster beim �berfahren der Bilder aufgeblendet. Dazu musst du nur noch die jeweils dritte hinzu gekommene Zeile ausf�llen

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#21 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:16 (zuletzt bearbeitet: 27.04.2018 02:17)

"dieser Link fürhrt zu..." da dann nochmal die Links zu meiner HP, Piets Musikburg und Dein Forum eintragen oder einfach nur Text?

antworten

#22 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:18

...einfach nur einen Text Deiner Wahl dort hinschreiben, keine Adressen und nix.

"Willkommen in der Musikburg!" ...oder was Dir gerade einf�llt

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#23 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:23

Ok, werde ich jetzt mal machen...

antworten

#24 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:34

Das ist ja absolut genial!
Ich danke Dir ganz herzlich dafür, Fränki!
Kannst mal schauen, was ich dazu geschrieben habe! Click/Kickys Allroundboard

antworten

#25 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:35

ich hab es doch l�ngst gesehen. Sch�n, wenn es gef�llt.

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#26 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:38 (zuletzt bearbeitet: 27.04.2018 02:41)

Auf jeden Fall, das ist super!
Und nun bist Du bei mir verlinkt! Wer weiß, vielleicht klicken ja mal Gäste
drauf, die sich dann hier registrieren! Je mehr Verlinkungen, desto besser!

antworten

#27 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:42

ich lasse Dein Anwendungsbeispiel noch ne Weile auf der Startseite stehen, da klicken dann sicher auch noch Besucher drauf

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#28 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:44

Ich habe das gerade gesehen mit dem Anwendungsbeispiel, super! Aber Du bist hier der Experte in Sachen Scripts und so weiter!

antworten

#29 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:46

ich denke , es ist f�r G�ste und potentielle Mitglieder auch mal interessant, praktische Anwendungen zu sehen, oder ?

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

antworten

#30 | RE: verlinkte Grafiken/Fotos in der Forenübersicht datum

27.04.2018 02:51 (zuletzt bearbeitet: 27.04.2018 02:53)

Jeanie

Informationen anzeigen

Beitr�ge:	1439
Registriert seit:	14.04.2018
Wohnort:	NRW

Ja, dann sehen die G�ste auch, dass hier einiges ausprobiert wird!
Hier das fertige Script mit den Texten, kannst Du vielleicht austauschen, was meinst Du?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script>
//  Script zur Einblendung von drei Bilder + Überschrift in der Forenübersicht
// © firestone007, https://www.frape-fotoforum.de/, http://frapefo-test.xobor.de/
 
var ueberschrift = "Hallo";  // Text der Überschrift
var farbeueberschrift = "yellow";  // Farbe der Überschrift 
var bild1 = "https://files.homepagemodules.de/b594691/a_3365_c5660a4f.jpg";   // erste Bildadresse
var link_bild1 = "https://kickyjeanie.info"; // wohin soll Bild1 verlinken ?
var titel_bild1 = "Kickys Paradies! Schaut Euch doch mal um!";  //  Titel für den Link eintragen
var bild2 = "https://files.homepagemodules.de/b594691/a_3366_6a49dc8e.jpg";  // zweite Bildadresse
var link_bild2 = "https://pietymusikburg.de"; //wohin soll Bild2 verlinken ?
var titel_bild2 = "Pietys Musikburg freut sich auf Besucher!";  //  Titel für den Link eintragen 
var bild3 = "https://files.homepagemodules.de/b594691/a_3367_c1aa691d.jpg";  // dritte Bildadresse
var link_bild3 = "http://frapefo-test.xobor.de"; //wohin soll Bild3 verlinken ?
var titel_bild3 = "Fränkis Forum auch für Laien, für die JS/html/css Hieroglyphen sind!";  //  Titel für den Link eintragen
 
// ab hier nach Möglichkeit nichts mehr ändern !
 
$('.page_index').before('<div id="test_after_header" class="box" style="margin-top: 10px; margin-bottom: 10px; padding: 15px;"> <center><h1 style="color:'+ farbeueberschrift +';"> '+ ueberschrift +' </h1><br><img title="'+ titel_bild1 +'" src="' + bild1 + '" alt="" onclick="open_link1()" /> &nbsp; <img title="'+ titel_bild2 +'" src="' + bild2 + '" alt="" onclick="open_link2()" /> &nbsp; <img title="'+ titel_bild3 +'" src="' + bild3 + '" alt="" onclick="open_link3()" /> </center> </div> <style> #test_after_header img {cursor: pointer; max-width: 30%;} </style>');
function open_link1(){
window.open(''+ link_bild1 +'');
}
function open_link2(){
window.open(''+ link_bild2 +'');
}
function open_link3(){
window.open(''+ link_bild3 +'');
}</script>
 

antworten

@ einfügen per Iconbar � � Farbpalette

Seite 2 von 3 � Seite 1 2 3 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Top-Navi ergänzen durch Avatar + Logout-Button
Erstellt im Forum Einbindungen von Codes und Scripten in die Xobor Software von cirrus minor 0 29.12.2018 16:08
cirrus minor • Zugriffe: 193
Begrüsse Deine User persönlich im Forum
Erstellt im Forum Einbindungen von Codes und Scripten in die Xobor Software von cirrus minor 0 24.09.2018 13:15
cirrus minor • Zugriffe: 378

HTML, CSS & Co. = leicht gemacht !

Xobor - Foren - Hilfe