ich habe mal eine Frage:
Ich habe hier auf einer Seite eine Serverstatistik implementiert, welche die Style.css des Designs benutzt. Nur leider sieht das recht besch.... aus.
Habt ihr ne Idee, wie ich ggf. die Style.css anpassen muss, oder an welcher anderen schraube ich drehen muss?
Hier der Link zur problematischen Seite
sfw-clan.de/index.php?Spind
Hier der Code aus der Style.css
body
{
background: #BDBDBD url(images/bg2.jpg);
min-height: 800px;
background-position:top center;
background-attachment:fixed;
background-repeat: no-repeat;
background-color: #000000;
margin : 0 auto;
}
.abg
{
}
#menu_inner a {
display : block;
float : left;
height : 27px;
line-height:27px;
width : 100px;
padding :0px 2px 0 1px;
text-align : center;
text-transform : uppercase;
text-decoration:none;
letter-spacing : 0.1em;
font-weight : normal;
color : #D0D0D0;
background-image : url(images/button.gif);
background-repeat : none;
}
#menu_inner a:hover {
background-image : url(images/button2.gif);
background-repeat : none;
color : #d88f5c;
}
td
{
color: #E2E2E2;
font-family: tahoma;
font-size: 10px;
text-align: center;
}
a
{
color: #D0D0D0;
font-family: tahoma;
font-size: 10px;
text-decoration: none;
}
a:hover
{
color: #d88f5c;
text-decoration: none;
}
a.topbox
{
color: #D0D0D0;
font-family: tahoma;
font-size: 10px;
padding-left:5px;
display:block;
text-align:left;
margin:0 auto;
}
a.topbox2
{
color: #D0D0D0;
font-family: tahoma;
font-size: 10px;
padding-left:5px;
display:block;
text-align:right;
margin:0 auto;
}
a.topbox:hover
{
color: #d88f5c;
font-family: tahoma;
font-size: 10px;
text-decoration: none;
}
a.box
{
color: #cccccc;
font-family: tahoma;
font-size: 10px;
text-align:left;
margin:0 auto;
padding-left:5px;
}
a.box:hover
{
color: #d88f5c;
text-decoration: none;
}
.shoutbox{
font-family: tahoma;
font-size: 10px;
text-align:left;
margin:auto;
}
.Chead
{
color: #BCBCBC;
text-decoration:underline;
font-weight: bold;
font-size: 11px;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
color: #CCCCCC;
text-align: left;
}
.Callg
{
color: #ff9966;
text-align: left;
}
.Callg td
{
color: #CFCCC0;
text-align: left;
font-size: 12px;
}
.Cnorm
{
background-color: #171819;
}
.Cmite
{
background-color: #222326;
}
.Cdark
{
background-color: #121212;
background-image : url(images/head.jpg);
background-repeat : repeat-x;
}
.Bhead
{
color: #EEA200;
text-align: left;
padding-bottom:10px;
}
.navi
{
color: #C0CAA0;
text-align: left;
padding-left:0px;
}
.navi_re
{
color: #C0CAA0;
text-align: center;
}
.navtop
{
color: #dddddd;
padding-bottom:5px;
text-align: left;
padding-left:10px;
font-family: tahoma;
font-size: 14px;
font-weight: bold;
}
.navtop_re
{
color: #dddddd;
padding-bottom:5px;
text-align: left;
padding-left:10px;
font-family: tahoma;
font-size: 11px;
}
.smalfont
{
color: #cccccc;
font-size: 10px;
text-decoration: none;
}
.border
{
border-left: 1px solid #3C3C3C;
border-top: 1px solid #3C3C3C;
border-right: 1px solid #7B7B7B;
border-bottom: 1px solid #7B7B7B;
}
hr
{
height: 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #131313;
font: 10px tahoma;
border-color: #17181F;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color:#cccccc;
/*background-color:#859952;*/
}
#home {
padding-top: 5px;
padding-right:20px;
margin: 0px;
list-style:none;
color: #B1B1B1;
text-align: right;
font: 10px tahoma;
}
#log {
text-align:left;
background-color:none;
}
#log2 {
margin-left: 0px;
color:#202020;
text-align:left;
}
#copy {
float:left;
padding-left: 40px;
padding-top:60px;
list-style:none;
color: #E2F9FC;
font: 10px tahoma;
}
#copy a{
color: #E2F9FC;
font: 10px tahoma;
}
#copy a:hover{
color: #d88f5c;
font: 10px tahoma;
}
#sponsor {
margin:0 auto;
padding-top:50px;
list-style:none;
}
#werbung {
float:left;
padding-left:10px;
padding-top:20px;
}
#menu {
color: #393939;
}
#menu ul {
padding-left: 0px;
margin: 0 auto;
list-style:none;
}
#menu li a {
display : block;
width : 154px;
line-height : 26px;
font-size : 12px;
color : #cccccc;
font-weight : normal;
background : url(images/menu.jpg) no-repeat;
padding-bottom : 0px;
text-indent : 15px;
float:left;
}
#menu li a:hover {
color : #d88f5c;
text-indent : 15px;
background-position : 0 -26px;
text-decoration : bold;
}
#menu_re {
color: #CACACA;
margin:0 auto;
}
#menu_re ul {
padding-left: 0px;
list-style:none;
}
#menu_re a {
display : block;
font-size : 10px;
color : #C3C89F;
font-weight : normal;
padding-bottom : 2px;
text-align : center;
}
#menu_re a:hover {
color : #d88f5c;
text-decoration : bold;
}
#smallmenu { }
#smallmenu li { font-size: 9px; }
#smallmenu a { font-size: 9px; }
Hier der Link zur "Anleitung" Implementation der Statistik
externer Link
Verlinkt ist das in der Seite dann wie folgt:
<iframe src="http://37.187.25.126:8081/stats/index.html?server_id=33325&embedded=true&css_file=include/designs/schlachtfeldwichser/style.css" width="620px" height="600" name="rconNET_stats" scrolling="auto" frameborder="0"> </iframe>
Lieben Dank schon mal vorab!
verwendete ilch Version: 1.1 P
betroffene Homepage: externer Link
