Antworten auf deine Fragen:
Neues Thema erstellen

Lightbox geht nicht

B

Bleccer

Guest

Ich bin gerade dabei meine neue Seite noch ein bisschen auf zu werten. Ich habe einen Slider auf meiner Seite eingebaut dabei soll wenn man auf ein Bild klickt sich das Bild in einer Lightbox öffnen. Hab auch alles soweit gemacht doch leider öffnet sich das Bild nicht in der Lightbox sondern nur in einem neuen Fenster.

Weiß jemand eine Lösung für mich?

Danke im Voraus.

Hier die Seite inet-maker.de

Edit: Als Test habe ich nur das erste Bild in der Slideshow mit dem rel="lightbox" Attribut versehen.
 

sokie

Mod | Web

AW: Lightbox geht nicht

vielleicht wäre es besser auch die zu verwenden, satt ein weiteres framework zu laden.
 

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

HTML:
<script type="text/javascript" src="js/prototype.js"></script>
...Eintrag fehlt
 
B

Bleccer

Guest

AW: Lightbox geht nicht

geht leider trotzdem nicht habs kurz mit der anderen lightbox probiert, geht auch nicht.

Edit: wenn ich

<script type="text/javascript" src="js/prototype.js"></script>

einfüge werden die Bilder von der Slideshow untereinander angezeigt und es klappt trotzdem nicht.
 

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Es ist nur ein Versuch:
Du benutzt lightbox.js in der 2.04 Version. Lade mal die bereinigte 2.05 Version und teste es nochmal. Die Links stimmen soweit. Es könnte natürlich sein, da Du verschiedene framework verwendest, das sie sich gegenseitig beinflussen.
 
B

Bleccer

Guest

AW: Lightbox geht nicht

hab jetzt aktuellste Version, alles so wie in der Anleitung gemacht und jetzt sieht die Seite so aus (inet-maker.de). Außerdem hab ich alles andere an Javascript etc. mal raus genommen geht aber leider trotzdem nicht.
 

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Hmm, ich habe auch etwas rumprobiert kann aber auch weiter nichts entdecken. Ich schaue morgen nochmal nach und melde mich bei Dir.
Good Night
 

Chriss1987

me.drinkCoffee();

AW: Lightbox geht nicht

Hi,

das Problem an deiner Seite ist, dass ein Div 'overlay' nicht erzeugt wird und dadurch in der 'lightbox.js' in Zeile 209 ein Fehler auftritt ("$('overlay') is null").

Nach Betrachtung deiner Seite, wird am Ende der Seite kein Div automatisiert eingefügt (auf der Seite von Lightbox 2 wird der Part erzeugt). Feststellen kannst du das, indem du im Firefox alles markierst (<Strg> + <A>), dann Rechtsklick => Auswahl-Quelltext anzeigen. So siehst du auch JS-generiertes HTML! ;) Weiterhin hätte dir die Fehlerkonsole von Firefox geholfen, da dort der Fehler "$('overlay') is null" angezeigt wird.

Der Code, der automatisch eingefügt werden sollte sieht so aus (Auszug aus der lightbox.js; Zeile 96):
Code:
// Code inserts html at the bottom of the page that looks similar to this:
//
//  <div id="overlay"></div>
//  <div id="lightbox">
//      <div id="outerImageContainer">
//          <div id="imageContainer">
//              <img id="lightboxImage">
//              <div style="" id="hoverNav">
//                  <a href="#" id="prevLink"></a>
//                  <a href="#" id="nextLink"></a>
//              </div>
//              <div id="loading">
//                  <a href="#" id="loadingLink">
//                      <img src="http://www.psd-tutorials.de/forum/images/loading.gif">
//                  </a>
//              </div>
//          </div>
//      </div>
//      <div id="imageDataContainer">
//          <div id="imageData">
//              <div id="imageDetails">
//                  <span id="caption"></span>
//                  <span id="numberDisplay"></span>
//              </div>
//              <div id="bottomNav">
//                  <a href="#" id="bottomNavClose">
//                      <img src="http://www.psd-tutorials.de/forum/images/close.gif">
//                  </a>
//              </div>
//          </div>
//      </div>
//  </div>
Edit: das Forum fügt von selbst "http://www.psd-tutorials.de/forum/" dem IMG-Tag hinzu...

