WebSite X5Help Center

 
Michael G.
Michael G.
User

Slider über ganze Breite  de

Autor: Michael G.
Visitado 2183, Seguidores 3, Compartilhado 0  

Hallo.

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

Vielleicht mit einem Widget?

Hat jemand einen Tipp?

Publicado em
37 RESPOSTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

.

Ler mais
Publicado em 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?

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em 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?

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em 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

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em 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.

Ler mais
Publicado em de Michael G.
Michael G.
Michael G.
User
Autor

Hat jemand Erfahrung mit dem Widgets?

- Swiper Grid Slider

- Swiper Animated Slider

- Masonry

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

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

Ler mais
Publicado em de Andreas S.
Michael G.
Michael G.
User
Autor

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

Ler mais
Publicado em 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?

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

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

Ler mais
Publicado em de Andreas S.
Michael G.
Michael G.
User
Autor

und der css coder ist der von weiter oben?

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Ja, genau nur mit den richtigen Ziffern hinten !

Ler mais
Publicado em 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?

Ler mais
Publicado em 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!

Ler mais
Publicado em 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

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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 !

Ler mais
Publicado em de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

.

Ler mais
Publicado em 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?

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês 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)

Ler mais
Publicado em 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

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

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

Ler mais
Publicado em de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

So habe es noch mal hochgeladen Andreas.

Noch was anderes. Wieso macht Evo13 soviele Plugin Ordner?

Ler mais
Publicado em de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuário do mês 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?

Ler mais
Publicado em de Andreas S.
Michael G.
Michael G.
User
Autor

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

Ler mais
Publicado em de Michael G.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

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

Ler mais
Publicado em de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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)

.

Ler mais
Publicado em 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

Ler mais
Publicado em de Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuário do mês 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.

Ler mais
Publicado em de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

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

OK, adesso è finalmente quasi OK.

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