ilch Forum » Ilch Clan 1.1 » Allgemein » Farbe anpassen

Geschlossen
  1. #1
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Hallo alle zusammen!

    Wie kann ich folgende .css datei so anpassen, dass die Überschrift bei meinem Form nicht schwarz angezeigt wird und wenn man einen Beitrag schreiben will, den Text nicht Megalhell ist, sodass man nichts mehr erkennen kann.

    CSS Datei

    Vielen Dank um Hilfreiche Antworten!!!


    verwendete ilchClan Version: 1.1

    betroffene Homepage: game-community.org


    Zuletzt modifiziert von 007forever am 22.11.2007 - 17:51:50
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #1C1C1C;		// Hintergrund
      font-size: 10px;
      font-family: Verdana, sans-serif;
    }
    #wrap {
      position: relative;
      width: 967px;
      text-align: left;
      margin: 0 auto 0 auto;
    }
    #top {
      background: url('img/top.gif');
      height: 67px
    }
    #header {
      background: url('img/logo.gif');
      height: 153px;
      text-align: center;
      vertical-align:middle
    }
    #header h1 {
      display: inline;
      position: absolute; 
      top: 110px; left: 100px;
      color: #fff;
      font-family: 'Trebuchet MS';
      font-weight: normal;
      font-size: 24px;
    }
    #top2 {
      background: url('img/top2.gif');
      height: 31px
    }
    #top2 font {
      display: inline;
      position: absolute; 
      left: 172px;
      margin-top: 2px;
      font-size: 10px;
    	text-decoration: none; 
    }
    #content {
      background: url('img/contentbg.gif');
      
    }
    #footer {
      background: url('img/footer.gif');
      height: 33px;
      text-align: center;
      vertical-align: middle
    }
    #left_col {
      width: 158px;
      float: left;
      padding-top: 0px;
      padding-left: 9px;
      padding-right: 18px;
      padding-bottom: 0px;
      color: #fff;
      overflow: hidden;
    }
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
      color: #ff0000;
    }
    
    #left_col a {
      color: #CCCCCC;
    }
    
    #left_col .menu_heading
    {
      color: #000;
      display:block;
      letter-spacing: 1px;
      font-size: 11px;
      padding: 0  0 3px 5px;
    }
    
    #main_col {
      width: 440px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 20px;
      padding-bottom: 0px;
      clear: none;
      min-height: 100px;
      overflow: auto;
    }
    #right_col1 { 
      width: 141px;
      float: left;
      padding-top: 0px;
      padding-left: 7px;
      padding-right: 10px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    #right_col2 { 
      width: 141px;
      float: right;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 14px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #right_col1 .menu_heading,
    #right_col2 .menu_heading 
    {
      color:#fff;
      font-size:11px;
      letter-spacing: 1px;
    }
    
    #left_col ul
    {
      padding: 0;
      margin: 0;
      width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif')
    }
    
    #left_col li
    {
      margin:0;
      background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
    } 
    
    #left_col li ul
    {
      width: 146px;
      background: url('img/box_menu_trennlinie.gif') no-repeat top;
    }
    
    #left_col li li
    {
        padding-left: 16px;
    }
    #left_col li a
    {
      color: #fff;
      padding-left: 8px;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 12px;
      color: #666666;				// Textfarbe
    }
    
    hr 
    { 
        height: 0px; 
    		border: solid #006600 0px; 
    		border-top-width: 1px; 
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    {
      color: #666666;  				// Hyperlinks
    	font-family: Verdana; 
    	font-size: 10px; 
    	text-decoration: none; 
    }
    
    a:hover 
    {   
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #666666; 			 	// Hyperlinks bei login und menuepunkte
    	font-family: Tahoma; 
    	font-size: 13px; 
    	text-decoration: none; 
    }
    
    a.box:hover 
    {   
      text-decoration: none;  
    }
    
    .Chead
    {
      background: #000000;			// Schrift zb bei forum und Kalender
      color: #f8f8f8;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #DBDADA;
      color: #f8f8f8;				// überschriften
    }
    
    .Callg
    {
      background-color: #EFEFEF;
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
      background-color: #000000;
    }
    .Cmite
    {
      background-color: #000000;
    }
    .Cdark
    {
      background-color: #000000;
    }
    
    .rand
    {
      border: solid #c0c0c0 1px;
    }
    
    .smalfont 
    { 
        font-size: 10px;
    		text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #ffffff; 
    }
    hr 
    { 
        height: 0px; 
    		border: solid #6B6B6B 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #c0c0c0;  
        font: 10px Verdana;  
        border-color: #1D1D1D;		
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #EFEFEF;



    Zuletzt modifiziert von Son!c am 22.11.2007 - 17:54:01
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Sorry, aber iwie hat sich gar nichts verändert?!
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Hat niemand eine Lösung???

    Wär echt voll nett!

    LG
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Tyrargo Mitglied
    Registriert seit
    30.01.2006
    Beiträge
    5.541
    Beitragswertungen
    7 Beitragspunkte
    kann auch sein, daß du mal deinen internetcache leeren musst.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    ne...
    versuch mal
    th {
    color: white;
    }
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    wo genau muss ich das einfügen???
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    irgendwo inner style.css
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    cool hat geklappt.
    Vielen vielen dank!
    Weißt du vlt wie ich jetzt auch die farbe bei z.B. der Shoutox ändern kann? DAs die schrift nicht so hell ist und sein aufschrieb erkennt?

    THX
    LG
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    007forever Mitglied
    Registriert seit
    03.11.2007
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Kann mir niemand helden? wär echt nett!

    LG
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    textarea {
    color: black;
    }

    das ändert nur die Textfarbe von allen mehrzeiligen Eingabefeldern
    das wird eigentlich alles bei dir in der style.css definiert(wobei man bei validem css den cssblock auch schließen sollte) :
    input, textarea, select 
    {  
        color: #c0c0c0;   
        font: 10px Verdana;   
        border-color: #1D1D1D;         
          border-width: 1px; 
        border-style: solid;   
        font-weight: none;   
        text-decoration: none;   
        background-color: #EFEFEF;
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Helix28 Mitglied
    Registriert seit
    06.06.2008
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Ich glaub mein Thema hat nicht ganz etwas damit zu tun, aber ich habe zu dem design_62 keinen direkten beitrag darüber gefunden wie ich den Seitenhintergrund ändern kann ich möchte gern ein Bild im hintergrund haben aber ich weiss nicht genau wo ich das eintragen bzw. ändern kann.
    bitte um hilfe vielen dank.


    Zuletzt modifiziert von Helix28 am 17.10.2008 - 05:48:12
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    body
    {
    background-image: url('PFad zum bild');
    }


    in die style.css einfügen;)


    Zuletzt modifiziert von -GoA][-Sniper am 17.10.2008 - 07:53:06
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Helix28 Mitglied
    Registriert seit
    06.06.2008
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    ach entschuldigung fehler meinerseits es ist das Design hier aber da sehe ich in der style.css nicht durch. Design: bibomblv2red

    Auszug aus style.css:

    body {
    background-color: #575757;
    margin: 0;
    }
    .bodyspacer {
    background-image: url(../Bilder/bodyspacer.jpg);
    background-repeat: repeat-y;
    }

    wo gehört das jetzt rein ???

    und wie ich habe das jetzt mehrmals mit dem pic versucht es geht aber nicht.Meine Zeile sieht so aus :

    background-image: externer Link


    Zuletzt modifiziert von Helix28 am 17.10.2008 - 09:46:15
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    dast is ja mal komplett falsch muss so aussehen

    body
    {
    background-image: url('Bilder/blkguard_wolf_1280.jpg');
    }

    so muss es aussehen
    des dann einfach bei body hinzufügen und dan müsste es klappen


    Zuletzt modifiziert von -GoA][-Sniper am 17.10.2008 - 10:38:21
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Helix28 Mitglied
    Registriert seit
    06.06.2008
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    habs probier funktioniert nicht is egal jetzt bin froh das meine seite jetzt gut aussieht mit dem hintergrund muss ich mich nochmal irgendwann in ruhe beschäftigen
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    es reicht wenn du in css schreibst.

    body { background:url(images/background.png) fixed; }
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    youngcrip499 Mitglied
    Registriert seit
    18.06.2008
    Beiträge
    155
    Beitragswertungen
    0 Beitragspunkte
    naja er sagt seine seite passt jetzt dann soll sie passen hehe lächeln
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    und verausgesetzt sein bg heißt auch background.png
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten