Anpassung der Hintergrundfarbe einer Eventsendung

limitedfm · 14. August 2018

Hallo,

wie kann ich die Hintergrundfarbe einer Eventsendung in der CSS ändern? Bitte um Hilfe. Danke schonmal!

Gruß Fabian

DJ_MrLucky · 14. August 2018

Diesen Code verwende ich! Einfach entsprechend den Farbcode (Hex) nach deinem Wunsch abändern!

Auf dieser Seite kann man sich einen Farbcode erstellen: https://html-color-codes.info/webfarben_hexcodes/

Code

table.content tr.event-sendung
{
background: #000000; /* Hintergrundfarbe ändern */
color: #000000; /* Schriftfarbe setzen */
font-weight: 700; /* Schrift fett gedruckt darstellen */
}

limitedfm · 16. August 2018

Hallo,

funktioniert bei mir leider nicht. So sieht unser Code aus:

Code

@charset "utf-8";
body#onair_body { background: transparent; }
body#onair_body { color: white; }
body#onair_body { font-family: Arial; text-align: center }
img.profil_bild {width:100px; border-radius: 80px; border:3px solid #ff6600;}
table.popup-table td.popup-profil-bild
{
width: 100px;
}
.btn-grussboxbutton {
text-decoration:none;
color: #fff;
background-color: #ff6600;
border-color: #28a745;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin-top: 0.5rem !important;
margin-botton: 0.5rem !important;
}
img#onair_bildIMG {width:150px; border-radius: 80px; border:3px solid #ff6600;}
}
div.clear {
clear: both;
}
div#content {
min-height: 250px;
padding: 10px;
background: #FFF;
}
div#wrapper {
box-shadow: 0 0 5px #333;
}
nav {
width: 100%;
}
ul.nav#headnav {
/*border-bottom: 1px solid #666;*/
margin: 0 auto;
padding: 0;
list-style-type: none;
}
ul.nav#headnav li {
float: left;
border-right: 1px solid #666;
}
ul.nav#headnav li a {
display: block;
padding: 7px 20px;
min-width: 65px;
text-align: center;
color: #FFF;
text-decoration: none;
}
ul.nav#headnav li span#headline {
display: block;
font-size: 18px;
color: #FFF;
font-weight: 700;
padding: 12px 25px;
}
ul.nav#headnav li a.active,
ul.nav#headnav li a:hover:not(.active),
ul.nav#headnav li a:focus:not(.active),
ul.nav#headnav li .nav-link:hover:not(.active),
ul.nav#headnav li .nav-link:focus:not(.active) {
background: #ff6600;
color: #fff;
border-color: #ff6600;
}
ul.nav#headnav li:first-child {
border-left: none;
}
ul.nav#headnav li:last-child {
border-right: none;
}
table.table {
width: 100%;
border: 1px solid #DDD;
border-spacing: 1px;
}
.table-info {
color: #000000;
background-color: #ff6600;
}
table.content tr.event-sendung
{
background: #000000; /* Hintergrundfarbe ändern */
color: #000000; /* Schriftfarbe setzen */
font-weight: 700; /* Schrift fett gedruckt darstellen */
}

Alles anzeigen

Was muss ich machen damit der Code funktioniert?

Flaechenblitz · 25. August 2018

Meines Wissens ist es so, dass "transparent" nicht grundsätzlich verarbeitet werden kann.

Abhilfe bringt hin und wieder ein anderer Farbcode oder für transparent keine Eingabe machen, also Feld leer lassen.

Chrisemm · 25. August 2018

Vielleicht hilft dir das hier:

https://www.w3schools.com/cssref/css3_pr_opacity.asp

limitedfm · 29. August 2018

Es geht nicht um die On Air Box sondern um das Event und damit ist der Code gemeint den MRLucky gepostet hat. Bei uns funktioniert sein Code nicht. Weiss jemand woran das liegt? Die On Air Box wollen wir transparent haben. Das ist so vorgesehen.

Es geht um diesen Code:

Code

table.content tr.event-sendung
{
background: #000000; /* Hintergrundfarbe ändern */
color: #000000; /* Schriftfarbe setzen */
font-weight: 700; /* Schrift fett gedruckt darstellen */
}

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.

Jetzt Spenden und das Projekt unterstützen