Slider über ganze Breite
Autor: Michael G.
Visited 2162,
Followers 3,
Udostępniony 0
Hallo.
wie kann maneinen SLider über die ganze Seitenbreite machen ohne Qualitätsverlust?
Vielleicht mit einem Widget?
Hat jemand einen Tipp?
Posted on the
(Übersetzt von Google) - Zu welchem Abschnitt der Seite würden Sie brauchen?
1) - header? ... 2) - Style-Linien (Zeilenstil)? ... 3) - Seite Hintergrund?
Es gibt verschiedene Methoden EXTRA! Ich kann die Methode von mir erfunden vorzuschlagen, einzigartig. Siehe Grund > Beispiel (header)
Wenn Sie interessiert sind, poseguirò mit meinen Anweisungen EXTRA, andernfalls überspringen Sie diesen Beitrag. Hallo
(IT) - Per quale sezione della pagina ti servirebbe?
1.intestazione? - 2.stile delle righe? - 3.fondo pagina?
Esistono vari metodi EXTRA! Io posso proporti il metodo inventato da me, unico. Vedi esempio di base (header).
Nel caso ti interessasse, poseguirò con le mie istruzioni EXTRA, altrimenti ignorare questo Post. ciao
.
Dazu gibt es kein Widget! Wenn dann müsstest du den externen WOW Slider einbauen, der aber relative kompliziert zum integrieren ist.
Du du nimmst etwas Qualtiätsverlust im kauf und mit etwa CSS Code bringst du es auf die ganze Breite !
http://www.webdesign-markersdorf.at/webdesigner/swiper_grid_slider.html
Autor
Genau Andreas sowas suche ich. leider muss ich dann wohl doch den Qualitätsverlust inKauf nehmen.
Hast du da einen Code? Und welchen Slider nehme ich dann wo ich den Code einbaue?
Am einfachsten ist der Jssor Slider der ist sogar Gratis!
Allerdings einen Standardcode gibt es da nicht ohne dass man ihn anpassen muss.
bei machen habe ich gelesen dass man nur diesen Code verwenden soll...
<style> #imPageRowContent_1 div { width: 100%;} </style>
ich persönlich habe diesen Code drinnen..
<style>
#imPageRowContent_2, #imCell_7, #imCellStyle_7 {
width: 100%;
min-height:auto!important;
}
</style>
(Code kommt in den Seiteneigenschaften unter Reiter "Erweitert" vor dem </head> Tag !
Wobei die Zahl hinter den Selektoren man umbessern muss auf die eigenen im Projekt! Sehen kann man das im Quelltext oder wenn du Firebug installiert hast.
Beim Swiper Grid Slider muss man etwas mehr Code eingeben wenn man die Beschriftung auch anpassen will. Das wäre aber hier zuviel des guten.
Autor
Muss ich bei beiden Codes wieder die komische Zeile suchen?
Gibt es keinen SLider bei den Widget die man für Credit kaufen kann, der über die ganze Breite geht?
Nein, weil WSX5 nicht von Haus aus dynamisch ist und immer noch eine fixe Contentbreite hat, deshalb funktioniert "KEIN" Objekt oder Widget auf die ganze breite.
Autor
Ok Schade.
Und kannst du mir ein Widget empfehlen, was meine Bilder alle auf eine Größe bringt und diese nebeneinander und untereinander darstellt wie in einer Tabelle? Ohne das ich die Bilder vorher auf die richtige Größe bringen muss
Wieso schaust du dir nicht einige Gallerien oder Slider an hier im Marketplace unter den Zusatzobjekten! Es sind einige Beispiele aufgeführt wenn man das Widget anklickt. Du kannst dir auch meine Seite genauer ansehen und testen. Es kommt immer darauf an was man machen will.
Autor
Habe ich schon, aber da ist alles englisch beschrieben. Schöner wäre es wenn man Beispiel Webseiten sehen würde mit diesen Widgets.
Autor
Hat jemand Erfahrung mit dem Widgets?
- Swiper Grid Slider
- Swiper Animated Slider
- Masonry
JA, was willst du darüber wissen? (Außer wie man es in den Zeilenstil einbauen kann)
Autor
Welchen kann man empfehlen und vielleicht hast du eine Beispielseite dafür?
du meinst außer meiner Testseite?
Hier z.B. http://www.peri-wuppertal.de/fotogalerien.html
http://www.future-time.com/
http://www.modehaus-schuell.de/unser-haus.html
Autor
Prima danke.
Und zu welcher Homepage gehört welches Widget?
Der Slider future-time.com wäre super für mich. Der geht doch über die ganze Breite oder?
ISt nichts anderes als der Swiper Animated Slider und diesen dann auf die ganze Breite gebracht mit CSS Code!
Autor
und der css coder ist der von weiter oben?
Ja, genau nur mit den richtigen Ziffern hinten !
Autor
Ok danke...
und gibt es da große Unterschiede zwischen dem Swiper Slider und den Jssor Slider?
Guten Tag,
Swiper Animated Slider hat mehrere Funktionen und es bietet auch die Möglichkeit eine Besichreibung für die Bilder einzufügen.
Vielen Dank!
Autor
@Andreas
Kannst du mal bitte gucken, welche Nummer ich da eingeben muss damit der Slider über die ganze Seite geht?
Das wäre der SLider auf der Home Seite www.zeltsysteme-goebel.de
Danke dir
Wenn du den Swiper Grid Slider meinst dann ist es dieser Code !
<style>
#imPageRowContent_2, #imCell_282, #imCellStyle_282 {
width: 100%;
min-height:auto!important;
}
</style>
Allerdings hast du rechts ein Grafikobjekt drinnen das du löschen musst !
Allerdings ist die ganze Zeit verloren.
Non-responsive Website und nicht-mobilen freundlich: >> https://goo.gl/nka6ar ...!...
Sie setzen zwei Objekte, in der gleichen Zeile wie die Diashow.
Um die Vollbreiten-Diashow zu erhalten, kannst du es vorübergehend so beheben (/HEAD):
<style> #imPageRow_2 div {width:100% !important; padding:0px !important}
#imCell_283 {display:none !important} </style>
... aber es ist dasselbe wie vorher, ungeeignet ...
.
(IT) - comunque, tutto tempo perso.
sito non responsive, e non mobile friendly ...!...
hai messo due oggetti, nella stessa riga dello slideshow.
per ottenere lo slideshow a tutta larghezza, puoi rimediare temporaneamente così:
*** ***
... ma resta il fatto detto prima, sito non adatto...
> vedi clone temporaneo
.
Autor
Ok danke für die Info. Aber auf meinem Smartphone wird die Homepage korrekt angezeigt.
Aber wie kann ich diese Fehler beheben?
Das sind penible Testprogramme die bei jedem kleinsten Fehler es als "nicht mobil konform" einstufen. Derzeit hast du keinen Code drinnen der falsch ist, deshalb kann man auch nicht sagen was du verändern könntest. (Bis auf den Text größer zumachen)
Autor
Andreas der Slider geht irgendwie nicht über die ganze Seite, kannst du mal schauen?
Habe das Bild daneben entfernt
Der Online Stand ist noch der alte! Versuche im Programm STRg+Vorschau zu drücken und danach hochzuladen !
Für reaktionsfähigen Modus (responsive), wichtig! Sie sollten den Leitfaden und die dazugehörigen Links studieren: http://help.websitex5.com/de/v13/pro/index.html?responsive_ht.htm
> Tips&Tricks (und mehr): https://goo.gl/XhyokS
>> >> >> lesen und bewerben die Vorschläge, die Ihnen zur Verfügung gestellt wurden.
Hast du das vorherige Beispiel gesehen?
ciao
.
Autor
So habe es noch mal hochgeladen Andreas.
Noch was anderes. Wieso macht Evo13 soviele Plugin Ordner?
Nichts reagiert (responsive).
Keine Diashow (slideshow).
Keine vorgeschlagenen Änderungen umgesetzt.
.
Für jedes Objekt muss es anscheinenend einen eigenen Ordner anlegen und wenn du 100 Slider drinnen hast, dann legt es auch 100 oder mehr Pluginordner an. Vielleicht haben die es in der neuen Version schon besser gemacht.
Der Slider Code stimmt jetzt, aber anscheinend hast du nicht das Objekt auf die ganze Breite gezogen. Hast du nur das Grafikobjekt gelöscht und den freien Platz gelassen?
Autor
Der SLider geht über die ganze Seite aber irgendwo liegt da ein Fehler
Welche Maße hast du eigentlich im Slider angegeben? Du musst das natürlich ausbessern auf 1920px x 300px z.B.
Nichts reagiert (responsive)...!...
Sie sind falsch über das Layout des Objekts, das alle Zellen in der Linie besetzen muss.
Löschen Sie den EXTRA-Code, der in / HEAD eingefügt wurde.
Zur Zeit, nur verwenden Sie diesen Code, um es zu beheben:
<style> #imPageRow_2 div {width:100% !important; padding:0px !important} </style>
Sie können die Effekte in diesem temporären > CLONE sehen.
(Zeilennummer Nr.43)
(IT) - Sito non responsive...!... ...
Sbagli la disposizione dell'oggetto, che deve occupare tutte le celle della riga.
Eliminare tutto il codice EXTRA inserito in /HEAD.
Attualmente, per rimediare usare solo questo codice:
<style> #imPageRow_2 div {width:100% !important; padding:0px !important} </style>
Puoi vedere gli effetti in questo > CLONE temporaneo.
(codice al rigo nr.43)
.
Autor
Jetzt blicke ich gar nicht mehr durch.
Welcher Code ist denn nun richtig?
Also der SLider ist immer noch nicht zentriert auch nicht als ich die Größe geändert habe. Zentriert ist er auch nicht
Deine Seite ist noch veraltet, die alte; Ich sehe die vorgeschlagenen Änderungen nicht.
(IT) - la tua pagina è ancora obsoleta, quella vecchia; non vedo le modifiche suggerite.
ciao
Der Code wäre richtig gewesen wenn du nicht das Objekt gelöscht hättest und ein neues eingefügt hättest. JEtzt hat es die Endnummer _284
Außerdem wenn du es geändert hast musst du STRG+Vorschau drücken und danach hochladen.
OK, gerade jetzt es ist schließlich Fast ok.
OK, adesso è finalmente quasi OK.
.