ilch Forum » Ilch Clan 1.1 » Design und Templates » CSS Classes

Geschlossen
  1. #1
    User Pic
    Fasty Mitglied
    Registriert seit
    01.01.2008
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag,
    Ich habe ein eigenes Design entworfen und möchte nun mithilfe der Standart style.css des Ilch Designs mein eigenes Anpassen.

    Da ich mich noch nicht so gut auskenne sind mir manche Klassen (.Cdark etc.) welche bereits im Ilch Script integriert sind unbekannt.

    Wäre nett wenn jemand die Standart Classen des Scripts auflisten könnte und ggf. auch deren visuellen Auswirkungen kurz erklärt.

    MFG Fasty


    verwendete ilchClan Version: 1.1 N
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Für Navigation, Links und allgemeiner Body-Tag
    .menu:link, .menu:visited, .menu:active
    {
        display: block;
        color: #000000;
        font-size: 11px;
        background: url(img/button.png);
        width: 220px;
        height: 25px;
        text-indent: 20px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        line-height: 20px;
    }
    .menu:hover 
    {
        display: block;
        color: #000000;
        font-size: 11px;
        background: url(img/buttonh.png);
        width: 220px;
        height: 25px;
        text-indent: 20px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        line-height: 20px;
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
    {
      color: #333333;
    	font-family: Verdana;
    	font-size: 11px;
    	text-decoration: underline;
    }
    
    a:hover
    {
      text-decoration: none;
    }
    
    body {
      margin: 0px;
      background-color: #c9c9c9;
      background-image: url(img/sitebg.png);
      text-align: center;
      font-size: 12px;
      font-family:	Verdana, sans-serif, default;
    }


    Für Hintergrundfarben der tabellen, Inputs, ...
    probier einfach ein bisschen rum was genau wo greift. kannst ja nix kaputt machen...
    .Cnorm
    {
      background-color: #f2f2f2;
    }
    .Cmite
    {
      background-color: #d4d3d3;
    }
    .Cdark
    {
      background-color: #c2c2c2;
    }
    
    .rand
    {
      border: solid #185685 1px;
    }
    
    .smalfont
    {
        font-size: 10px;
    		text-decoration: none;
    }
    
    .border
    {
       background-color: #000000;
    }
    hr
    {
        height: 0px;
    		border: solid #aaaaaa 0px;
    		border-top-width: 1px;
    }
    
    input, textarea, select
    {
        color: #000000;
        font: 12px Verdana;
        border-color: #000000;
      	border-width: 1px;
        border-style: solid;
        font-weight: none;
        text-decoration: none;
        background-image: url(img/inputbg.png);
    }
    .Chead
    {
      background: #aaaaaa;
      color: #333333;
    }
    
    .Chead a
    {
      color: #333333;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #aaaaaa;
      color: #333333;
    }
    a, .Cmite a, .Cdark a
    {
      color: #555555;
    	font-family: Verdana;
    	font-size: 11px;
    	text-decoration: underline;
    }
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    du kannst auch einfach "background-color: #FF0000;" schreiben und schauen, was rot geworden ist.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Fasty Mitglied
    Registriert seit
    01.01.2008
    Beiträge
    39
    Beitragswertungen
    0 Beitragspunkte
    thx close
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten