CSS Style

[Lussy00]

Hallo..
ich möchte gern den style bei unserer clanstats ändern und zwar möchte ich die ganzen blöcke die weiss u grau sind transparent haben,
wie wo was muss ich in der style.css ändern?


http://hlstats.deutsche-feldlazarett.com/hlstats.php

Danke schon mal für eure hilfe...

[b-baer]

Hallo Lussy00

du musst im HTML Code nach schauen, wie die "Div's", Tabelle definiert sind, bzw. welche ID sie haben. Ich glaube in deinem Fall wäre das für den Ersten DIV "subblock"

Code: Alles auswählen

<div class="subblock">...</div>

und die Tabelle ist "data-table"

Code: Alles auswählen

<table class="data-table">...</table>

und die dazugehörige Zeile ist "data-table-head-new"

Code: Alles auswählen

<tr class="data-table-head-new">...</tr>

Mit dieser Info gehst du dann im CSS dort wirst du diese Classe weider finden (bei dir sourcebans.css).
Hier wiederum suchst du die Klassen raus. Konkret gehe zu ".data-table-head-new" dort siehst du den Befehl "background-image:url(sourcebans/detail_head.png);"

Code: Alles auswählen

.data-table-head-new  {
   background-image:url(sourcebans/detail_head.png);
   background-repeat: repeat-x;
   border:1px solid #AEAEAE;
   color:#FFF;
   vertical-align: bottom;
}



,den einfach löschen und damit sollte das Grau raus sein...

Erklärung "background-image:url(sourcebans/detail_head.png);" steht für Hintergrundbild dann den Pfad...
ich weiß ja nicht wie involviert du in HTML sprache bist...
sry...
greetz
b.baer

[Lussy00]

huhu ihr seid ja richtig schnell wou...
ich danke dir für deine schnelle hilfe, ich habe da kaum ahnung von, ich fuchs mich da halt so durch

Also muss ich nun in allen php's die tabellen ändern?

Code: Alles auswählen

   <?php printSectionTitle('Cheaters &amp; Banned Players'); ?>
      <div class="subblock">
         <div style="float:left;">
            <form method="get" action="<?php echo $g_options['scripturl']; ?>">
               <input type="hidden" name="mode" value="search" />
               <input type="hidden" name="game" value="<?php echo $game; ?>" />
               <input type="hidden" name="st" value="player" />
               <strong>&#8226;</strong> Find a player:
               <input type="text" name="q" size="20" maxlength="64" class="textbox" />
               <input type="submit" value="Search" class="smallsubmit" />
            </form>
         </div>
      </div><p />
      <div style="clear:both;padding-top:4px;" />
      <?php $table->draw($result, $numitems, 95); ?><p />
      <div class="subblock">
         <div style="float:left;">
            <form method="get" action="<?php echo $g_options['scripturl']; ?>">
               <?php

was muss ich da genau rein machen da du mit dem DIV "subblock" recht hattest,

Code: Alles auswählen

<div class="subblock">.?..</div>

in der css ist es auch das

Code: Alles auswählen

"data-table"

ich bin echt froh das es noch foren gibt die ein helfen..
Danke

[b-baer]

also du brauchst nicht in jeder php die Table ändern dafür gibts ja CSS vllt. mal grundlegend:
-CSS (Caskading style sheets) sind grundlegende definierungen von styles in einer Homepage die bei korrekter anwendung nur einmal definiert werden müssen und dann mehrfach eingesetzt werden können.

Ich habe mich jetzt mal genauer mit deiner HP auseinander gesetzt und habe mir einen kleinen Blick im Code und CSS gegönnt.
jetzt weiter zu deiner Frage:
Schau mal in deiner von mir genannten CSS nach dort gibt es eine Klasse die so definiert ist:

Code: Alles auswählen

.data-table-head-new  {
   background-image:url(sourcebans/detail_head.png);
   background-repeat: repeat-x;
   border:1px solid #AEAEAE;
   color:#FFF;
   vertical-align: bottom;
}


Erklärung: in deiner HP ist ein DIV (festehender Platzhalter) die eine Tabelle enthält. Jetzt sind die Grauen Felder in deiner HP, definierte Zellen der Tabelle aus dem CSS. Der obere ist definiert mit: ".date-table-head-new" (das dunkel graue) und die darunterliegenden sind definiert mit ".bg1" (hellgrau)

Code: Alles auswählen

.bg1 {
   background-color: #999;
}

Hier nochmal ein bild zur verständnis
http://kurre.net/test/asdf.PNG

Was du konkret machen musst:
in der ".data-table-head-new" das "background-image" rauslöschen für das >>dunkel graue feld<< und in der ".bg1" den "background-color:#999" rauslöschen.

Hierzu noch kurz das "#999" ist die kurzform von dem Hexadezimalcode für die Farbe Grau.