Woran das allerdings liegt, weiß ich zur Zeit nicht!

Schöne Grüße aus dem Sauerland!
Chriss
 
Zuletzt bearbeitet:

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Tja das Pferd ist tot, aber wer hat es erschossen?:D
Zunächst läuft es bei mir. Zum Vergleich habe ich die Testdatei hochgeladen um die Verlinkung zu vergleichen. In der Style.css habe ich einige Grafiklinks umgestellt, um etwas zu sehen, hat nichts mit Lightbox zu tun. Irgendwo klemmt es doch an der Verlinkung bei Dir.
 

Chriss1987

me.drinkCoffee();

AW: Lightbox geht nicht

Hi,

irgend was mit deinen Dateien stimmt nicht, ich hatte mal alles andere rausgeschmissen und auf deine Dateien gelinkt:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="http://inet-maker.de/lightbox/prototype.js"></script>
<script src="http://inet-maker.de/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://inet-maker.de/lightbox/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://inet-maker.de/lightbox/lightbox.css" type="text/css" media="screen" />    
</head>
<body>

<a rel="lightbox" href="http://inet-maker.de/slide/img/praktikum_infomax.jpg"><img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" alt="Praktikumsbest&auml;tigung bei Infomax" width="200" height="150" /></a>

</body>
</html>
ändere ich allerdings die Pfade auf die Dev-Hp, funktioniert es:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="http://www.lokeshdhakar.com/projects/lightbox2/js/prototype.js"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" type="text/css" media="screen" />    
</head>
<body>

<a rel="lightbox" href="http://inet-maker.de/slide/img/praktikum_infomax.jpg"><img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" alt="Praktikumsbest&auml;tigung bei Infomax" width="200" height="150" /></a>

</body>
</html>
Am besten mal Dateien neu runterladen und überschreiben.

Schöne Grüße aus dem Sauerland!
Chriss

Edit: da war wohl jemand schneller... :p ;)
 
B

Bleccer

Guest

AW: Lightbox geht nicht

danke für eure Hilfe das einzigste Problem was ich jetzt noch hab ist das die Slideshow i-wie die Lightbox blockt oder überschreibt. Das heißt wenn ich das Lightbox Script vor die Slideshow setze dann geht die Lightbox aber die Slideshow nicht wie könnte ich das Problem lösen?
 

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

yep, verschiedene framework......etc.
Hier die Version, ähnlich wie @sokie vorgeschlagen hat im jQuery framework zu bleiben, adaptiert und getestet.
Quelle:
oder siehe
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="PhpED Version 6.0 (Build 6026)" />
<title>Dominik Siebelhoff - Portfolio</title>
<meta name="description" content="Auf dieser Seite finden Sie alle Arbeiten von dem Webdesiger Dominik Siebelhoff." />
<meta name="keywords" content="Dominik Siebelhoff, Webdesign, Webentwicklung, Entwicklung," />
<meta name="author" content="Dominik Siebelhoff" />
<meta http-equiv="reply-to" content="info@dominik-siebehoff.de" />
<link rel="shortcut icon"  href="file:///C|/Users/Jens/Desktop/img/favicon.ico" />
<meta name="creation-date" content="06/08/2011" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="7 days" />
<link type="text/css" rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>

<!-- ALT  gelöscht <script type="text/javascript" src="http://inet-maker.de/slide/jquery-1.2.1.pack.js"></script>-->
<!--Neue Version-->
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-basic.css"/>
<!--Ende Neue Version-->

<script type="text/javascript" src="http://inet-maker.de/slide/jMyCarousel.js"></script>
<script type="text/javascript">
        $(function() {

            $(".jMyCarousel").jMyCarousel({
                visible: '4',
                eltByElt: true,
                evtStart: 'mousedown',
                evtStop: 'mouseup'
            });

        });
    </script>

