Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

Isotope Views

Eingetragen von wrestler (216)
am 06.06.2014 - 15:14 Uhr in
  • Module

Hallo zusammen

Ich habe mein Portfolio mit jQuery Isotope Views erstellt, was grundsätzlich einwandfrei funtktioniert.

Die Breite der einzelnen Elemente sollte sich jedoch der Fenstergrösse insofern anpassen, dass die Breite des ganzen Inhalts die Fensterbreite zu 100% ausfüllt. Allein mit CSS bringe ich das nicht hin.

Das sieht bei mir so aus http://web13.504.hosttech.eu/work
Und so sollte es sein: http://jeremycowart.com/blog/

Wie kann ich das lösen?

‹ [gelöst] Quelltext eines Nodes ist plötzlich verhauen OG: Group als Block anzeigen? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Das bekommst du nur mit CSS hin

Eingetragen von ronald (3845)
am 07.06.2014 - 09:25 Uhr

Drupal hat den Content und die Darstellung konsequent getrennt.
Du musst die Darstellung alleine mit den Mitteln der Templates regeln.

Dynamisch geht das nur mit CSS und ggf. etwas javaScript

Grüße
Ronald

  • Anmelden oder Registrieren um Kommentare zu schreiben

#isotope-container

Eingetragen von glycid (915)
am 07.06.2014 - 12:24 Uhr

#isotope-container .isotope-element {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  transition-property: all;
}

.isotope-item {
  float: left;
  height: auto;
}

.isotope-element {
  background: none repeat scroll 0 0 #BEBEBE;
  color: #FFFFFF;
  margin: 0 10px 0 0;
  overflow: hidden;
  width: 150px;
}

liefert :

AnhangGröße
isotope-full-width.png 390.8 KB

Jondos Digital

  • Anmelden oder Registrieren um Kommentare zu schreiben

Für völlig dynamische Element

Eingetragen von glycid (915)
am 07.06.2014 - 12:33 Uhr

Für völlig dynamische Element Breite müsstest du die /libraries/jquery.isotope/jquery.isotope.min.js anpassen, da dort 200px fest definiert sind.

Jondos Digital

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Für völlig dynamische

Eingetragen von wrestler (216)
am 07.06.2014 - 12:43 Uhr
Zitat:

Für völlig dynamische Element Breite müsstest du die /libraries/jquery.isotope/jquery.isotope.min.js anpassen, da dort 200px fest definiert sind.

Vielen Dank! Was müsste ich denn dort genau ändern?

Gruss
The Wrestler

  • Anmelden oder Registrieren um Kommentare zu schreiben

du könntest bei

Eingetragen von glycid (915)
am 07.06.2014 - 16:05 Uhr

du könntest bei t.style.width="200px, den Wert auf auto oder 100% setzen. Musst du halt mal probieren, aber ohne Gewähr ;)

Jondos Digital

  • Anmelden oder Registrieren um Kommentare zu schreiben

[quote=glycid]#isotope-contai

Eingetragen von wrestler (216)
am 23.06.2014 - 18:19 Uhr

[quote=glycid]

#isotope-container .isotope-element {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  transition-property: all;
}

.isotope-item {
  float: left;
  height: auto;
}

.isotope-element {
  background: none repeat scroll 0 0 #BEBEBE;
  color: #FFFFFF;
  margin: 0 10px 0 0;
  overflow: hidden;
  width: 150px;
}

Ich habe mal deine Einstellungen übernommen. Bei mir funktioniert dies jedoch nicht. Was genau ist die entscheidende Korrektur?
Müsst ich noch etwas deaktivieren?

Ich wär schon ziemlich happy, wenn ich es so hinkriege wie auf deinem Screenshot.

Danke für deine Bemühungen.

Gruss
The Wrestler

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich komme hier leider

Eingetragen von wrestler (216)
am 14.07.2014 - 13:19 Uhr

Ich komme hier leider definitiv nicht weiter :(

Ist jemand interessiert, dies für mich zu lösen gegen Bezahlung?

Gruss
The Wrestler

  • Anmelden oder Registrieren um Kommentare zu schreiben

.............

Eingetragen von caw (2730)
am 15.07.2014 - 06:49 Uhr

hat sich geklärt

C.A.W. Webdesign

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • PHP 8.1 - Deprecated function: rtrim()
  • Preloader / Spnner entfernen Menu Link Modal-Modul
  • Schriftgröße standard einstellen
  • Drupal Website gestalten
  • MariaDB 10.6
  • Entity Reference - Title Felder werden als Link angezeigt
  • Tokens werden in Viev als Link angezeigt
  • [bug entdeckt & workaround gefunden] benutzerdefinierte Felder vom Userprofil tauchen ungefragt auch in den Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
Weiter

Neue Kommentare

  • Danke fürs Feedback. Gut dass
    vor 1 Tag 12 Stunden
  • Patch angewandt
    vor 1 Tag 15 Stunden
  • core_version_requirement: ^8
    vor 3 Tagen 17 Stunden
  • core_version_requirement: ^8
    vor 3 Tagen 17 Stunden
  • ok. Wenn ich das mache
    vor 3 Tagen 17 Stunden
  • Bei gleichem Namen hat das
    vor 3 Tagen 17 Stunden
  • Sorry, dass ich mich hier
    vor 3 Tagen 18 Stunden
  • Habe Patch versucht
    vor 4 Tagen 1 Stunde
  • Hier wird ein Patsch
    vor 4 Tagen 2 Stunden
  • Mit Drupal geht das um 150
    vor 4 Tagen 14 Stunden

Statistik

Beiträge im Forum: 247866
Registrierte User: 19593

Neue User:

  • Davidsnins
  • kudes
  • Tkakah

» Alle User anzeigen

User nach Punkten sortiert:
wla9213
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 4 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association