CSS-Code: Schwarz - Grün

Bimboli · 14. Februar 2018

Beschreibung:

Hier stelle ich meine CSS zur Verfügung Schwarz - Grün .

Über Geschmack lässt sich streiten , aber zu meiner Webseite passt es .

Viel Spass damit.

Im zweiten Bild habe ich über ein Plug In von Wordpress links noch eine Anzeige eingebaut .

Vorschau:

Code:

Code

@charset "utf-8";
body#onair_body { font-family: Arial; font-size: 15px; color: #ffffff; text-align: center }
div#onair_grussboxbutton a { font-family: Arial; font-size: 20px; color: #66ce00; text-align: center }
body {background: #000000;}
div#wrapper
{
margin: 0;
padding: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #66ce00;
background: rgba(0, 0, 0, 0.8);
}
div.clear
{
clear: both;
}
div#content
{
min-height: 250px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
}
div#wrapper
{
margin:0 auto;
width:1000px;
box-shadow:0 0 5px #66ce00;
}
div#navi
{
border-bottom: 1px solid #666;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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.content th, table.content td {padding: 6px 4px;}
table.content tr:nth-child(odd){background: rgba(0, 0, 0, 0.8);}
table.content tr:nth-child(even){background: rgba(0, 0, 0, 0.8);}
table.content th
{
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer
{
margin-bottom: 10px;
height:25px;
padding: 0;
background: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
div#footer a
{
color: #66ce00;
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: rgba(0, 0, 0, 0.8);
background: -moz-linear-gradient(top,#66ce00);
background: -webkit-linear-gradient(top,#66ce00);
background: -ms-linear-gradient(top,#66ce00);
background: linear-gradient(top,#66ce00);
}
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:#66ce00;
font-weight:700;
border:1px solid #66ce00;
border-bottom:0;
background:rgba(0, 0, 0, 0.8);
}
ul.tabmenu li a:hover,
ul.tabmenu li a.current
{
background:rgba(0, 0, 0, 0.8);
}
span#refreshBar
{
float: right;
font-size: 12px;
padding-top:5px;
}
img.profil_bild
{
max-width: 100px;
max-height: 100px;
border: 0px solid #FFFFFF;
}
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 #66ce00;
}
table.content tr.event-sendung
{
background:rgba(0, 0, 0, 0.8)
}
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 rgba(0, 0, 0, 0.8) 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 #66ce00;
font-weight:700;
color:#66ce00;
cursor:pointer;
border-radius:3px;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
input[type=submit].cancel,
input[type=reset].cancel,
input[type=button].cancel{color:#66ce00;}
input[type=submit].cancel:hover,
input[type=reset].cancel:hover,
input[type=button].cancel:hover
{
color:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
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:#66ce00;
border-color:#66ce00;
background:rgba(0, 0, 0, 0.8);
background:-moz-linear-gradient(top,#66ce00);
background:-webkit-linear-gradient(top,#66ce00);
background:-ms-linear-gradient(top,#66ce00);
background:linear-gradient(top,#66ce00);
}
span.event
{
display:block;
padding:8px;
color:#66ce00;
margin-bottom:10px;
text-align:center;
background:rgba(0, 0, 0, 0.8);
border-top:5px solid #66ce00;
border-bottom:5px solid #66ce00;
}
span.event-Success
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
span.event-Fail
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
border-color:#66ce00;
}
a{text-decoration:none;color:#66ce00;}
a:hover{color:#66ce00;}
h1.headline
{
margin:0 0 10px 3px;
padding-bottom:3px;
font-size:22px;
border-bottom:1px dotted #66ce00;
}
span.circle-red
{
border-radius:10px;
padding:2px 6px;
font-weight:700;
background:rgba(0, 0, 0, 0.8);
}
span.label
{
color:#66ce00;
font-weight:700;
padding:4px 6px;
border-radius:4px;
background:rgba(0, 0, 0, 0.8);
}
span.label-red
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-orange
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
span.label-green
{
color:#66ce00;
background:rgba(0, 0, 0, 0.8);
}
div.pagenav{float:right;}
div.pagenav ul
{
margin:0;
padding:0;
height:25px;
list-style-type:none;
border:1px solid #66ce00;
}
div.pagenav ul li
{
float:left;
border-left:1px solid #66ce00;
}
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:rgba(0, 0, 0, 0.8);}

Alles anzeigen

Gruss Bimboli

DJGnomi · 30. April 2020

Nabend, ich weiß der Beitrag ist schon knapp 2 Jahre alt. Aber könntest mir jemand sagen welches Wordpress Plugin das ist ?

DonFroschi · 30. April 2020

das ist kein plugin für wordpress. das ist eine css für den sendeplan

DJGnomi · 30. April 2020

Es steht doch aber da Im zweiten Bild habe ich über ein PlugIn von Wordpress links noch eine Anzeige eingebaut. Und ich fragte welches Plugin

DonFroschi · 30. April 2020

mach es doch einfach über widget. die iframe von den boxen dort einfügen.

Code

<center><iframe src="https://sternpower.de/Sendeplan/index.php?page=infos&mode=onairbox" style="border:0;width:600px;height:360px;"></iframe></center>
<p></p>
<center><iframe src="https://sternpower.de/Sendeplan/index.php?page=infos&mode=onairbox&next=1" style="border:0;width:600px;height:360px;background:;"></iframe></center>

nur noch mit der größe austesten .... dann sollte es gehen

Passi2000 · 13. Juni 2020

wie bekomme ich die Grüne schrift vorne im Sendeplan hin? weil bei mir ist sie grau siehe Link

https://prnt.sc/syzvvm

DonFroschi · 14. Juni 2020

im design des sendeplans :

Code

.table {
color: #ffffff;

einfach das #ffffff mit deinem farbcode ersetzen

Passi2000 · 14. Juni 2020

DonFroschi schrieb:

im design des sendeplans :

Code

.table {

color: #ffffff;

einfach das #ffffff mit deinem farbcode ersetzen

einfach einfügen da ja diese Variable nicht drin steht

**drcomputer** · 14. Juni 2020

ja

Passi2000 · 14. Juni 2020

ok Hab jetzt ein Anderes Problem jetzt hat sich im sendeplan die Farbe geändert wo Zeit Datum und Moderator stehen wo finde ich das damit ich das wieder ändern kann

DonFroschi · 14. Juni 2020

was willst du da ändern ? andere farbe ? einfach mal in google .. hexa farben eingeben... farbe aussuchen und den code von #ffffff auf einen code deiner wahl ändern. z.b. #00FF40 für helles grün

Passi2000 · 14. Juni 2020

Ich möchte einfach nur das die schrift vorne Nicht grau ist sondern Weiß zum beispiel aber da passiert nichts

DonFroschi · 14. Juni 2020

also wenn ich das bei mir eingebe.. ist zeit , sendung, moderator in weiß

die zeit 00:00 - 00-01 uhr und der sendungstitel ebenfalls weiß.

beides erscheint in der selben farbe

Passi2000 · 14. Juni 2020

bei mir ist dies immer noch grau

Flaechenblitz · 21. Juni 2020

Dann hast Du vermutlich in der falschen Zeile die Farbe geändert.

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:

Vorschau:

Code:

Jetzt Spenden und das Projekt unterstützen