StartseiteTeammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.von derforumde Gestern um 18:19
» Das Plauderforum ist zurück!
von Eto Mo 25 Nov 2024 - 17:59
» [phpBB2] Javascripte funktionieren nicht mehr
von Miho Mo 25 Nov 2024 - 11:05
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen. ( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
[phpBB3] JAVA Script in Fußzeile einbinden
3 verfasser
Seite 1 von 1 • Teilen
[phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Mi 5 Aug 2015 - 12:12
Hallöchen Hasi schon wieder. Ihr müsst auch denken, man die nervt. 
http://bloodlines.forumieren.org/
Folgende Frage
Ich möchte ein Java Script unten im Footer einbinden
und zwar wäre das der Code
kann ich das einfach im Index_Body ersetzen?
und was muss ich dann beim CSS einsetzen?
Ganz liebes Grüßle
http://bloodlines.forumieren.org/
Folgende Frage
Ich möchte ein Java Script unten im Footer einbinden
und zwar wäre das der Code
- Java:
- <center><script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js" ></script></center>
<center><script type="text/javascript" src="http://img.webme.com/userfiles/der-bielefeld-club/thickbox.js" ></script></center>
<center><link rel="stylesheet" href="http://theme.webme.com/designs/globals/thickbox.css" type="text/css" media="screen"></center>
<center><style type="text/css">
#TB_window img{
border: 0px!important;
border-radius:10px!important;
}
#TB_window{
border-radius:20px!important;
}
div.bildbox{
float: left;
padding: 10px;
margin: 5px;
background-color: #EEEEEE;
border: 1px solid #000000;
border-radius: 15px;
}
div.bildbox img{
width: 150px;
border-radius: 5px;
}
div.bildbox p{
font-family:Monotype Corsiva;
color: #000000;
font-size: 14px;
}
</style></center>
<center><!-- Der HTML Code der Thickbox Galerie - Copyright by www.design-generator.de.tl -->
<div class="bildbox"><a class="thickbox" href="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" rel="tour" title="Die Dunkelheit"><img src="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" alt="Bild" /></a><p>Die Dunkelheit</p></div>
<div class="bildbox"><a class="thickbox" href="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" rel="tour" title="Die Styne Familie"><img src="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" alt="Bild" /></a><p>Die Styne Familie</p></div>
<div class="bildbox"><a class="thickbox" href="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" rel="tour" title="The Mark of Cain"><img src="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" alt="Bild" /></a><p>The Mark of Cain</p></div></center>
<!-- Hier können weitere Bilder Codes eingefügt werden -->
<br style="clear:left;" />
kann ich das einfach im Index_Body ersetzen?
und was muss ich dann beim CSS einsetzen?
Ganz liebes Grüßle
Hasi- Lehrling
-
Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von #Frank Mi 5 Aug 2015 - 13:24
Die Frage ist ja, sol, das dann im Fußbereich auf jeder Seite im Forum angezekgt werden oder nur auf der Startseite unter Wer ist online und der Chatbox unten?
Nur mal zum Vorgehen:
Die Script Aufrufe aus dem Ersten Teil musst du oberhalb vom HTML Teil einsetzen. Hier können die center Tags weggelassen werden.
Den Inhalt des CSS Teils kannst du ohne die erste und letzte Zeile mit der style Definition in dein persönliches CSS einsetzen.
Der dritte HTML Teil wird an die Stelle gesetzt, wo er dann auch erscheinen soll.
Nur mal zum Vorgehen:
Die Script Aufrufe aus dem Ersten Teil musst du oberhalb vom HTML Teil einsetzen. Hier können die center Tags weggelassen werden.
Den Inhalt des CSS Teils kannst du ohne die erste und letzte Zeile mit der style Definition in dein persönliches CSS einsetzen.
Der dritte HTML Teil wird an die Stelle gesetzt, wo er dann auch erscheinen soll.
#Frank- Admin a.D.
-
Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Mi 5 Aug 2015 - 15:29
hallo Frank
hoffe man kann den Screenshot sehen
also das Teil soll da hin, wo jetzt das Bild ist
ich bin da leider nicht so bewandert, weil es bei X**** etwas einfacher war
wäre schön, wenn du da helfen kannst?
hoffe man kann den Screenshot sehen
- Screenshot:
- [img]
![[phpBB3] JAVA Script in Fußzeile einbinden Screen10](https://i.servimg.com/u/f18/19/26/66/97/screen10.png)
[/img]
also das Teil soll da hin, wo jetzt das Bild ist
ich bin da leider nicht so bewandert, weil es bei X**** etwas einfacher war
wäre schön, wenn du da helfen kannst?
Hasi- Lehrling
- Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von #Frank Mi 5 Aug 2015 - 15:37
Das Bild hast du schon über das Template eingefügt?
Wenn ja, ersetzt du das Bild durch:
Diesen Teil fügst du bitte in dein persönliches CSS ein. Bitte am ende einsetzen:
Wenn ja, ersetzt du das Bild durch:
- Code:
<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js" ></script>
<script type="text/javascript" src="http://img.webme.com/userfiles/der-bielefeld-club/thickbox.js" ></script>
<link rel="stylesheet" href="http://theme.webme.com/designs/globals/thickbox.css" type="text/css" media="screen">
<center><!-- Der HTML Code der Thickbox Galerie - Copyright by www.design-generator.de.tl -->
<div class="bildbox"><a class="thickbox" href="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" rel="tour" title="Die Dunkelheit"><img src="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" alt="Bild" /></a><p>Die Dunkelheit</p></div>
<div class="bildbox"><a class="thickbox" href="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" rel="tour" title="Die Styne Familie"><img src="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" alt="Bild" /></a><p>Die Styne Familie</p></div>
<div class="bildbox"><a class="thickbox" href="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" rel="tour" title="The Mark of Cain"><img src="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" alt="Bild" /></a><p>The Mark of Cain</p></div></center>
<!-- Hier können weitere Bilder Codes eingefügt werden -->
<br style="clear:left;" />
Diesen Teil fügst du bitte in dein persönliches CSS ein. Bitte am ende einsetzen:
- Code:
#TB_window img{
border: 0px!important;
border-radius:10px!important;
}
#TB_window{
border-radius:20px!important;
}
div.bildbox{
float: left;
padding: 10px;
margin: 5px;
background-color: #EEEEEE;
border: 1px solid #000000;
border-radius: 15px;
}
div.bildbox img{
width: 150px;
border-radius: 5px;
}
div.bildbox p{
font-family:Monotype Corsiva;
color: #000000;
font-size: 14px;
}
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Mi 5 Aug 2015 - 15:52
supi ich danke dir
hat wunderbar geklappt
kann man das noch irgendwie mittig setzen?
hat wunderbar geklappt
kann man das noch irgendwie mittig setzen?
Hasi- Lehrling
- Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von #Frank Mi 5 Aug 2015 - 16:56
Du solltest dich mit dem Firefox AddOn Firebug und CSS vertraut machen.
Schau mal im CSS an dieser Stelle:
Schau mal im CSS an dieser Stelle:
- Code:
div.bildbox{
float: left;
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Mi 5 Aug 2015 - 18:43
da steht alles untereinander wenn ich das entferne
und ich bin immer vorsichtig was die AddOn betrifft
hab da schonmal schlechte Erfahrung gemacht, als ich mir das auf den PC runter geladen habe
CSS hab ich schon durchgelesen
trotzdem brauch ich da immer noch Hilfe
und ich bin immer vorsichtig was die AddOn betrifft
hab da schonmal schlechte Erfahrung gemacht, als ich mir das auf den PC runter geladen habe
CSS hab ich schon durchgelesen
trotzdem brauch ich da immer noch Hilfe
Hasi- Lehrling
- Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von #Frank Do 6 Aug 2015 - 10:23
So, ich hab mich da jetzt noch mal mit beschäftigt und habe deine Änderung mal bei mir versucht nachzubauen.
Leider finde ich im Moment kein Weg das es nebeneinander angezeigt wird und dann auch noch in der Mitte steht.
Leider muss ich da passen und wenn dazu noch jemand einen Vorschlag hat, wäre ich für einen Tip dankbar.
Leider finde ich im Moment kein Weg das es nebeneinander angezeigt wird und dann auch noch in der Mitte steht.
Leider muss ich da passen und wenn dazu noch jemand einen Vorschlag hat, wäre ich für einen Tip dankbar.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Do 6 Aug 2015 - 11:03
ich danke dir trotzdem Frank für deine rasche Hilfe
Hasi- Lehrling
- Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von #Frank Do 6 Aug 2015 - 11:31
Das Einzige was mir jetz noch mal eingefallen ist, ist die Div Container jeden einzeln in eine 3 Spaltige Tabelle einzusetzen.
Dadurch das es sich um drei Div Container handelt werden die auch untereinander angezeigt. Nur durch die float angabe im CSS werden die nebeneinander gezwungen, wie wir ja schon festgestellt haben.
Das kannst du noch versuchen.
Dadurch das es sich um drei Div Container handelt werden die auch untereinander angezeigt. Nur durch die float angabe im CSS werden die nebeneinander gezwungen, wie wir ja schon festgestellt haben.
Das kannst du noch versuchen.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von inde Do 6 Aug 2015 - 14:35
#Frank schrieb:So, ich hab mich da jetzt noch mal mit beschäftigt und habe deine Änderung mal bei mir versucht nachzubauen.
Leider finde ich im Moment kein Weg das es nebeneinander angezeigt wird und dann auch noch in der Mitte steht.
Leider muss ich da passen und wenn dazu noch jemand einen Vorschlag hat, wäre ich für einen Tip dankbar.
Mittig, so wie hier dargestellt? Oder noch anders?
LG inde
inde- Admin a.D.
- Beiträge : 5658
Anmeldedatum : 20.10.11
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von Hasi Do 6 Aug 2015 - 17:04
genau inde
das sieht gut aus
muss ich mich mal ran stürzen
das sieht gut aus
muss ich mich mal ran stürzen
Hasi- Lehrling
- Beiträge : 11
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
von inde Do 6 Aug 2015 - 19:59
Dann ersetzte bitte einmal in dem Template "index_body" den bisherigen Code in den nachfolgenden. Nicht vergessen das Template anschließend zu veröffentlichen 
.
Anschließend muss noch der letzte Code in Deinem persönlichen CSS etwas verändert werden, sodass die Titel zentriert werden. Bitte an das "Absenden" denken.
EDIT 06.08.2015 - 22:59:08:
Ich habe mir noch einmal die beiden Scripte sowie das externe CSS angesehen. Das erste Script führt ins Leere bzw. ist gar nicht mehr gültig, auch scheint das zweite Script sowie das CSS überflüssig zu sein. Also bitte einmal den nachstehen Code ohne Scripte und CSS probieren, da diese lediglich nur die Ladezeit des Forum belasten. Woher Du diese Scripte hast scheint mir im Moment noch ein Rätsel zu sein.
LG inde
.- Code:
<!-- Skripte für die Thickbox-->
<script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js" ></script>
<script type="text/javascript" src="http://img.webme.com/userfiles/der-bielefeld-club/thickbox.js" ></script>
<link rel="stylesheet" href="http://theme.webme.com/designs/globals/thickbox.css" type="text/css" media="screen">
<!-- Der HTML Code der Thickbox Galerie - Copyright by www.design-generator.de.tl -->
<table width="100%">
<tr>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" rel="tour" title="Die Dunkelheit"><img src="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" alt="Bild" /></a><p>Die Dunkelheit</p></div></div></td>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" rel="tour" title="Die Styne Familie"><img src="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" alt="Bild" /></a><p>Die Styne Familie</p></div></div></td>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" rel="tour" title="The Mark of Cain"><img src="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" alt="Bild" /></a><p>The Mark of Cain</p></div></div></td>
</tr>
</table>
<!-- Ende Thickbox -->
Anschließend muss noch der letzte Code in Deinem persönlichen CSS etwas verändert werden, sodass die Titel zentriert werden. Bitte an das "Absenden" denken.
- Code:
div.bildbox p {
color: #000;
font-family: Monotype Corsiva;
font-size: 14px;
text-align: center;
}
EDIT 06.08.2015 - 22:59:08:
Ich habe mir noch einmal die beiden Scripte sowie das externe CSS angesehen. Das erste Script führt ins Leere bzw. ist gar nicht mehr gültig, auch scheint das zweite Script sowie das CSS überflüssig zu sein. Also bitte einmal den nachstehen Code ohne Scripte und CSS probieren, da diese lediglich nur die Ladezeit des Forum belasten. Woher Du diese Scripte hast scheint mir im Moment noch ein Rätsel zu sein.
- Code:
<!-- Der HTML Code der Thickbox Galerie - Copyright by www.design-generator.de.tl -->
<table width="100%">
<tr>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" rel="tour" title="Die Dunkelheit"><img src="http://img1.wikia.nocookie.net/__cb20150522140811/s__/supernatural/de/images/f/fe/Darkness.gif" alt="Bild" /></a><p>Die Dunkelheit</p></div></div></td>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" rel="tour" title="Die Styne Familie"><img src="http://img4.wikia.nocookie.net/__cb20150522182039/s__/supernatural/de/images/thumb/e/e1/Styne_Familie.jpg/1000px-Styne_Familie.jpg" alt="Bild" /></a><p>Die Styne Familie</p></div></div></td>
<td><div style="display: block; position: relative; left: 50%; margin-left: -91px;"><div class="bildbox"><a class="thickbox" href="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" rel="tour" title="The Mark of Cain"><img src="http://img3.wikia.nocookie.net/__cb20150525233703/s__/supernatural/de/images/9/9a/Mark_of_Cain_Removal.gif" alt="Bild" /></a><p>The Mark of Cain</p></div></div></td>
</tr>
</table>
<!-- Ende Thickbox -->
LG inde
Zuletzt von inde am Do 6 Aug 2015 - 22:59 bearbeitet; insgesamt 1-mal bearbeitet (Grund : EDIT:)
inde- Admin a.D.
- Beiträge : 5658
Anmeldedatum : 20.10.11
Ähnliche Themen» Uhr/ Java-Script einbinden da wo ich es haben möchte...
» Java script
» Java Script?
» Java Script
» Java Script bzw. Css
» Java script
» Java Script?
» Java Script
» Java Script bzw. Css
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
