MyBB.de Forum

MyBB.de Forum > Sonstiges > Programmierung > Brauche hilfe
Normale Version: Brauche hilfe
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2

Michael

17.02.2007, 14:05
Wie schon gesagt musst du erst etwas in den HTML-Code einfügen, damit du ihn formatieren kannst. Siehe mein voriger Post, in dem ich schon geschrieben hatte, dass du das z.B. mit einem Div-Container machen kannst.

rikku

17.02.2007, 16:08
das muss aber mit css gehen. Ich habs doch im zweiten screen bewiesen (mehr oder weniger)
hier die css datei zum zweiten screen.
Code:
/*
                                 ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
                                 ÛÛÛ±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±ÛÛÛ±
                                 ÛÛÛ±                                                  ÛÛÛ±
                                 ÛÛÛ±                OGAME: IGHF                       ÛÛÛ±
                                 ÛÛÛ±                                                  ÛÛÛ±
                                 ÛÛÛ±                      V 1.0                       ÛÛÛ±
                                 ÛÛÛ±                                                  ÛÛÛ±
                                 ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ±
                                  ±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±±    http://www.kadner-online.de/download/html_farbcodes/farbcodes.html
*/

., #, td, th, textarea, body, table
{
  font-family        : Tahoma,sans-serif;
  font-size        : 11px;
}

img
{
  border               : 0px;
}

p table
{
  border               : 0px;
}

p td
{
  text-align           : center;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}


table table
{
  border               : 0px;
}

