--- title: "Smoothgallery Thumbnails" url: "https://www.typo3.net/d/110184-smoothgallery-thumbnails" source: "typo3.net" tags: ["Allgemein","Frage"] created: "2012-04-12" last_reply: "2012-04-17" replies: 7 solved: false page: 1 pages: 1 lang: "de" --- # Smoothgallery Thumbnails Allgemein · 7 Antworten · gestartet 2012-04-12 ## Eröffnungsbeitrag **nomis2010** · 2012-04-12 · [Beitrag #1](https://www.typo3.net/d/110184-smoothgallery-thumbnails/1) Hallo Zusammen, Ich bräuchte mal wieder eure Hilfe. Ich würde gerne meine Bilder wie hier im Link in der smoothgallery erstellen. allerdings versteh ich nicht was ich mit dem CSS code machen muß wo und wie ich diesen ccs code eintragen muss. Kann mir da jemand weiter helfen? Vielen dank euch im Voraus! ## Antworten ### [#2](https://www.typo3.net/d/110184-smoothgallery-thumbnails/2) · Seneca · 2012-04-14 Hallo, die css-Dateien befinden sich auf dem Server in folgendem Verzeichnis: /httpdocs/typo3conf/ext/rgsmoothgallery/res/css Der auf deiner Link-Seite beschrieben css entspricht der im obigen Verzeichnis vorhandenen externalThumbs2.css. Ich würde also die andere Datei externalThumbs.css mal umbenennen und würde bei der -2.ccs die "2" entfernen. Wahrscheinlich greift die Ext auf die externalThumbs.css zu. Die auf der Link-Seite über dem css angegebenen Punkte sind die nötigen Einstellungen im constant Editor im Template Gruß Seneca ### [#3](https://www.typo3.net/d/110184-smoothgallery-thumbnails/3) · nomis2010 · 2012-04-14 Hallo Seneca, Danke für deine Hilfe, ich hab die Datei so wie du beschrieben hast unbennant und die "2" entfernt. Allerdings versteh ich nicht wo ich den Code .tx-rgsmoothgallery-pi1 { float:left; } #externalthumbs { float:left; width:200px; } #externalthumbs .label { display:none; } .carouselInner { width:205px; } .carouselInner .thumbnail { float:right; padding-bottom:10px; } einfügen muß. Wenn ich unter template geh und dann smoothgallery auswähle, bekomm ich folgendes Fenster. (Bild) wo muß ich dann den css code einfügen? Vielen vielen dank im Voraus!! [Bild: \[upl-image-preview uuid=6932ccc4-0cf6-5f64-84cb-2641c9e12a55 url=https://www.typo3.net/assets/files/typo3net/770-Bildschirmfoto-2012-04-14-um-20.33.32.png alt=Bildschirmfoto-2012-04-14-um-20.33.32.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/770-Bildschirmfoto-2012-04-14-um-20.33.32.png\]](https://www.typo3.net/assets/files/typo3net/770-Bildschirmfoto-2012-04-14-um-20.33.32.png) ### [#4](https://www.typo3.net/d/110184-smoothgallery-thumbnails/4) · nomis2010 · 2012-04-14 Meine externalThumbs.css Datei sieht nun so aus: (siehe Bild) [Bild: \[upl-image-preview uuid=60ba327d-8b0e-5e27-b756-d8d03c6a1fef url=https://www.typo3.net/assets/files/typo3net/771-Bildschirmfoto-2012-04-14-um-21.17.23.png alt=Bildschirmfoto-2012-04-14-um-21.17.23.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/771-Bildschirmfoto-2012-04-14-um-21.17.23.png\]](https://www.typo3.net/assets/files/typo3net/771-Bildschirmfoto-2012-04-14-um-21.17.23.png) ### [#5](https://www.typo3.net/d/110184-smoothgallery-thumbnails/5) · nomis2010 · 2012-04-14 Und die Einstellugen sind analog wie die von meinem Link: Möglich ist dies mit den folgenden Einstellungen: Width image: 350 Height image: 260 Width gallery: 347 Height gallery: 260 [x] Lightbox [x] Arrows [x] Thumbs Opacity Thumbnails: 0.7 External thumbs div ID: externalthumbs Advanced configuration:thumbHeight:55,thumbWidth:73, Allerdings werden die Thumbnails nicht wie aus dem Beispiel rechts neben dem großen Bild dargestellt sondern in einer reihe vertikal unterhalb des großen Bildes. was mach ich da bloß falsch? Danke euch! [Bild: \[upl-image-preview uuid=ede89d03-0f5d-5257-97a8-75e4c45044c4 url=https://www.typo3.net/assets/files/typo3net/772-Bildschirmfoto-2012-04-14-um-21.20.28.png alt=Bildschirmfoto-2012-04-14-um-21.20.28.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/772-Bildschirmfoto-2012-04-14-um-21.20.28.png\]](https://www.typo3.net/assets/files/typo3net/772-Bildschirmfoto-2012-04-14-um-21.20.28.png) ### [#6](https://www.typo3.net/d/110184-smoothgallery-thumbnails/6) · Seneca · 2012-04-16 Hallo, > **nomis2010 schrieb:** > > Allerdings versteh ich nicht wo ich den Code > einfügen muß. Der steht schon in dieser 2. externalthumbnail.css drin. Du solltest sie umbenennen, weil ich davon ausgehe, dass die Ext nur auf die externalthumbnail.css zugreift. Aber das ist offensichtlich nicht automatisch der Fall. > Wenn ich unter template geh und dann smoothgallery auswähle, bekomm ich folgendes Fenster. (Bild) wo muß ich dann den css code einfügen? s.o. Aber es kann sein, dass erst noch in einer Einstellung auf die css-Datei verwiesen werden muss. Bei mir im setup des templates stehen z.B. folgende Pfade: ```typoscript plugin.tx_rgsmoothgallery_pi1 { pathToJdgalleryCSS = EXT:fileadmin/templates/rgsmoothgallery/css/jd.galleryColor.css pathToSlightboxCSS = EXT:fileadmin/templates/rgsmoothgallery/css/slightboxColor.css } ``` (Es ist immer gut eigene Einstellungen in der css und im template lokal im fileadmin zu speichern, damit sie bei einem update nicht überschrieben werden.) Vielleicht müsste dort bei dir dann etwa stehen: ```typoscript plugin.tx_rgsmoothgallery_pi1 { pathToExternalThumbnailCSS = typo3conf/ext/rgsmoothgallery/res/externalthumbnails.css } ``` Ist ein Hinweis in dieser Richtung vielleicht im manual zu finden? Gruß Seneca ### [#7](https://www.typo3.net/d/110184-smoothgallery-thumbnails/7) · nomis2010 · 2012-04-17 Hallo Seneca, erstmal vielen dank das du dir die zeit genommen hast. Zur info: Bei mir steht im Template unter setup folgende Info (Siehe Bild) [Bild: \[upl-image-preview uuid=23e5ae73-60a4-510b-9e15-87172f6f6558 url=https://www.typo3.net/assets/files/typo3net/782-Bildschirmfoto-2012-04-17-um-19.30.26.png alt=Bildschirmfoto-2012-04-17-um-19.30.26.png thumbnail_url=https://www.typo3.net/assets/files/typo3net/782-Bildschirmfoto-2012-04-17-um-19.30.26.png\]](https://www.typo3.net/assets/files/typo3net/782-Bildschirmfoto-2012-04-17-um-19.30.26.png) ### [#8](https://www.typo3.net/d/110184-smoothgallery-thumbnails/8) · Seneca · 2012-04-17 Hallo Nomis2010, im Augenblick weiß ich auch nicht weiter, v.a. eben wie man das css einbindet. Trotzdem viel Erfolg! Seneca --- Quelle: „Smoothgallery Thumbnails“, typo3.net, https://www.typo3.net/d/110184-smoothgallery-thumbnails Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.