Lexi Help
Die neuesten Themen
» Begriff : "merken"
von Ray Heute um 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Heute um 11:07

» Servamp Forum
von Raine Kamiya Gestern um 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 20:56

» Private Nachrichten
von inde Gestern um 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank So 25 Sep 2016 - 16:57

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

Partner
free forum

[phpBB3] JAVA Script in Fußzeile einbinden

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Hasi am 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:
<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
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hasi am Mi 5 Aug 2015 - 15:29

hallo Frank

hoffe man kann den Screenshot sehen

Screenshot:
[img][/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
Neuling
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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;
}



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hasi am Mi 5 Aug 2015 - 15:52

supi ich danke dir Freunde
hat wunderbar geklappt

kann man das noch irgendwie mittig setzen?

Hasi
Neuling
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hasi am 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
Neuling
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hasi am Do 6 Aug 2015 - 11:03

ich danke dir trotzdem Frank für deine rasche Hilfe



Hasi
Neuling
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34499
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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
Moderator
Moderator

Männlich Beiträge : 2218
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hasi am Do 6 Aug 2015 - 17:04

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

Hasi
Neuling
Neuling

Weiblich Beiträge : 11
Anmeldedatum : 06.07.15

Nutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von inde am 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:)

inde
Moderator
Moderator

Männlich Beiträge : 2218
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten