Hintergrundbild

DonFroschi · 12. Oktober 2019

Hallo Leute..

Ich hab im moment als Hintergrund die Farbe Schwarz. Würde aber gerne ein Bild als Hintergrund haben, über die Suche gab ich leider nichts gefunden. Auch durchsuchen der css Datein ist mir nicht die Erläuschtung gekommen.

Vielleicht hat jemand von Euch da eine Idee oder nen Tip.

Danke im vorraus..

**drcomputer** · 13. Oktober 2019

ist leicht

einfach

Code

tr {
background: url(https://domain/bild.jpg);
}

DonFroschi · 13. Oktober 2019

Guten Morgen...

Danke für die schnelle Hilfe, klappt super, aber ich glaube ich hatte das nicht richtig beschrieben.

Das Bild sollte über den ganzen Bildschirm gehen..

Vielleicht gibt dafür auch eine Lösung.

einen schönen Sonntag euch allen ...

**drcomputer** · 13. Oktober 2019

braucht nur noch das gleiche machen nur mir Body anstelle tr

DonFroschi · 13. Oktober 2019

Ich habe das von tr auf body geändert... leider passiert nichts.

**drcomputer** · 13. Oktober 2019

mein fehler

Code

body {
background-image: url('https://urlzumbild/xxxxxxx.jpg');
}

DonFroschi · 14. Oktober 2019

da isser wieder..

Ich weiß es nervt etwas, aber auch mit diesem Code gehts leider nicht.

vielleicht hilft es wenn ich mal einen teil vom Code hier poste.

Code

body#onair_body { font-family: Arial; font-size: 16px; color: #ffffff; text-align: center }
div#onair_grussboxbutton a { color: yellow; }
.bg-light {
background-color: #FF0000!important;
}
div#content {
background-image:url('../../img/test34.jpg');
}
img#onair_bildIMG{width:150px; height:150px;}
@charset "utf-8";
body { margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; background: transparent;
}
body#onair_body { font-family: Comic Sans MS; font-size: 16px; color: white; text-align: center; background: transparent;}
div#content { min-height: 250px; padding: 10px; background: transparent;
}
table.content tr:nth-child(even) { background: transparent;
}
table.content tr:nth-child(odd) { background: transparent;
}
media="all"
body { margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: red; background: transparent;
}
img#onair_bildIMG { width: 130px; height: 150px; border-radius: 110px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px rgb(238, 0, 119);'/>
box-shadow: 2px 2px 5px black;
}
body#onair_body
{
overflow: hidden;
-webkit-transform: scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform: scale(0.8); /*Mozilla scale version*/
-o-transform: scale(0.8); /*Opera scale version*/
-ms-transform: scale(0.8); /*Internet Explorer*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
-ms-transition-duration: 0.5s; /*Internet Explorer*/
transition-duration: 0.5s;
margin: 0 -6px; /*margin between images*/
text-shadow: 2px 2px 5px black;
}
body#onair_body:hover
{
transform: scale(1.0);
-webkit-transform: scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform: scale(1.0); /*Mozilla scale version*/
-o-transform: scale(1.0); /*Opera scale version*/
-ms-transform: scale(1.0); /*Internet Explorer*/
opacity: 1;
}
img {border-radius: 110px; border:0; border-radius: 8px; '/>
box-shadow: 2px 2px 5px black;
}
@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
background: #000; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}
div.clear
{
clear: both;
}
div#content
{
min-height: 250px;
padding: 10px;
//background: #FFF;
}
div#wrapper
{
margin:0 auto;
width:100%;
box-shadow:0 0 5px #333;

Alles anzeigen

}

**drcomputer** · 14. Oktober 2019

Zeile 12 mit background: transparent; musst du rausnehmen sonst wird das Bild nicht angezeigt

DonFroschi · 16. Oktober 2019

erstmal vielen Dank für die Hilfe.

Ich hab es tatsächlich geschafft. Zeile 12 wieder reingemacht.. das bild hatte sich auch in die OnAir Box gesetzt..

Dann hab ich

Code

@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
background: #000; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}

Alles anzeigen

das background: #000 in die background-image geändert.. alles super .. hat geklappt

Code

@charset "utf-8";
body
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
background-image: url('https://DeinURL/sendeplan/img/xxxxxxxxx.jpg'); text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}

Alles anzeigen

nochmal Danke für die Ausdauer und die Hilfe...

Gefällt Dir der Thread? Möchtest du was dazu schreiben?

Dann logge Dich bitte mit deinem Benutzerkonto ein.
Du besitzt noch kein Benutzerkonto? Dann registriere Dich jetzt kostenlos! Nach der Registrierung kannst du das Forum uneingeschränkt nutzen.

Hintergrundbild

Tags

Jetzt Spenden und das Projekt unterstützen