<!--Neue Version-->
<style>
#triggers { text-align:center; }
#triggers img {
    cursor:pointer;
    margin:0 5px;
    background-color:#fff;
    border:1px solid #ccc;
    padding:2px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/* styling for elements inside overlay */
    .details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
}
.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}
</style>
</head>
<body>
<!-- Tooltip -->
<div id="eins" class="tooltip">Such Maschinen Optimierung</div>
<div id="zwei" class="tooltip">Content Managment System</div>
<div id="drei" class="tooltip">Datenbank Sprache</div>
<div id="vier" class="tooltip">Programmiersprache (Foren etc.)</div>
<div id="funf" class="tooltip">Content Managment System (Blog)</div>
<div id="sechs" class="tooltip">Ladezeit von Webseiten optimieren</div>
<div id="sieben" class="tooltip">Hinzuf&uuml;gem von Texten, Bildern ...</div>
<div id="acht" class="tooltip">dynamische Webseiten</div>
<div id="neun" class="tooltip">Gestaltung der Webseite</div>
<div id="zehn" class="tooltip">Folge mir auf Facebook</div>
<div id="elf" class="tooltip">Folge mir auf Twitter</div>
<div id="zwelf" class="tooltip">RSS-Feed abonnieren</div>
<!-- -->
<div id="wrapper">
  <div id="header">
    <h1 class="inline">Inet-Maker</h1>
    <img src="http://inet-maker.de/img/logo.png" class="inline" title="Logo" alt="Logo" />
    <h1 class="inline">Portfolio</h1>
    <div id="sozial" class="inline"> <a href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" onmouseover="showWMTT('zehn')" onmouseout="hideWMTT()"><img src="http://inet-maker.de/img/fb.png" alt="Facebook" class="inline" /></a> <a href="http://twitter.com/#!/InetMaker"><img src="http://inet-maker.de/img/twitter.png" class="inline" onmouseover="showWMTT('elf')" alt="Twitter" onmouseout="hideWMTT()" /></a> <a href="file:///C|/Users/Jens/Desktop/feed.xml"><img src="file:///C|/Users/Jens/Desktop/img/rss.png" class="inline" onmouseover="showWMTT('zwelf')" onmouseout="hideWMTT()" alt="RSS-Feed" /></a> </div>
  </div>
  <div id="navigation">
    <ul id="nav">
      <li class="start"><a href="#port_h2" title="Portfolio">Portfolio</a></li>
      <li><a href="#ueber_mich" title="&Uuml;ber mich">&Uuml;ber mich</a></li>
      <li><a href="#skills" title="Kenntnisse">Kenntnisse</a></li>
      <li class="end"><a href="#footer" title="Kontakt">Kontakt</a></li>
    </ul>
  </div>
  <h2 id="port_h2">|| Portfolio</h2>
  <div id="portfolio_slide">
    <noscript>
    <p class="error">Um bestimme Inhalte dieser Seite sehen zu können, muss Javascript aktiviert sein.</p>
    </noscript>
    <div class="jMyCarousel">
      <ul id="triggers">
        <li> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" width="200" height="150" rel="#mies1"/></li>
        <li><img src="slide/img/praktikum_gerstmayer.jpg" width="200" height="150" alt="Praktikumsbest&auml;tigung bei Agentur Gerstmayer" /></li>
        <li><img src="slide/img/siebelhoff_portal.jpg" width="200" height="150" alt="Autohaus Siebelhoff Portal" /></li>
        <li><img src="slide/img/necke-film.jpg" width="200" height="150" alt="Necke-Film" /></li>
      </ul>
    </div>
  </div>
  <div class="simple_overlay" id="mies1"> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" /> </div>
  <div id="ueber_mich">
    <h2>|| &Uuml;ber mich</h2>
    <img src="img/dominik-siebelhoff.jpg" alt="Dominik Siebelhoff" class="left" title="Dominik Siebelhoff" />
    <p class="right"> <span class="ue_h3">Allgemein über mich</span> Meine Hobbys sind Windsurfen, Schlagzeug 
      spielen sowie natürlich gestalten und 
      programmieren.
      
      Zurzeit besuche ich die Leonhard-Wagner-
      Realschule und werde diese voraussichtlich
      in 2 Jahren mit der Mittleren-Reife verlassen.
      Danach werde ich entweder auf die Fos gehen
      oder eine Ausbildung als Webdesigner beginnen.
      
      Ihr
      Dominik Siebelhoff </p>
    <p class="p"><span class="strong"> Ich hei&szlig;e Dominik Siebelhoff, 
      komme aus Bayern und entwickle bzw. gestalte 
      aus Leidenschaft Webseite.</span> <span class="ue_h3">Wie kam es zum Webdesign?</span> Als ich 2007 eine kleine Anleitung zu Html las,
      war ich sofort sehr begeistert davon und erkannte 
      gleich das, dass das richtige für mich ist. Danach
      fing ich an mir Bücher zu Html und CSS zu kaufen.
      Als ich diese beiden Sprachen nach ca. 1-2 Jahren
      perfekt beherrschte fing ich an PHP und Javascript
      zu lernen.</p>
  </div>
  <div id="skills" class="clear">
    <h2>|| Kenntnisse</h2>
    <div class="right"> <img src="img/maennchen.jpg" title="Kenntnisse" alt="M&auml;nnchen" /> </div>
    <ul>
      <li class="black">(X)HTML <a href="#" onmouseover="showWMTT('sieben')" onmouseout="hideWMTT()">[?]</a></li>
      <li class="black">Javascript <a href="#" onmouseover="showWMTT('acht')" onmouseout="hideWMTT()">[?]</a></li>
      <li class="black">SEO <a href="#" onmouseover="showWMTT('eins')" onmouseout="hideWMTT()">[?]</a></li>
    </ul>
    <ul id="gray" class="clearleft">
      <li>CSS <a href="#" onmouseover="showWMTT('neun')" onmouseout="hideWMTT()">[?]</a></li>
      <li>Contao <a href="#" onmouseover="showWMTT('zwei')" onmouseout="hideWMTT()">[?]</a></li>
      <li>MySql <a href="#" onmouseover="showWMTT('drei')" onmouseout="hideWMTT()">[?]</a></li>
    </ul>
    <ul class="clearleft">
      <li>PHP <a href="#" onmouseover="showWMTT('vier')" onmouseout="hideWMTT()">[?]</a></li>
      <li>Wordpress <a href="#" onmouseover="showWMTT('funf')" onmouseout="hideWMTT()">[?]</a></li>
      <li>WPO <a href="#" onmouseover="showWMTT('sechs')" onmouseout="hideWMTT()">[?]</a></li>
    </ul>
  </div>
  <div id="footer">
    <div id="left" class="left"> <img src="file:///C|/Users/Jens/Desktop/img/contact.png" class="left" alt="Kontakt" title="Kontakt" />
      <h2>Kontakt</h2>
      <p id="kontakt">Wenn sie möchten dürfen Sie gerne über das
        Formular rechts Kontakt mit mir aufnehmen. <br />
        <br />
        Für Angebote zur Erstellung von Webseiten
        kontaktieren Sie mich auch bitte über das
        Formular rechts.</p>
      <div id="fb-root"></div>
      <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#appId=207965089241005&amp;xfbml=1"></script>
      <fb:like href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" send="true" layout="button_count" width="150" show_faces="true" font="arial"></fb:like>
      
      <!-- standard -->
      <g:plusone></g:plusone>
      <a href="http://twitter.com/InetMaker" class="twitter-follow-button" data-lang="de">Follow @InetMaker</a> 
      <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><br />
      <br />
      <p><a href="http://www.inet-maker.de" title="Inet-Maker.de">Inet-Maker.de</a> - <a href="http://www.dominik-siebelhoff.de" title="Dominik-Siebelhoff.de">Dominik-Siebelhoff.de</a> - <a href="http://www.webentwicklung-augsburg.de">Webentwicklung-Augsburg.de</a></p>
    </div>
    <form action="file:///C|/Users/Jens/Desktop/index.php#footer" method="post">
      <label for="Name">Name:</label>
      <br />
      <input type="text" id="Name" name="Name" value="" />
      <br />
      <label for="Betreff">Betreff:</label>
      <br />
      <input type="text" id="Betreff" name="Betreff" value="" />
      <br />
      <label for="Email">Email:</label>
      <br />
      <input type="text" id="Email" name="Email" value="" />
      <br />
      <label for="Nachricht">Nachricht:</label>
      <br />
      <textarea id="Nachricht" name="Nachricht"></textarea>
      <br />
      <input type="submit" name="senden" value="Senden" id="send" />
    </form>
  </div>
