WebSite X5Help Center

 
Michael G.
Michael G.
User

Slider über ganze Breite  de

Autor: Michael G.
Besucht 2161, Followers 3, Geteilt 0  

Hallo.

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

Vielleicht mit einem Widget?

Hat jemand einen Tipp?

Gepostet am
37 ANTWORTEN - 1 NüTZLICH
 ‪ 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

.

Mehr lesen
Gepostet am von  ‪ 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?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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.

Mehr lesen
Gepostet am von 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?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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.

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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.

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Hat jemand Erfahrung mit dem Widgets?

- Swiper Grid Slider

- Swiper Animated Slider

- Masonry

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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

Mehr lesen
Gepostet am von 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?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

und der css coder ist der von weiter oben?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Ja, genau nur mit den richtigen Ziffern hinten !

Mehr lesen
Gepostet am von 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?

Mehr lesen
Gepostet am von 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!

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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 !

Mehr lesen
Gepostet am von 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

.

Mehr lesen
Gepostet am von  ‪ 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?

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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)

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

So habe es noch mal hochgeladen Andreas.

Noch was anderes. Wieso macht Evo13 soviele Plugin Ordner?

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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?

Mehr lesen
Gepostet am von Andreas S.
Michael G.
Michael G.
User
Autor

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

Mehr lesen
Gepostet am von Michael G.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

Mehr lesen
Gepostet am von 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)

.

Mehr lesen
Gepostet am von  ‪ 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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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.

Mehr lesen
Gepostet am von Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

OK, adesso è finalmente quasi OK.

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