WebSite X5Help Center

 
Michael G.
Michael G.
User

Slider über ganze Breite  de

Auteur : Michael G.
Visité 2165, Followers 3, Partagé 0  

Hallo.

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

Vielleicht mit einem Widget?

Hat jemand einen Tipp?

Posté le
37 RéPONSES - 1 UTILES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Auteur

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?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

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?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

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

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

Habe ich schon, aber da ist alles englisch beschrieben. Schöner wäre es wenn man Beispiel Webseiten sehen würde mit diesen Widgets.

Lire plus
Posté le de Michael G.
Michael G.
Michael G.
User
Auteur

Hat jemand Erfahrung mit dem Widgets?

- Swiper Grid Slider

- Swiper Animated Slider

- Masonry

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

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

Lire plus
Posté le de Michael G.
Michael G.
Michael G.
User
Auteur

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?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

und der css coder ist der von weiter oben?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Ja, genau nur mit den richtigen Ziffern hinten !

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

Ok danke...

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

Lire plus
Posté le 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!

Lire plus
Posté le de Claudio D.
Michael G.
Michael G.
User
Auteur

@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

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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 !

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Auteur

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

Aber wie kann ich diese Fehler beheben?

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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)

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

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

Habe das Bild daneben entfernt

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Auteur

So habe es noch mal hochgeladen Andreas.

Noch was anderes. Wieso macht Evo13 soviele Plugin Ordner?

Lire plus
Posté le de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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?

Lire plus
Posté le de Andreas S.
Michael G.
Michael G.
User
Auteur

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

Lire plus
Posté le de Michael G.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Auteur

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

Lire plus
Posté le de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois 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.

Lire plus
Posté le de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

OK, adesso è finalmente quasi OK.

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