</div>
<!--Neue--> 
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {
$("img[rel]").overlay();
});
</script> 
<!--End Neu-->
</body>
</html>
Wichtig auch der Script-Schnipsel am Ende!!
Optisch anpassen kannst Du es ja selber.
 
Zuletzt bearbeitet:

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Naja geht doch. Wenn Du jetzt noch eine kleine 200x150px Bildvariante Deiner Karusselbilder erzeugst wird die Website auch noch schneller geladen. Der kleinste gemeinsame Nenner ist die jQuery Tools 1.2.5 library da sie von allen Deinen Anwendungen genutzt wird. Das spart Ladezeit.
Die Css Dateien:
<link rel="stylesheet" type="text/css" href=""/> <link rel="stylesheet" type="text/css" href=""/>

extrahierst Du passt sie Deinen Bedürfnissen an und setzt sie dokumentiert(/***lightboxstyle***/)in Deine style.css ein.
Ebenso verfährst du mit den css - Angaben im Dokument und lagerst sie aus. Verschiedene thematisierte CSS-Dateien sind zwar übersichtlich , aber ich bevorzuge ein ein gegliedertes CSS -Dokument.
Zu guter letzt, wenn Du PHP nutzen kannst hast Du die Möglichkeit auch die CSS-Datei mittels <?php ob_start("ob_gzhandler"); ?> automatisch zu packen.
Schnelligkeit im Webseitenaufbau ist halt Trumpf.
 
