Hintergrund fixieren in Web Designer 7

citylight1976 schrieb am 26.06.2011 um 13:43 Uhr

Beim Exportieren deiner Seiten wird ein Unterordner generiert der index_htm_files heißen sollte.In diesen Ordner legst du das Bild hintergrund.jpg ab.

 

Diese Code zeilen muss in einen Html Platzhalter:

<style type="text/css">

html, body {
background-color: #000000;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-image: url(index_htm_files/hintergrund.jpg);
background-repeat: no-repeat;
background-position: center top;
}

</style>
 

Hintergrund fixieren.mp4

Kommentare

JoRu1407 schrieb am 29.06.2011 um 16:21 Uhr

Man könnte auch im CSS Stylesheet das Hintergrundbild fixieren.
Deine Methode ist eher unschön, weil der WebDesigner das Design von HTML schon einigermaßen trennt und du nun Style-Informationen in den HTML-Code einbettest...

deejayhelmut schrieb am 20.07.2011 um 17:07 Uhr

Bei mir funtzt des nett habe das web design 7. bitte um aufklärung danke helmut

andy_michel schrieb am 09.08.2011 um 14:00 Uhr

Hallo,

 

also ich habe den Web Designer 7,

 

ich habe das jetzt auch schon mehrfach Versucht wie im dem Video auch zu sehen ist. Ein Hintergrundbild mit dem Namen hintergrund.jpg in den Ordner geschoben index_htm_files. Den Text oben kopiert und in die Webeigenschaften -> Seite -> html Code Body kopiert. Die Seite gespecihert und exportiert. Dann aufgerufen und oben erscheint dann eben der Code als Text :(

Wenn ich das Bild mit gedrückter Maustaste rüber ziehe wird es nach unten hin wiederholt und das will ich halt nicht.

Könnt mir bitte jmd helfen ??

 


 

THX

bunki schrieb am 10.08.2011 um 13:22 Uhr

Hallo,

Funktioniert auch im WD 5 und 6.

es fehlen aber noch die Style-Informationen. Die werden beim rein kopieren in diesem Tutorial weggeschnitten.

{style type="text/css"} //Achtung die geschweiften Klammern durch Spitze ersetzen

html, body {
background-color: #000000;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-image: url(index_htm_files/hintergrund.jpg);
background-repeat: no-repeat;
background-position: center top;
}

{/style} //Achtung die geschweiften Klammern durch Spitze ersetzen

HouseCat schrieb am 10.08.2011 um 15:46 Uhr

Danke für die Anleitung - Hinweis: HTML-Code mit dem Video exakt vergleichen - dann klappt's.

juergen561 schrieb am 29.08.2011 um 16:07 Uhr

Hallo, bunki,

ich hab den WD 6, finde da aber keinen html-Platzhalter. Wo muss ich denn da den Code eingeben?

 

Danke und Gruß

fizcaraldo schrieb am 25.10.2012 um 20:19 Uhr

Für Profis scheint es ja ganz einfach

info137 schrieb am 13.11.2012 um 18:09 Uhr

Ich mache das mit CSS-Stylesheet. Viel besser!

malik1012 schrieb am 12.02.2013 um 13:02 Uhr

Also Leute.. 


mal ganz ehrlich. Das was bisher hier angeboten wird funktioniert in keinster weise. Ich habe nun schon mehrere Stunden damit zugebracht, leider ohne erfolg. Kann hier mal einer vernünftig (für einen laien) erklären wie ich nun ein Background Bild als Hintergrund einbinden kann?

Last but not liest: Ich kann die Programmierer von WD7 nicht verstehen - warum die immer noch keine Option im Programm dafür eingebunden haben. Wäre da mal sehr dankbar!


Soweit war ich bis jetzt mit dem Code (der aber nicht geht):

<style type="text/css">

html, body {
background-color: #000000;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-image: http://www.meineurl.de/index_htm_files/hintergrund.jpg;
background-repeat: no-repeat;
background-position: center top;
}

</style>



 

citylight1976 schrieb am 28.01.2014 um 14:51 Uhr

@malik1012

background-image: http://www.meineurl.de/index_htm_files/hintergrund.jpg;

ändere in..

background-image: url(index_htm_files/hintergrund.jpg);

dann die Seite Expotieren, und auf Vorschau gehen. Das wars!
 

 

Zuletzt geändert von citylight1976 am 28.01.2014, 14:51, insgesamt 1-mal geändert.

Wenn Stiftung Warentest Vibratoren testet, ist dann "Befriedigend" besser als "Gut"?

Ich bin unehrlich! Bei einem unehrlichen Mann wie mir könnt Ihr darauf vertrauen, dass er unehrlich ist... ehrlich!

Gundam schrieb am 07.04.2018 um 11:50 Uhr

Hallo,

 

tja, ich versuche das auch schon eine längere zeit und es funktioniert so nicht wie du es im video zeigst.

Ich nutze das Magix Web Designer 15.

 

Was kann man noch machen um das dieser Code funktioniert?