WebSite X5Help Center

 
Michael G.
Michael G.
User

Slider über ganze Breite  de

Autor: Michael G.
Visitado 2178, Followers 3, Compartido 0  

Hallo.

wie kann maneinen SLider über die ganze Seitenbreite machen ohne Qualitätsverlust?

Vielleicht mit einem Widget?

Hat jemand einen Tipp?

Publicado en
37 RESPUESTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

(Ü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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
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?

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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.

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
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?

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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.

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
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

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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.

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
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.

Leer más
Publicado en de Michael G.
Michael G.
Michael G.
User
Autor

Hat jemand Erfahrung mit dem Widgets?

- Swiper Grid Slider

- Swiper Animated Slider

- Masonry

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

JA, was willst du darüber wissen?  (Außer wie man es in den Zeilenstil einbauen kann)

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
Autor

Welchen kann man empfehlen und vielleicht hast du eine Beispielseite dafür?

Leer más
Publicado en de Michael G.
Michael G.
Michael G.
User
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?

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

ISt nichts anderes als der Swiper Animated Slider und diesen dann auf die ganze Breite gebracht mit CSS Code!

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
Autor

und der css coder ist der von weiter oben?

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Ja, genau nur mit den richtigen Ziffern hinten !

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
Autor

Ok danke...

und gibt es da große Unterschiede zwischen dem Swiper Slider und den Jssor Slider?

Leer más
Publicado en de Michael G.
Incomedia
Claudio D.
Incomedia

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!

Leer más
Publicado en de Claudio D.
Michael G.
Michael G.
User
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

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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 !

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Michael G.
... ... ...Questo sarebbe il cursore sulla home page www.zeltsysteme-goebel.de ... ... 

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

Ok danke für die Info. Aber auf meinem Smartphone wird die Homepage korrekt angezeigt.

Aber wie kann ich diese Fehler beheben?

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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)

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
Autor

Andreas der Slider geht irgendwie nicht über die ganze Seite, kannst du mal schauen?

Habe das Bild daneben entfernt

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Der Online Stand ist noch der alte!  Versuche im Programm  STRg+Vorschau zu drücken und danach hochzuladen !

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Michael G.
Ok danke für die Info. Aber auf meinem Smartphone wird die Homepage korrekt angezeigt. Aber wie kann ich diese Fehler beheben?

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

So habe es noch mal hochgeladen Andreas.

Noch was anderes. Wieso macht Evo13 soviele Plugin Ordner?

Leer más
Publicado en de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

Nichts reagiert (responsive).
Keine Diashow (slideshow).
Keine vorgeschlagenen Änderungen umgesetzt.

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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?

Leer más
Publicado en de Andreas S.
Michael G.
Michael G.
User
Autor

Der SLider geht über die ganze Seite aber irgendwo liegt da ein Fehler

Leer más
Publicado en de Michael G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Welche Maße hast du eigentlich im Slider angegeben?  Du musst das natürlich ausbessern auf 1920px x 300px z.B.

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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)

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
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

Leer más
Publicado en de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

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.

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

OK, gerade jetzt es ist schließlich Fast ok.

OK, adesso è finalmente quasi OK.

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