hoffe ich kann dir weiterhelfen ansonsten einfach nochmal unklarheiten posten und ich versuch mein bestes.

[Lussy00]

ich danke dir für deine geduld und deine ausführliche erläuterung!
bist ein schatz...

So habe ich es nun hinbekommen "aber" wenn du mal schaust ist noch genau einer inder tabelle player weiss, lol ich finde es nicht in der css,

ist ja echt grauenvoll...
aber ich danke dir echt suppppppeeeerrrrrr von dir.Bist mein held, mal sehen vielleicht finde ich es ja auch...

kuss Lussy

[b-baer]

hallo,

da das nur lokal ist habe ich mir auch mal den quellcode der php datei angeschaut und dort habe ich auch ein befehl finden können, welcher für die Anderen Farben der Tabellen bzw. zeilen zuständig ist.
dazu solltest du noch einiges wissen.
eine tabelle sieht im code so aus:
<table> //hier startet die Tabelle
<tr> // hier öffnet sich eine Zeile
<td></td> //hier öffnet sich eine Spalte
<td></td>
</tr>//schließen
</table>//schließen

warum ich dir das zeige?, nun du wirst in den Code gehen müssen dir die Passenden Zeilen raussuchen und dort wirst du z.b. für die erste zeile folgenden Code finden:

Code: Alles auswählen

   <tr style="background: rgb(255, 213, 213) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 45, 45);">
      <td class="fSmall">1      </td>
.
.
.
.
.



hier siehst du jetzt den Befehl: "background:rgb(255,213,213)......"
du wirst dir jetzt leider die mühe mache und jeden "background-befehl" rauslöschen...
Als kleienen Tipp der quasi von herzen kommt, weil du mir echt leid tust dir diese arbeit machen zu müssen, verwende eine suchen und ersetzen Funktion und versuche genau nach dem Befehlen zu suchen, von "b...-...13)", und ersetze ihn durch eine leerschritt, weil sonst hast du mal locker nen paar std. verschenkt...

und für die Zweite Farbspalte (quasi) wirst du natürlich andere Zahlen finden, da das auch ne andere Farbe ist

Zur Erklärung: das RGB(255,213,213) steht für Red-Green-Blue (ein Farbmodell) und die zahlen stehen für den jeweiligen anteilen der Farbpikmente...

ich hoffe ich kann dir weiterhelfen.
Poste bitte obs geklappt hat, würde mich echt interessieren
greetz
b.baer

[Lussy00]

ohh...
bist echt ein lieber das du dir für mich soviel arbeit auf dich nimmst...
Aber ich hab mal alles durchsucht und diesen code nicht gefunden
aber ich hab da noch ein Ordner der sich Autocompleter.css nennt...
aber da is auch nichts weiter drin mhh....
lieb dank für deine hilfe.....
kuss....Lussy

[b-baer]

liegt vllt. daran, dass es nicht in den css definiert ist sondern, dass die befehle direkt auf der hlstas.php liegen. musst da mal suchen, die ist ziemlich groß... wie gesagt ich würde viel mit suchen und ersetzten arbeiten...


Achja..., wenn du kein Prog. hast um php's zu bearbeiten nimm einfach nen editor...

[Lussy00]

Hallo b-baer....
kannst du mir noch mal helfen? Ist es möglich, die Eigenschaften eines Hintergrundbildes einer Homepage so einzustellen, dass es sich der Größe des Browserfensters anpasst

LOL danke schon mal.....

Kuss lussy...

[b-baer]

ja klar helfe ich dir nochmal,

grundlegend ist es nicht möglich ein Hintergrundbild anzupassen du kannst es aber anders machen indem du einen div mit der Eigenschaft in der Width und height mit 100% festlegst Dort ein Bild einsetzt und dem die Selbe eigenschaft gibst:
Konkret sieht ein Tag so aus

Code: Alles auswählen

<div height="100%" width="100%" z-index="1"><img src="Verzeichnis/Bild" width="100%" height="100%"></div>

Erklärung:"div"=öffnen des div's | "z-index"= die eigenschaft, welche bestimmt, welche Ebene im Vordergrund und welche Ebene im Hintergrund steht, je kleiner die Zahl, desto weiter liegt die Ebene hinten | "img" = öffnen des Image/Bild-Tag's | "src" = (screen) welches Bild soll angezeigt werden und naja width und height brauche ich glaube ich nichts zu erklären.

wenn ich dir das gleich mit auf dem Weg geben darf, macht es wenig Sinn ein Hintergrundbild dynamisch zu machen, da sich das Bild dann ja auf verschiedende Auflösungen oder Skalierungen verschiedend groß anpasst und somit das bild auch auf jedem rechner anders aussieht und unter Umständen auch Pixelig wird, bzw. überhaupt nicht mehr sauber angezeigt wird.
greetz