Zuletzt bearbeitet:

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Wie ich sehe befreist Du dich von Ballast. Den Eintrag
Code:
#triggers img {cursor:pointer;}
solltest Du aber lassen. Ansonsten ist beim darüber fahren mit der Maus nicht zu erkennen ob die Bilder Klickbar sind.
 
B

Bleccer

Guest

AW: Lightbox geht nicht

ja ich habs auch grad gesehen meine Freundin ist grad bei mir ich geh später nochmal alles durch wo ich an Ladezeit sparen kann. ^^

weiß gerade nur nicht wie ich das mit dem Kleineren Bild hin bekommen soll, also das in der Gallary nicht das große Bild sondern das kleine geladen wird und beim klicken das große Bild kommt.
 

Walter75

Nicht mehr ganz neu hier

AW: Lightbox geht nicht

Nichts leichter als das: Unter
HTML:
<div class="simple_overlay" id="mies1"> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" /> </div>
...wird das große Bild aufgerufen und
HTML:
<div class="jMyCarousel">       <ul id="triggers">         <li> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" width="200" height="150" rel="#mies1"/></li>         <li><img src="slide/img/praktikum_gerstmayer.jpg" width="200" height="150" alt="Praktikumsbest&auml;tigung bei Agentur Gerstmayer" /></li>         <li><img src="slide/img/siebelhoff_portal.jpg" width="200" height="150" alt="Autohaus Siebelhoff Portal" /></li>         <li><img src="slide/img/necke-film.jpg" width="200" height="150" alt="Necke-Film" /></li>       </ul>     </div>   </div>
hier werden alle kleine Bilder aufgerufen.
Ich mache es meistens so, das ich dem Titel ( Bild1_big.jpg und Bild1_small.jpg ) big und small anhänge. So kann man beide für ihre Größe optimieren und behält die Übersicht.
 
B

Bleccer

Guest

AW: Lightbox geht nicht

Vielen dank für eure Hilfe, habt sehr schön geholfen sehr ausführlich... Jetzt klappt alles danke euch
 
K

konzept

Guest

AW: Lightbox geht nicht

Hallo,

ich habe das selbe Problem und komme nicht weiter. Die Lightbox 2.05 ist ja aktuell bei mir, aber wie bekomme ich den Fehler in Zeile 209 im Javascript behoben?

Im Firebug wird folgender Fehler angezeigt: $("overlay") is null
Zeile 209 $('overlay').setStyle({ width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });

Wäre super, wenn mir da jemand weiter helfen könnte.

Gruß. Petra ;-)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.528
Neuestes Mitglied
Links Stream es
Oben