Farbliche Gestaltung des Sendeplans

Villa · 14. August 2021

Beschreibung:

Moin,

beschäftige mich erst seid kurzem mit dem Sendeplan. Dieser gefällt mir sehr gut.

Ich habe die Suche genutzt, komme damit persönlich nicht weiter.

Nun mein Problem, ich bekomme leider die farbliche Anpassung des Sendeplan nicht so in den Griff.

z.B. würde ich gerne den Hellblauenbalken im Sendeplan farblich ändern, nur finde ich diesen nicht in der css Datei.

Ich habe es schon im Browser über Untersuchen probiert, dort auch gefunden, nur speichert er ja Änderungen nicht.

Die von euch bereitgestellten Templates bekomme ich leider auch nicht so wirklich zum laufen , halt Anfänger.

Kann aber auch eventuell an der Webseite liegen. (Noch nicht Online)

Der Blauebalken wäre mir am wichtigsten. Danke schon einmal.

Gruss

**Panter** · 14. August 2021

Villa schrieb:

Beschreibung:

Moin,

beschäftige mich erst seid kurzem mit dem Sendeplan. Dieser gefällt mir sehr gut.

Ich habe die Suche genutzt, komme damit persönlich nicht weiter.

Dann hast du die Suche z.B. nicht richtig benutzt 1 Minute und ich habe das passende gefunden.
CSS Code Hilfe

gruß

Villa · 15. August 2021

Panter schrieb:

Dann hast du die Suche z.B. nicht richtig benutzt 1 Minute und ich habe das passende gefunden.
CSS Code Hilfe

gruß

Moin,

doch hab ich auch gefunden und gelesen nur eben nicht wirklich mit weitergekommen.

Ok....Danke erstmal.

Gruss

**Onkel_des_Todes** · 15. August 2021

Also ich würde es mit Trial & Error probieren, wenn du mit den Hilfen hier keinen Erfolg hast. Trotzdem würde ein Link zum Sendeplan die Hilfeleistung stark vereinfachen...

Grüße

Onkel_des_Todes

Villa · 15. August 2021

Onkel_des_Todes schrieb:

Also ich würde es mit Trial & Error probieren, wenn du mit den Hilfen hier keinen Erfolg hast. Trotzdem würde ein Link zum Sendeplan die Hilfeleistung stark vereinfachen...

Grüße

Onkel_des_Todes

Da bin ich bei mit Trial & Error :-).

Beim Suchen im Browser finde ich den Bereich:

