Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

[phpBB3] JAVA Script in Fußzeile einbinden

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Keine Rückmeldung closed [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag von Hasi Mi 5 Aug 2015 - 12:12

Hallöchen Hasi schon wieder. Ihr müsst auch denken, man die nervt. Freunde

http://bloodlines.forumieren.org/

Folgende Frage

Ich möchte ein Java Script unten im Footer einbinden

und zwar wäre das der Code

Java:

kann ich das einfach im Index_Body ersetzen?
und was muss ich dann beim CSS einsetzen?

Ganz liebes Grüßle
Hasi
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag von Hasi Mi 5 Aug 2015 - 15:29

hallo Frank

hoffe man kann den Screenshot sehen

Screenshot:

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
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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:
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
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag von Hasi Mi 5 Aug 2015 - 15:52

supi ich danke dir Freunde
hat wunderbar geklappt

kann man das noch irgendwie mittig setzen?
Hasi
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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:
Code:

div.bildbox{
float: left;
Schau mal was passiert wenn du das float: left; dort entfernst.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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
Hasi
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag von Hasi Do 6 Aug 2015 - 11:03

ich danke dir trotzdem Frank für deine rasche Hilfe


Hasi
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag von Hasi Do 6 Aug 2015 - 17:04

genau inde
das sieht gut aus
muss ich mich mal ran stürzen
Hasi
Hasi
Lehrling
Lehrling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15
keine
phpBB3

Nach oben Nach unten

Keine Rückmeldung closed Re: [phpBB3] JAVA Script in Fußzeile einbinden

Beitrag 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 plus .
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:)
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten