[phpBB3] JAVA Script in Fußzeile einbinden
3 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
[phpBB3] JAVA Script in Fußzeile einbinden
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- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Hasi- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
ich danke dir trotzdem Frank für deine rasche Hilfe
Hasi- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB3] JAVA Script in Fußzeile einbinden
#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- Kaiser
- Anzahl der Beiträge : 863
Hinweis : Flash The Scene™
Browser :
Verwarnung :
Anmeldedatum : 20.10.11
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Neuling
- Anzahl der Beiträge : 11
Browser :
Anmeldedatum : 06.07.15
Re: [phpBB3] JAVA Script in Fußzeile einbinden
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- Kaiser
- Anzahl der Beiträge : 863
Hinweis : Flash The Scene™
Browser :
Verwarnung :
Anmeldedatum : 20.10.11
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten