+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Sonstiges (https://www.mybb.de/forum/forum-1.html)
+--- Forum: Programmierung (https://www.mybb.de/forum/forum-32.html)
+--- Thema: Brauche hilfe (/thread-4944.html)
Seiten: Seiten:
1
2
RE: Brauche hilfe - Michael - 17.02.2007
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.
RE: Brauche hilfe - rikku - 17.02.2007
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}RE: Brauche hilfe - Michael - 17.02.2007
Von welcher Seite stammt der Screenshot? Wie schon gesagt, du kannst nichts formatieren was nicht da ist. CSS referenziert immer einen HTML-Code.
RE: Brauche hilfe - rikku - 17.02.2007
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/
RE: Brauche hilfe - rikku - 19.02.2007
ist da noch jemand der mir bei meinem Problem helfen kann?
RE: Brauche hilfe - Michael - 19.02.2007
Ich kann nur nochmal wiederholen: Du kannst per CSS nur Sachen formatieren, die es auch im HTML-Code gibt.