#1

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo,

gibt es mittlerweile ein Design, wo ich ein Hintergrundbild einfügen kann, welches komplett durch geht und nicht immer wieder neu anfängt?

Ich nutze für meine Hauptseiten das Duality Desihn, kan man da irgendwie ohne Programmierkenntnisse ein Hintergrundbild einbauen?

#2

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Die Darstellung des Hintergrundbildes hängt ja auch immer vom Bildschirm des Betrachters ab...

...für Dein Anliegen kann ich Dir den Vegas-Slider empfehlen, mein Beitrag aus "anno dazumal" siehe hier...


Gruss

Walti

#3

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Danke. Wo finde diese Möglichkeint im Siq Web 8? oder bietet Siq Web 9 da bessere Möglichkeiten?


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Heike« (17.08.2017, 18:41)
#4

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

#5

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

und wie baut man das ein?

#6

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Das steht in der Dokumentation beschrieben: http://vegas.jaysalvat.com/documentation/setup/

 

Da Du aber schreibst "...ohne Programmierkenntnisse..." wird dies wahrscheinlich nichts für Dich sein.

Vielleicht solltest Du es lieber auf die einfache Art versuchen, so wie in diesem Beitrag beschrieben?

Aber Achtung: Duality hat schon eine Hintergrundgrafik (der oberste Teil bis zum Menü), die würde dabei natürlich ersetzt. Ansonsten wird's ein bisschen komplizierter...


Gruss

Walti

#7

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Einen Hintergrundslider zu verwenden ist meiner Meinung nach mit einer Kanone auf einen Spatzen zu schießen. Die Vegas oder Sin City Demo ist natürlich echt cool, was aber auch ein ziemlich spezielles Webdesign ist und eher in die Games oder Movie Sparte passt.

Um ein bildschirmfüllendes Hintergrundbild zu integrieren würde ich daher eher CSS3 empfehlen oder aber alternativ zu Vegas vielleicht Backstretch verwenden

per CSS3 würde es in etwa wie folgt aussehen:

1
2
3
4
5
6
7
html {
        background: url(background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

 


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#8

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Oder Heike schaut sich mal das Design Aurora an, wo sie einfach in die erweiterte Website-Eigenschaften eine Benutzerdefinierte Hintergrundgrafik eingeben kann. Und wenn sie den in der style_design.css dann auch noch fixiert, wiederholt er sich nicht.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#9

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Da hast Du sicher Recht, bei Vegas kommt es sicher stark darauf an, welchen Charakter die Site erzeugen soll und den kennen wir ja nicht.

Der Vorteil wäre, dass die wahrscheinlich nächste folgende Frage nach einem Bilderwechsel schon beantwortet wäre...  ;-)

Persönlich finde ich Duality eigentlich ziemlich "clean" und bin nicht wirklich überzeugt, dass hier ein Hintergrund wirklich toll passt...


Gruss

Walti

#10

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Das stimmt, zumal bei Duality etwas mehr Anpassung notwendig wäre, da bereits für die obere Leiste ein Hintergrundbild verwendet wird. Und auch die runden Ecken der Boxen würden nicht mehr sauber aussehen. Und besser lesbar wird der Inhalt auch nicht sein.



Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#11

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Vielen Dank für die Tipps. Das Aurora schaue ich mir mal an. Vielelicht kann ich damit umgehen.

Bilderwechsel ist nicht nötig. Es geht nur darum, die Seite farblich zu den Firmenunterlagen passt. Da in den Firmenunterlagen bspw. farbige Wellen mit dem Schrift zu sind, möchte es die Firma gern, wenn sich das auch auf der Webseite wiederfindet.

 

Beim Duality passte die Navigation halt perfekt, klare Struktur, nüchtern gehalten. Wechselbilder oder anders Blingbling passt nicht zur Zielgruppe

#12

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Wie kann ich das Bild in der style_design.css fixieren?

#13

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Ganz einfach.

Suche in style_design.css ganz oben nach

1
2
3
4
5
6
7
8
9
10
BODY {
	margin: 40px 0;
	padding: 0;
	min-width: 850px;
	<cc:if cond="&site.properties.design.backgroundpicture.uid">
	background : #E7E7E7 url(../images/<cc:print value="&pic.body.filename">);
	<cc:else>
	background : #E7E7E7 url(../images/<cc:print value="&pic.body.filename">) no-repeat center 100px;
	</cc:if>
}

 und ändere den wie folgt ab:

1
2
3
4
5
6
7
8
9
10
BODY {
	margin: 40px 0;
	padding: 0;
	min-width: 850px;
	<cc:if cond="&site.properties.design.backgroundpicture.uid">
	background : #E7E7E7 url(../images/<cc:print value="&pic.body.filename">) fixed;
	<cc:else>
	background : #E7E7E7 url(../images/<cc:print value="&pic.body.filename">) no-repeat center 100px;
	</cc:if>
}

Speichern und Fertig ;-)


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#14

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

...ganz einfach mit "fixed"...

Wie hast Du es denn nun definiert...?


Gruss

Walti

#15

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

habe bisher nicht fixiert, probiere das gleich mal aus, danke

 

#16

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

ich bekomem nicht mal die css geändert. Ofrfenabr keine Rechte, die Datei zu speichern. Alles nicht so einfach

#17

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

#18

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Dann lese mal diesen Beitrag und handele dementsprechend oder lasse es so von der IT-Abteilung anpassen. Danach müßte es gehen.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#19

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

ok ,danke. Die BErechtigungen könnte ich ändern. Wie kriege ich nun Zugrif auf den kopierten Designordner mit der geänderten css? Habe den Aurora Ordner kopiert und umbenannt, befindet sich auch im Designorder. Das Design seht aber nicht zur Auswahl.

#20

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Suche mal mit der Suchfunktion nach "Design kopieren" denn das Thema ist schon zig-mal behandelt.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#21

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Danke, das funktioniert also auch schon mal.

 Weiß jemand, wie groß die Grafik ungefähr sein muß, damit die sich im Hintergrund nicht wiederholt?


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Heike« (18.08.2017, 14:48)
#22

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

1920x1080 px


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#23

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Deiner Frage nach zu urteilen muss ich annehmen, dass Deine Lösung noch nicht auf "FullScreen" basiert...? (z.B. der Beitrag von Thomas unter #7)


Gruss

Walti

#24

Heiko

As  (112 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Nee, glaube kein Full Screen.

 

Vielen Dank erstmal für die Hilfen.

920 Aufrufe | 24 Beiträge