webspell farben....

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Technolord, 18. September 2007 .

Schlagworte:
  1. 18. September 2007
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    hi leute
    bin leider totaler noob, daher bitte ich hier um hilfe! die page ist soweit fertig, doch passt der content mit seinen farben vom webspell4.0 kit leider nicht ganz so ins design. daher wollte ich dort selber etwas hand anlegen. hier der code aus dem kit unter der rubrik styles!

    https://www0.xup.in/exec/ximg.php?fid=93457574/

    Code:
    body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
    
     scrollbar-base-color:#cccccc;
     scrollbar-3dlight-color:#333333;
     scrollbar-arrow-color:#333333;
     scrollbar-darkshadow-color:#333333;
     scrollbar-face-color:#cccccc;
     scrollbar-highlight-color#cccccc;
     scrollbar-shadow-color:#cccccc;
     scrollbar-track-color:#cccccc; 
    }
    
    table {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #000000;
    }
    h2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #000000;
     text-transform: uppercase;
     font-weight: bold;
    }
    
    .small { 
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 9px; 
     color: #000000;
    }
    
    .title {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #000000;
     font-weight: bold;
     background-image: url(images/title_bg.gif);
     background-repeat: repeat;
     background-position: left top;
    }
    
    .category_big { 
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px; 
     color: #000000; 
     font-weight: bold; 
    }
    
    .category { 
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px; 
     color: #000000; 
     font-weight: normal; 
    }
    
    .marked {
     background-color: #000000;
     font-weight: bold;
    }
    
    a, a:visited, a:active {
     color: #333333;
     text-decoration: none;
     font-weight: normal;
    }
    
    a:hover {
     color: #000000;
     text-decoration: underline;
     font-weight: normal;
    }
    
    a.titlelink, a.titlelink:visited, a.titlelink:active {
     color: #333333;
     text-decoration: none;
     font-weight: bold;
    }
    
    a.titlelink:hover {
     color: #000000;
     text-decoration: underline;
     font-weight: bold;
    }
    
    a.category, a.category:visited, a.category:active {
     color: #333333;
     text-decoration: none;
    }
    
    a.category:hover {
     color: #000000;
     text-decoration: underline;
    }
    
    option, textarea, input, select, file { 
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     font-size: 10px; 
     color: #000000; 
     background-color: #FFFFFF; 
     border: 1px solid #333333;
    }
    
    .footer {color: #FFFFFF
     size: 10px
     }
     
    .form_off { 
     color: #666666; 
     background-color: #DCDCDC; 
     border: 1px solid #666666;
    }
    
    .form_on { 
     color: #000000; 
     background-color: #EEEEEE; 
     border: 1px solid #000000;
    }
    
    .form_username {
     background-color: #eeeeee;
     border: 1px solid #333333;
     background-image: url(images/username.gif);
     background-repeat: no-repeat;
     background-position: left top;
    }
    
    .form_password {
     background-color: #eeeeee;
     border: 1px solid #333333;
     background-image: url(images/password.gif);
     background-repeat: no-repeat;
     background-position: left top;
    }
    
    .form_name {
     background-color: #eeeeee;
     border: 1px solid #333333;
     background-image: url(images/name.gif);
     background-repeat: no-repeat;
     background-position: left top;
    }
    
    .form_text {
     background-color: #eeeeee;
     border: 1px solid #333333;
     background-image: url(images/message.gif);
     background-repeat: no-repeat;
     background-position: left top;
    }
    
    .input { 
     background-color: transparent; 
     border: 1px none; 
     margin-top: 0px;
     margin-bottom: 0px;
    }
    
    ich möchte also quasi, dass die farbe der schrift weiß wird, der hintergrund aber eher schwarz. vlt nur so weiße oder graue umrahmung. ich bräuchte also quasi so eine tabelle wo die werte für die farben drin stehen.
    gibt es sonst noch was zu beachten?
    mfg technolord
     
  2. 18. September 2007
    AW: webspell farben....

    Sers

    wenn es um die farben geht die sind im html code.
    Eine Tabelle zu den farben findest du hier.
    Damit kannst du experimentieren und gucken was am besten zum design passen würde, aber pass immer auf welche zeile du veränderst.
    Es kann sein, dass du dann eine Farbe hast, die wo anders kaum zu erkennen ist
     
  3. 18. September 2007
    AW: webspell farben....

    Das kannst du doch ganz bequem per admincenter.php?site=styles machen. Da sollte so etwas in der Art stehen:

    {bild-down: http://www.imagepot.in/images/2313/tabelle.jpg}


    Da steht ja auch genau erklärt was was ist etc.

    Dann kannst du dir noch die HTML Farbtabelle zur Hand nehmen und es auf deine Bedürfnisse einstellen.
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.