table table td
{
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

body
{
  color                : #E6EBFB;
  margin-top           : 1px;
  margin-left          : 1px;
  background           : #344055 url('img/background.jpg') no-repeat fixed 0% 50%;
  scrollbar-arrow-color:#E6EBFB; scrollbar-base-color:#344566; scrollbar-track-color:#344566; scrollbar-face-color:#344566; scrollbar-highlight-color:#344566; scrollbar-3dlight-color:#465673; scrollbar-darkshadow-color:#344566; scrollbar-shadow-color:#465673; font-size:11px; font-family:Tahoma,sans-serif; background-image:url('img/background.jpg'); background-repeat:no-repeat; background-attachment:fixed
}

body form table th table input
{
  width: 60px;
}

th, td.a, td.b, td.c, td.f, input, select,
td.g, td.h, td.i, td.j, td.k, td.l, td.m,
td.n, td.o, td.q, td.r, td.v, .style td,
textarea, p td, table.s th img
{
  border               : 1px #415680 solid;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

th, td.a, td.b, td.c, td.f, input, select, td.g,
td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r,
td.v, td.s, .style td, p td
{
  background-color     : #344566;
}

th
{
  text-align           : center;
  padding-left         : 3px;
  padding-right        : 3px;
}

td.a
{
  height               : 39px;
  text-align           : center;
}

td.b
{
  padding              : 3px;
}

td.c
{
  font-weight          : bold;
  color                : #E6EBFB;
  padding-left         : 3px;
  background-image     : url('img/bg1.gif');
}

td.f, input, select, textarea
{
  color                : #E6EBFB;
  background-color     : #344566;
}

textarea
{
  width                : 100%;
}

td.k input
{
  text-align           : left;
}

td.g
{
  font-weight          : bold;
  text-align           : right;
  color                : #E6EBFB;
}

td.h
{
  text-align           : center;
  color                : #E6EBFB;
}

td.i
{
  text-align           : center;
  color                : #E6EBFB;
}

td.j
{
  text-align           : center;
  color                : #E6EBFB;
}

td.k, td.k input
{
  text-align           : center;
  color                : #E6EBFB;
}

td.l
{
  background-color     : #344566;
  color                : #E6EBFB;
  vertical-align       : top;
  padding              : 3px;
  background-image     : url('img/bg2.gif');
}

td.m
{
  font-weight          : bold;
  text-align           : right;
  width                : 86px;
  color                : #E6EBFB;
}

td.n
{
  font-weight          : bold;
  text-align           : right;
  width                : 89px;
  text-align           : center;
  color                : #E6EBFB;
}

td.o
{
  text-align           : center;
  color                : #E6EBFB;
}

td.q
{
  font-weight          : bold;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
  text-align           : center;
  vertical-align       : middle;
  color                : #E6EBFB;
}

td.r
{
  text-align           : right;
  color                : #E6EBFB;
}

td.v
{
  font-weight          : bold;
  text-align           : right;
  color                : #f7f7f7;
}

td.s
{
  color                : #E6EBFB;
}

table.s th
{
  border               : 0px;
}

table.s th img
{
  width                : 89px;
  height               : 89px;
}

div.z
{
  font-weight          : bold;
  color                : #E6EBFB;
}

a
{
  color                : #E6EBFB;
  text-decoration      : none;
  font-weight          : bold;
}

a.s
{
  color                : #E6EBFB;
}

a.t
{
  color                : #E6EBFB;
}

a:hov
{
  color                : #CDD7F8;
  text-decoration      : underline;
}

.style td
{
  color                : #E6EBFB;
  border-top           : 0px;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:link
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:visited
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:hover
{
  background-color     : #415680;
  height               : 100%;
  width                : 100%;
  text-decoration      : none;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
  color                : #E6EBFB;
}

.style
{
  margin-top           : 15px;
}






h1 {  font-size:11px; border-bottom:0px #2C2C2C solid;  width:98%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:right; }
center {  color:#B6C6E5; }
td[align="center"][width="85"] font[color="#ff0000"] { font-size: 11px; font-weight:bold; text-decoration:blink; color:#ff0000;         -moz-opacity:1.75; }
body center table tr th font a[title]:after { content:" ("attr(title)")"; color:orange; }
a[title~="Trümmerfeld:"]:after { content:" ("attr(title)")"; color:yellow; }
a[title~="Geschwindigkeit:"]:after { content:" ("attr(title)")"; color:lime; }



th.tooltip_border table tbody tr th { color: #CFCFCF; border:0px; border-color:#CFCFCF; background-color:#5F5F5F; }
td.l a[title]:after { content:" ("attr(title)")"; color:orange; }
th a[title~="Bebaute"] { color: #FFCC55 }
th a[title~="Bebaute"]:after { content: " bebaute"; color: #FFCC55;}
th a[title="max. bebaubare Felder"] { color: #33CC00 }
th a[title="max. bebaubare Felder"]:before { content: " max. "; color: #33CC00;}
th a[title="max. bebaubare Felder"]:after { content: " verfügbare"; color: #33CC00;}
table[width="519"] td a[title="Planetenmenü"]:before {content: "Willkommen auf ";}
table[width="519"] td a[title="Planetenmenü"]:after {content: "";}
select[name="speed"] {color:#00FF00}
select[name="speed"] option[value="10"]{color:#00FF00}
select[name="speed"] option[value="9"]{color:#33FF00}
select[name="speed"] option[value="8"]{color:#66FF00}
select[name="speed"] option[value="7"]{color:#99FF00}
select[name="speed"] option[value="6"]{color:#CCFF00}
select[name="speed"] option[value="5"]{color:#FFFF00}
select[name="speed"] option[value="4"]{color:#FFCC00}
select[name="speed"] option[value="3"]{color:#FF9900}
select[name="speed"] option[value="2"]{color:#FF6600}
select[name="speed"] option[value="1"]{color:#FF3300}
select[name="speed"] option[value="0"]{color:#FF0000}
select[name="start"] option[value="1"]{color:#00FF00}
select[name="start"] option[value="101"]{color:#00FF33}
select[name="start"] option[value="201"]{color:#33FF33}
select[name="start"] option[value="301"]{color:#66FF33}
select[name="start"] option[value="401"]{color:#99FF33}
select[name="start"] option[value="501"]{color:#99FF00}
select[name="start"] option[value="601"]{color:#CCFF00}
select[name="start"] option[value="701"]{color:#FFFF00}
select[name="start"] option[value="801"]{color:#FFEA00}
select[name="start"] option[value="901"]{color:#FFCC00}
select[name="start"] option[value="1001"]{color:#FF9900}
select[name="start"] option[value="1101"]{color:#FF8300}
select[name="start"] option[value="1201"]{color:#FF6600}
select[name="start"] option[value="1301"]{color:#FF3300}
select[name="start"] option[value="1401"]{color:#FF0000}
option[value="100"]{color:#00FF00}
option[value="90"]{color:#33FF00}
option[value="80"]{color:#66FF00}
option[value="70"]{color:#99FF00}
option[value="60"]{color:#CCFF00}
option[value="50"]{color:#FFFF00}
option[value="40"]{color:#FFCC00}
option[value="30"]{color:#FF9900}
option[value="20"]{color:#FF6600}
option[value="10"]{color:#FF3300}
option[value="0"]{color:#FF0000}
select[name="auftr"]  option {color:#E6EBFB}
select[name="pziel"] option[value="0"]{color:#E6EBFB}
select[name="bew"] option[value="0"]{color:#E6EBFB}
select[name="bewforce"] option[value="0"]{color:#E6EBFB}















/*Flottenfarben*/
/*'''''''''''''''''''''Angriff'''''''''''''''''''''*/
/*Angriff Hinflug*/
tr.flight span.ownattack
{
  color                : #87CEEB;
}
tr.flight span.ownattack a[title]:after { content:" ("attr(title)")"; color: #BFBFBF;}



tr.flight span.ownattack a:hover
{
  color                : #F8F8FF;
}

/*Angriff Rückflug*/
tr.return span.ownattack
{
  color                : #4682B4;
}
tr.return span.ownattack a  color  : #BFBFBF;}
tr.return span.ownattack a:hover
{
  color                : #F8F8FF;
}





/*'''''''''''''''''''''Verbandsangriff'''''''''''''''''''''*tr.flight span.ownfederation a   {                                        color: #BFBFBF;}/
/*Verbandsangriff Hinflug*/
tr.flight span.ownfederation
{
  color                : #00A0FF;
}
tr.flight span.ownfederation a[title]:after { content:" ("attr(title)")"; color: #BFBFBF;}

tr.flight span.ownfederation a:hover
{
  color                : #FFFF00;
}

/*Verbandsangriff Rückflug*/
tr.return span.ownfederation
{
  color                : #4682B4;
}
tr.return span.ownfederation a
{
  color                : #BFBFBF;
}
tr.return span.ownfederation a:hover
{
  color                : #FFFFFF;
}








/*'''''''''''''''''''''Transport'''''''''''''''''''''*/
/* Transport Hinflug*/
tr.flight span.owntransport
{
  color                : #32CD32;
}
tr.flight span.owntransport a
{
  color                : #7FFF00;
}
tr.flight span.owntransport a:hover
{
  color                : #F0F8FF;
}

/*Transport Rückflug*/
tr.return span.owntransport
{
  color                : #008000;
}
tr.return span.owntransport a
{
  color                : #008000;
}
tr.return span.owntransport a:hover
{
  color                : #F0F8FF;
}










/*'''''''''''''''''''''Freundlicher Transport'''''''''''''''''''''*/
/*Freundlicher Transport*/
tr.flight span.transport
{
  color                : #7FFF00;
}
tr.flight span.transport a
{
  color                : #32CD32;
}
tr.flight span.transport a:hover
{
  color                : #32CD32;
}







/*'''''''''''''''''''''Abbau'''''''''''''''''''''*/
/* Recyclen Hinflug*/
tr.flight span.ownharvest
{
  color                : #FFFF00;
}
tr.flight span.ownharvest a
{
  color                : #FFD700;
}
tr.flight span.ownharvest a:hover
{
  color                : #FFFFFF;
}

/* Recyclen Rückflug*/
tr.return span.ownharvest
{
  color                : #FFD700;
}
tr.return span.ownharvest a
{
  color                : #FFFF00;
}
tr.return span.ownharvest a:hover
{
  color                : #FFFFFF;
}





/*'''''''''''''''''''''stationieren'''''''''''''''''''''*/
/*stationieren Hinflug*/
tr.flight span.owndeploy
{
  color                : #8FBC8F;
}
tr.flight span.owndeploy a
{
  color                : #9F9F9F;
}
tr.flight span.owndeploy a:hover
{
  color                : #FFFFFF;
}

/*stationieren Rückflug*/
tr.return span.owndeploy
{
  color                : #FF7F50;
}
tr.return span.owndeploy a
{
  color                : #FF7F50;
}
tr.return span.owndeploy a:hover
{
  color                : #FFFFFF;
}






/*'''''''''''''''''''''Spionage'''''''''''''''''''''*/
/*Spionage Hinflug*/
tr.flight span.ownespionage
{
  color                : #FFA500;
}
tr.flight span.ownespionage a
{
  color                : CCFF33;
}
tr.flight span.ownespionage a:hover
{
  color                : #FFFFFF;
}

/*Spionage Rückflug*/
tr.return span.ownespionage
{
  color                : #CD853F;
}
tr.return span.ownespionage a
{
  color                : CCFF33;
}
tr.return span.ownespionage a:hover
{
  color                : #FFFFFF;
}






/*'''''''''''''''''''''kolonisieren'''''''''''''''''''''*/
/*kolonisieren Hinflug*/
tr.flight span.owncolony
{
  color                : #DA70D6;
}
tr.flight span.owncolony a
{
  color                : #DA70D6;
}
tr.flight span.owncolony a:hover
{
  color                : #FFFFFF;
}

/*kolonisieren Rückflug*/
tr.return span.owncolony
{
  color                : #9932CC;
}
tr.return span.owncolony a
{
  color                : #9932CC;
}
tr.return span.owncolony a:hover
{
  color                : #FFFFFF;
}











/*'''''''''''''''''''''Mondangriff'''''''''''''''''''''*/
/*Mondangriff Hinflug*/
tr.flight span.owndestroy
{
  color                : #F0FFFF;
}
tr.flight span.owndestroy a
{
  color                : #FF0000;
}
tr.flight span.owndestroy a:hover
{
  color                : #FFFFFF;
}

/*Mondangriff Rückflug*/
tr.return span.owndestroy
{
  color                : #F0F8FF;
}
tr.return span.owndestroy a
{
  color                : #FF0000;
}
tr.return span.oowndestroy a:hover
{
  color                : #FFFFFF;
}






/*'''''''''''''''''''''Halten'''''''''''''''''''''*/
/*Halten Hinflug*/
/*tr.flight span.ownhold
/*{
/*  color                : #FCFCFE;
/*}
/*tr.flight span.ownhold a
/*{
/*  color                : #FFFF00;
/*}
/*tr.flight span.ownhold a:hover
/*{
/*  color                : #FFFFFF;
/*}
/*Halten Halten*/
/*tr.holding  span.ownhold
/*{
/*  color                : #5F5F5F;
/*}
/*tr.holding  span.ownhold a
/*{
/*  color                : #BFBFBF;
/*}
/*tr.holding  span.ownhold a:hover
/*{
/*  color                : #FFFFFF;
/*}
/*
/*/*Halten Rückflug*/
/*tr.return span.ownhold
/*{
/*  color                : #DFDFDF;
/*}
/*tr.return span.ownhold a
/*{
/*  color                : #DFDFDF;
/*}
/*tr.return span.ownhold a:hover
/*{
/*  color                : #FFFFFF;
/*}











/*########################################################################*/
                            /*Feindliches*/
/*########################################################################*/

/*'''''''''''''''''''''Mondzerstörung'''''''''''''''''''''*/
/*Mondzerstörung*/
tr.flight span.destroy {  color                : #FFDF00; }
tr.flight span.destroy a[title]:after { content:" ("attr(title)")";  color   : #BFBFBF; }
tr.flight span.destroy a:hover
{
  color                : #FFFFFF;
}

/*Angriff*/
tr.flight span.attack  { color:#FF0000; text-decoration:blink; }
tr.flight span.attack  a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }
tr.flight span.attack  a:hover
{
  color                : #FFFFFF;
}

/*Spionage*/
tr.flight span.espionage
{
  color                : #FF0000;
}
tr.flight span.espionage a[title]:after { content:" ("attr(title)")";  color   : #DC143C;}
tr.flight span.espionage a:hover
{
  color                : #FFFFFF;
}

/*Spionage*/
tr.flight span.federation
{
  color                : #FF0000;
}
tr.flight span.federation a
{
  color                : #DC143C;
}
tr.flight span.federation a:hover
{
  color                : #FFFFFF;
}



















/*'''''''''''''''''''###################''''''''''''''''''''############*/
/*Galaxieansicht*/
/*'''''''''''''''''''###################''''''''''''''''''''############*/
/*Allianzmember*/
.allymember
{
  color: lime;
}

/*Anfänger*/
.noob
{
  color                : #a0ffa0;
}

/*Starke Spieler*/
.strong
{
  color                      : #ffa0a0;
}

/*U-Mod*/
.vacation
{
  color                      : #6495ED;
}

/*Inaktiv*/
.inactive
{
  color                : #FFFF00;
}

/*Toter Acc*/
.longinactive
{
  color                : #FFD700;
}

/*Gesperrter Acc*/
.banned
{
  text-decoration      : line-through;
}










.success { color: lime; }
.error { color: red; text-decoration:blink; }
.warning { color: orange; text-decoration:blink; background-color:#FF0000; }
.notice { color: yellow; text-decoration:blink; background-color:#FF0000; }
.timeremaining { font-weight: bold; }
.noresources { font-weight: bold; }
table tr th b:before{content:" "}
table tr th b + b:before{content:" "}
table tr th b + b + b:before{content:" "}
table tr th b + b + b + b:before{content:" "}
i > b > font:before {content: "[  "}
i > b > font:after {content: " ]"}
table[width="100%"] tr + tr + tr > td + td[width="85"]:before{content: "«  "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td[width="85"]:after {content: "  »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td[width="85"]:before{content: "«  "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td[width="85"]:after {content: "  »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:before{content: "«  "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:after {content: "  »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:before{content: "« "; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:after {content: " »"; font-size: 9px;}
table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:before{content: ""}
table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:after {content: ""}
center table tr td + td center table tr td + td {padding-right:20px;}
td[width="85"] { width:0; padding-top : 0px; padding-bottom : 0px; padding-left : 10px; padding-right : 10px; }
select[name="u"] option[value="2"]{color:#FF0000}
select[name="u"] option[value="1"]{color:#FFFF00}
select[name="u"] option[value="0"]{color:#00FF00}

Michael

17.02.2007, 16:32
Von welcher Seite stammt der Screenshot? Wie schon gesagt, du kannst nichts formatieren was nicht da ist. CSS referenziert immer einen HTML-Code.

rikku

17.02.2007, 16:45
es ist doch was da.
Das bild bkd.gif und info-help.jpg die sollen da halt hin

die seite heißt www.ogame.de mein skin ist unter http://rbdownload.rb.ohost.de/DCS-Skin/

rikku

19.02.2007, 16:22
ist da noch jemand der mir bei meinem Problem helfen kann?

Michael

19.02.2007, 17:28
Ich kann nur nochmal wiederholen: Du kannst per CSS nur Sachen formatieren, die es auch im HTML-Code gibt.
Seiten: 1 2
MyBB.de Forum > Sonstiges > Programmierung > Brauche hilfe