Hallo,

es gibt eine Möglichkeit, wundervolle Layouts zu entwickeln mit einem Hintergrundbild Eurer Wahl, funktioniert aber nur mit html-Seiten:


1) im Menüpunkt: Seiten/Modelle folgenden Html-Code einfügen:

--------------------------------------
<style>

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}

#page-wrap { position: relative; width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }
</style>

--------------------------------------


2) Im Template (Modell) der Seite einen Html-Code einfügen mit dem Link zum gewünschten Bild (muss auf dem Server liegen)

z.B. <img src="http://www.deinedomain.com/3.jpg" class="bg">


3) hier ein Beispiel:

http://www.lichtfenster.com/fullscreen-test/

Hi mitsch,
schönes Ding . Probiere ich die Tage mal aus. Vielleicht läßt sich der Code auch für anderes gebrauchen ...

Danke

hallo mitsch8!

danke - danke - danke! danach habe ich gesucht! funktioniert sehr gut...

freut mich, dass es euch gefällt - danke fürs feedback!!

S e n s a t i o n e l l !
Nach so etwas habe ich lange gesucht.

Ich bin hochgradig begeistert - vor allem auch darüber, dass ich dummie das hinbekommen habe.
Jetzt muss ich unbedingt dafür eine passende Verwendung finden. Dringend.

hast du in html publiziert oder in webacapella 3 flash - das geht nur in html

kann auch sein, dass du das feld mit dem bilderlink auf oberster ebene hast - setz es mal in den hintergrund...

Also bei mir auf Safari sieht das extrem lecker aus.

Lass diesen DingensChecker doch meckern...

guten tag, ich bin webacappella neuling, könnte mir es jemannd ausführlich erklären ? irgendwie bekomme ich das nicht hin mit dem fullscreen HG

@ice 1601

Du solltest zuerst das kleine 1 x 1 lernen, bevor Du an andere Sachen willst. In der Schule fängst Du auch in der 1 Klasse mit dem entsprechenden Unterricht an. Du versuchst jetzt in der 1 Klasse sofort englisch zu lernen. ( ich weiß, der Vergleich ... naja ) Aber, wenn Du Dich zuerst mit Web Acappella beschäftigt und die Grundlagen lernst, brauchst Du solche Fragen nicht stellen.

Achja und warum und wie sollte Dir das extra jemand erklären, wenn Du die Grundlagen nicht verstehst ?.
Nicht böse gemeint, aber zuerst mal die kleinen Brötchen ...

Zitat von ice1601

---

guten tag, ich bin webacappella neuling, könnte mir es jemannd ausführlich erklären ? irgendwie bekomme ich das nicht hin mit dem fullscreen HG

---

Also eigentlich ist das oben von mitsch8 soweit gut beschrieben. Selbst ich hab das hinbekommen und bin nun nicht der Crack., sonder beherrsche gerade mal so leidlich das "copy & paste"

Fang am besten mit dem von mitsch8 in Schritt 2 beschriebenen Inhalt/Bildpfad an. Kopier Dir also die Programmzeile "<img src="http://www.deinedomain.com/3.jpg" class="bg">" erstmal in eine Textdatei.
Definier ein Foto/Bild, bearbeite das in richtiger Grösse und Auflösung in einem Bildbearbeitungsprogramm. Benenne es ordentlich und lade das fertige Bild mit einem FTP-Client auf die entsprechende Ebene Deines Servers.
Ersetze dann in der Textdatei den Pfad zum Bild auf dem Server an entsprechender Stelle. D.h. der Text "www.deinedomain.com/3.jpg" wird durch den richtigen Pfad zu Deinem Bild ersetzt.

Dann die Schritte 1 und 2 wie von mitsch8 beschrieben in Web Acappella ausführen.
Genauer geht's eigentlich nicht.

Ob die Menüpunkte sich unter Version 3 und Version 4 unterscheiden vermag ich jetzt nicht zu sagen.

Ansonsten stimme ich Palma zu mit seiner Aussage, erst das kleine 1x1 des Programms zu lernen und an einfacheren Aufgaben/Layouts zu üben. Dabei erschliesst sich das eine oder andere für einen ganz von alleine.

Hi, ich werde das auch mal ausprobieren, allerdings finde ich es schade, dass Webacappella selbst in der Version 4 noch keine einfach anzuklickende Lösung anbietet, solche Hintergrundbilder mit wenigen Klicks zu implementieren. Vielleicht kommt das ja noch :-)

Hatte das nämlich mit der Hintergrundbild-Funktion in den Seiteneigenschaften versucht, allerdings wird hier das Bild ja nur innerhalb des Arbeitsbereichs gesetzt.
Das Ergebnis bei tristyle.de ist sehr schön. Hoffe ich bringe das auch so toll auf den Schirm. Feedback folgt. :-)

Danke mitch8. LG
efisher

ich hatte vor dem echtrelease mit dem support von webacappella kommuniziert und den code gezeigt. die antwort war, dass diese funktion in der 4-er-version nicht vorgesehen ist. keine ahnung warum.

lieben gruß

Zitat von mitsch8 aus RE: Fullscreen-Bilder in Web-Acapella (html)

---

ich hatte vor dem echtrelease mit dem support von webacappella kommuniziert und den code gezeigt. die antwort war, dass diese funktion in der 4-er-version nicht vorgesehen ist. keine ahnung warum.

lieben gruß

---

Ist es normal, dass dann bei einem das Template verschwindet? Ist das Bild dann zentriert? Wenn nicht, was muss man tun um es an der vertikalen Achse zu zentrieren?

Anscheinend funktionierts jetzt. Hatte den Fehler, dass der Html Code auf vorderster Ebene war und somit das Template verdeckt hat.

hi!
vielleicht bin ich zu blöd, aber ich bekomme ein hintergrundbild einfach nicht in der richtigen größe einstellt. die breite der seite ist 960 px. wenn ich das entsprechende bild einfüge, ist es aber in der höhe verzerrt.
wie bekomme ich das den proportional ins richtige verhältnis? irgendwie hat das auch schon mal geplappt, war aber vielleicht zufall... danke!!

Coole Sache mit dem Script..... guckt mal: www.goerner24.de das einzige was mir jetzt fehlt...ist die Bildergalerie die automatisch abläuft.... wie bekomme ich das wieder hin?
Hatte sie eingefügt aber nach dem Hochladen war sie weg.... also erst mal Einzelbilder reingedacht.