.table-info, .table-info>td, .table-info>th {

background-color: #b5a282;

aber ich finde den eben nicht im Programm um dort die Farbe zu ändern.

Ja da gebe ich dir recht mit dem Link zum Sendeplan......

Zum Sendeplan

Gruss

**Panter** · 15. August 2021

Villa schrieb:

Moin,

doch hab ich auch gefunden und gelesen nur eben nicht wirklich mit weitergekommen.

Ok....Danke erstmal.

Gruss

Alles anzeigen

Ich hatte dort geschrieben

Zitat

Gehe ins Admin Bereich, Einstellungen – Allgemein und dann auf Design

Code

.table-info>th{background-color:#33895a;border-color:#DEE2E6;}

Natürlich musst du den Farbcode angeben den du haben möchtest.

Villa · 15. August 2021

Moin,

das der Code der mir im Einstellungsbereich und Design angezeigt wird.

Denke bin wohl etwas sehschwach da ich die Table.info nicht finde.

Code

@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: Arial; 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 { width: 100px; height: 120px; border-radius: 110px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px rgb(238, 0, 119);'/>
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;
}
div#navi
{
border-bottom: 1px solid #666;
background: #666;
background: -moz-linear-gradient(top,#666,#333);
background: -webkit-linear-gradient(top,#666,#333);
background: -ms-linear-gradient(top,#666,#333);
background: linear-gradient(top,#666,#333);
}
div#navi ul
{
margin: 0 auto;
padding: 0;
list-style-type: none;
}
div#navi ul li
{
float: left;
border-right: 1px solid #666;
}
div#navi ul li a
{
display: block;
padding: 7px 20px;
min-width: 65px;
text-align: center;
color:#FFF;
text-decoration: none;
}
div#navi ul li span#headline
{
display: block;
font-size: 18px;
color: #FFF;
font-weight: 700;
padding: 12px 25px;
}
div#navi ul li a#current,
div#navi ul li a:hover
{
background: #333;
background: -moz-linear-gradient(top,#333,#666);
background: -webkit-linear-gradient(top,#333,#666);
background: -ms-linear-gradient(top,#333,#666);
background: linear-gradient(top,#333,#666);
}
div#navi ul li:first-child {border-left: none;}
div#navi ul li:last-child {border-right: none;}
table.content
{
width: 100%;
border: 1px solid #DDD;
border-spacing: 1px;
}
table.content2
{
width: 100%;
height: 160px;
//border: 1px solid #DDD;
//border-spacing: 1px;
}
table.content th, table.content td {padding: 6px 4px;}
//table.content tr:nth-child(odd){background: #EFEFEF;}
//table.content tr:nth-child(even){background: #F5F5F5;}
table.content th
{
background: #E5E5E5;
background: -moz-linear-gradient(top,#1fa5d1,#E5E5E5);
background: -webkit-linear-gradient(top,#1fa5d1,#E5E5E5);
background: -ms-linear-gradient(top,#1fa5d1,#E5E5E5);
background: linear-gradient(top,#1fa5d1,#E5E5E5);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: #666;
background: -moz-linear-gradient(top,#666,#333);
background: -webkit-linear-gradient(top,#666,#333);
background: -ms-linear-gradient(top,#666,#333);
background: linear-gradient(top,#666,#333);
}
div#footer a
{
color: #FFF;
text-decoration: none;
}
div#footer ul
{
float:right;
margin: 0;
padding: 0;
list-style-type: none;
}
div#footer ul li
{
float: left;
}
div#footer ul li a
{
display: block;
padding:0 10px;
line-height:25px;
border-left:1px solid #666;
}
div#footer ul li a#footer-current,
div#footer ul li a:hover
{
background: #333;
background: -moz-linear-gradient(top,#333,#666);
background: -webkit-linear-gradient(top,#333,#666);
background: -ms-linear-gradient(top,#333,#666);
background: linear-gradient(top,#333,#666);
}
ul.tabmenu
{
margin:0;
padding:0;
list-style-type:none;
}
ul.tabmenu li
{
float:left;
}
ul.tabmenu li a
{
display:block;
margin-right:10px;
padding:8px 15px;
color:#666;
font-weight:700;
border:1px solid #DDD;
border-bottom:0;
background:#EFEFEF;
}
ul.tabmenu li a:hover,
ul.tabmenu li a.current
{
background:#DDD;
}
span#refreshBar
{
float: right;
font-size: 12px;
padding-top:5px;
}
img.profil_bild
{
max-width: 100px;
max-height: 100px;
border: 1px solid #CCC;
}
table.popup-table td.popup-profil-bild
{
padding-top: 5px;
vertical-align: top;
width: 110px;
}
table.popup-table
{
margin: 0;
padding: 0;
width: 100%;
}
table.popup-table td.popup-desc
{
vertical-align: top;
}
table.popup-table td.popup-desc span.headline
{
display: block;
margin-bottom: 5px;
padding-bottom: 2px;
font-weight:700;
border-bottom: 1px solid #CCC;
}
table.content tr.event-sendung
{
//background:#FFF2E7;
}
input[type=text],
input[type=password],
input[type=file],
input[type=email],
input[type=url],
input[type=search],
input[type=number],
select,textarea
{
width:99%;
margin:3px;
padding:5px;
font-size:12px;
border-radius:3px;
font-family:Arial,Verdana,Helvetica;
border:1px #959595 solid;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
resize:none;
}
input[type=number] {width:70px;text-align:center;}
select {padding: 4px 5px;}
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
select:focus,textarea:focus
{
box-shadow:0 0 3px yellow;
}
input[type=submit],
input[type=reset],
input[type=button]
{
padding:3px 10px;
border:1px solid #DDD;
font-weight:700;
color:#666;
cursor:pointer;
border-radius:3px;
background:#FAFAFA;
background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-webkit-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-ms-linear-gradient(top,#FAFAFA,#E4E4E4);
background:linear-gradient(top,#FAFAFA,#E4E4E4);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:#E4E4E4;
background:-moz-linear-gradient(top,#E4E4E4,#CCC);
background:-webkit-linear-gradient(top,#E4E4E4,#CCC);
background:-ms-linear-gradient(top,#E4E4E4,#CCC);
background:linear-gradient(top,#E4E4E4,#CCC);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#600;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#FFF;
border-color:#C24B45;
background:#E06762;
background:-moz-linear-gradient(top,#E06762,#A6322C);
background:-webkit-linear-gradient(top,#E06762,#A6322C);
background:-ms-linear-gradient(top,#E06762,#A6322C);
background:linear-gradient(top,#E06762,#A6322C);
}
input[type=submit].submit,
input[type=reset].submit,
input[type=button].submit{color:#360;}
input[type=submit].submit:hover,
input[type=reset].submit:hover,
input[type=button].submit:hover
{
color:#FFF;
border-color:#5CBB3E;
background:#80DD7E;
background:-moz-linear-gradient(top,#80DD7E,#50A237);
background:-webkit-linear-gradient(top,#80DD7E,#50A237);
background:-ms-linear-gradient(top,#80DD7E,#50A237);
background:linear-gradient(top,#80DD7E,#50A237);
}
span.event
{
display:block;
padding:8px;
color:#A84;
margin-bottom:10px;
text-align:center;
background:#FFE;
border-top:5px solid #FEC;
border-bottom:5px solid #FEC;
}
span.event-Success
{
color:#537836;
background:#EFE;
border-color:#CEA;
}
span.event-Fail
{
color:#A42F2D;
background:#FEE;
border-color:#FDD;
}
a{text-decoration:none;color:#89e2ff; text-shadow: 2px 2px 4px #000000; text-align: center; text-align: -webkit-center;
font-size: initial;
}
a:hover{color:#44F;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #CCC;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:#E00;
}
span.label
{
color:#FFF;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:#888;
}
span.label-red
{
color:#FFF;
background:#C95A57;
}
}
span.label-orange
{
color:#FFF;
background:#EF9C52;
}
span.label-green
{
color:#FFF;
background:#5DC15D;
}
div.pagenav{float:right;}
div.pagenav ul
{
margin:0;
padding:0;
height:25px;
list-style-type:none;
border:1px solid #CCC;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #CCC;
}
div.pagenav ul li:first-child{border:none;}
div.pagenav ul li a
{
display:block;
padding:0 7px;
line-height:25px;
font-weight:bold;
vertical-align:middle;
cursor:pointer;
}
div.pagenav ul li a:hover,
div.pagenav ul li#currentpage{background:#000;

Alles anzeigen

Villa · 15. August 2021

Moin,

ich noch einmal.......

Hab nun .table-info>th{background-color:#33895a;border-color:#DEE2E6;} in die CSS reinkopiert und schau da.... ich kann die Farbe verändern :-).

Gruss

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.

Beschreibung:

Beschreibung:

Jetzt Spenden und das Projekt unterstützen