ilch Forum » Allgemein » Anfragen / Angebote » Hilfe mit style.css

Geschlossen
  1. #1
    User Pic
    jonnybravo_607 Mitglied
    Registriert seit
    30.03.2009
    Beiträge
    230
    Beitragswertungen
    6 Beitragspunkte
    Hi da mir Maretz, mien Design an Ilch angepasst hat, und ich die Style.css machen wollte.
    gesperrtes Bild
    Habe ich nun wieder eine Frage.

    Wie Ihr auf meinem Bild sehen könnt sieht man im Forum "Antwort erstellen" usw nicht mehr weil es weiß ist, soweit ich aber weiß wenn ich das ändere kann man den Inhalt meiner horizontalen Boxen nicht mehr lesen weil sie schrift dann schwarz ist.

    Mien 2tes Problem ist welcher Bereich in der Style.css ist für die lastnews schriftfarbe zuständig??

    Was kann ich tun?

    Hier mal meine style.css
    Name: Sliding Login Panel with jQuery 1.3.2
    Author: Jeremie Tisseau
    Author URI: http://web-kreation.com/
    Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
    Date: March 26, 2009
    Version: 1.0
    
    	The CSS, XHTML and design is released under Creative Common License 3.0:
    	http://creativecommons.org/licenses/by-sa/3.0/
    
    */ 
    
    /***** clearfix *****/
    .clear {clear: both;height: 0;line-height: 0;}
    .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    .clearfix {height: 1%;}
    .clearfix {display: block;}
    
    /* Panel Tab/button */
    .tab {
      	background: url('SlidingLogIn/tab_b.png') repeat-x 0 0;
    	height: 42px;
    	position: relative;
        top: 0;
        z-index: 999;
    }
    
    .tab ul.login {
    	display: block;
    	position: relative;
      	float: right;
      	clear: right;
      	height: 42px;
    	width: auto;
      	font-weight: bold;
    	line-height: 42px;
    	margin: 0;
    	right: 150px;
      	color: white;
      	font-size: 80%;
    	text-align: center;
    }
    
    .tab ul.login li.left {
      	background: url('SlidingLogIn/tab_l.png') no-repeat left 0;
      	height: 42px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }
    
    .tab ul.login li.right {
      	background: url('SlidingLogIn/tab_r.png') no-repeat left 0;
      	height: 42px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }
    
    .tab ul.login li {
     	text-align: left;
      	padding: 0 6px;
    	display: block;
    	float: left;
    	height: 42px;
      	background: url('SlidingLogIn/tab_m.png') repeat-x 0 0;
    }
    
    .tab ul.login li a {
    	color: #00a2ff;
    }
    
    .tab ul.login li a:hover {
    	color: white;
    }
    
    .tab .sep {color:#414141}
    
    .tab a.open, .tab a.close {
    	height: 20px;
    	line-height: 20px !important;
    	padding-left: 30px !important;
    	cursor: pointer;
    	display: block;
    	width: 100px;
    	position: relative;
    	top: 11px;
    }
    
    .tab a.open {background: url('SlidingLogIn//bt_open.png') no-repeat left 0;}
    .tab a.close {background: url('SlidingLogIn/bt_close.png') no-repeat left 0;}
    .tab a:hover.open {background: url('SlidingLogIn//bt_open.png') no-repeat left -19px;}
    .tab a:hover.close {background: url('SlidingLogIn/bt_close.png') no-repeat left -19px;}
    
    /* sliding panel */
    #toppanel {
        position: absolute;   /*Panel will overlap  content */
        /*position: relative;*/   /*Panel will "push" the content down */
        top: 0;
        width: 100%;
        z-index: 999;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    #panel {
    	width: 100%;
    	height: 270px;
    	color: #999999;
    	background: #272727;
    	overflow: hidden;
    	position: relative;
    	z-index: 3;
    	display: none;
    }
    
    #panel h1 {
    	font-size: 1.6em;
    	padding: 5px 0 10px;
    	margin: 0;
    	color: white;
    }
    
    #panel h2{
    	font-size: 1.2em;
    	padding: 10px 0 5px;
    	margin: 0;
    	color: white;
    }
    
    #panel p {
    	margin: 5px 0;
    	padding: 0;
    }
    
    #panel a {
    	text-decoration: none;
    	color: #00a2ff;
    }
    
    #panel a:hover {
    	color: white;
    }
    
    #panel a-lost-pwd {
    	display: block;
    	float: left;
    }
    
    #panel .content {
    	width: 960px;
    	margin: 0 auto;
    	padding-top: 15px;
    	text-align: left;
    	font-size: 0.85em;
    }
    
    #panel .content .left {
    	width: 280px;
    	float: left;
    	padding: 0 15px;
    	border-left: 1px solid #333;
    }
    
    #panel .content .right {
    	border-right: 1px solid #333;
    }
    
    #panel .content form {
    	margin: 0 0 10px 0;
    }
    
    #panel .content label {
    	float: left;
    	padding-top: 8px;
    	clear: both;
    	width: 280px;
    	display: block;
    }
    
    #panel .content input.field {
    	border: 1px #1A1A1A solid;
    	background: #414141;
    	margin-right: 5px;
    	margin-top: 4px;
    	width: 200px;
    	color: white;
    	height: 16px;
    }
    
    #panel .content input:focus.field {
    	background: #545454;
    }
    
    /* BUTTONS */
    /* Login and Register buttons */
    #panel .content input.bt_login,
    #panel .content input.bt_register {
    	display: block;
    	float: left;
    	clear: left;
    	height: 24px;
    	text-align: center;
    	cursor: pointer;
    	border: none;
    	font-weight: bold;
    	margin: 10px 0;
    }
    
    #panel .content input.bt_login {
    	width: 74px;
    	background: transparent url('SlidingLogIn/bt_login.png') no-repeat 0 0;
    }
    
    #panel .content input.bt_register {
    	width: 94px;
    	color: white;
    	background: transparent url('SlidingLogIn/bt_register.png') no-repeat 0 0;
    }
    
    #panel .lost-pwd {
    	display: block;
    	float:left;
    	clear: right;
    	padding: 15px 5px 0;
    	font-size: 0.95em;
    	text-decoration: underline;
    }
    
    .a
    {
    	color: #000000;
    	
    }
    .menu
    {
    	display:block;
      
    	color: #000000;    // Menubuttonschrift
    
    	font-size: 11px;
    
    	width: 164px;
    
    	height: 23px;
    
    	text-indent: 30px;
    
    	text-decoration: none;
    
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    
    	line-height: 19px;
    
    	background-image: url('bilder/xxxxbutton.png');
    
    	background-repeat: no-repeat;
    }
    .menu:hover
    {
    	display:block;
    
    	color: #1891d4;     // menubutton m.over
    
    	font-size: 11px;
    
    	width: 164px;
    
    	height: 23px;
    
    	text-indent: 32px;
    
    	text-decoration: none;
    
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    
    	line-height: 19px;
    
    	background-image: url('bilder/xxxxxxbutton_v.gif');
    
    	background-repeat: no-repeat;
    } 
    
    .title   
    
    {
    
    	font-size: 10px;
    	font-weight: bold;
    	color: #000000;  //news ueberschrift
    
    }
    
    .login_1
    
    { 
    
        color: #000000;   // Text im login 
    	
    	background:#FFF url('bilder/login_1.gif') ;
    
    	width: 103px;
    
    	height: 17px;
    
        border-width: 0px;
    
        font-weight: normal;
    
        text-decoration: none;
    
    	text-align: center;
    
    	padding-top: 3px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma
    
    }
    
    .login_2 
    
    { 
    
        color: #000000;
    
    	background:#000000 url('bilder/login_2.gif') ;
    
    	width: 103px;
    
    	height: 15px;
    
        border-width: 0px;
    
        font-weight: normal;
    
        text-decoration: none;
    
    	text-align: center; 
    
    	padding-top: 5px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma
    
    }
    
    .login_s
    
    { 
    
        background:url('bilder/login_s.gif') ;
    
    	width:40px;
    
    	height:20px;
    
      	border-width: 0px;
    
        font-weight: normal;
    
        text-decoration: none
    
    }
    
    .btitle
    
    {
    
    	color: #000000;    // Boxen ueberschrift
    	font-weight: bold;
    	font-size:12px;
    
    }
    
    .bcontent
    
    {
    
    	margin-left: 10px;
    
    }
    
     body   
    
    { 
    
      background-color: #ffffff;    //hintergrund der seite
    
      margin-left:0px;
    
      margin-right:0px;
    
      margin-top:0px;
    
      margin-bottom:0px;
    
    }
    
    td 
    
    {
    
      font-family: Verdana; 
    
      font-size: 10px;
    
      color: #000000;    // statistk,news ueberschrift,news inhalt,shoutbox,
    
    }
    
    a
    
    { 
    
      color: #ffffff;    // hyperlinks, onlinebox
    
      font-family: Verdana; 
    
      font-size: 10px; 
    
      text-decoration: none;
    
    }
    
    a:hover 
    
    { 
    
      color: #00a2ff;   // hyperlinks m.over, onlinebox
    
      text-decoration: none;  
    
    }
    
    a.box 
    
    { 
    
      color: #000000;    //  loginbox 
    
      font-family: Verdana; 
    
      font-size: 10px;
    
      text-decoration: none;
    
     }
    
    a.box:hover 
    
    {  
    
      color: #00a2ff;   // loginbox m.over
    
      text-decoration: none;
    
    }
    
    .Chead
    
    {
    
      color: #000000;    // foren ueberschriften
    
      
    
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    
    {
    
      color: #000000;   // gallery bilderueberschrift
    
    }
    
    .Callg
    
    {
    
    	color: #000000;
    
    }
    
    .Callg td
    
    {
    
      color: 000000;
    
    }
    
    
    .Cnorm 
    
    {
    
      	color: #000000;      // downloads details
    
      	background-color: #ffffff;
    
    }
    
    .Cmite
    
    { 
    
      color:#000000;     // downloads-details-name, in news kommentaren
    
      background-color: #ffffff;
    
    }
    
    .Cdark
    
    {
    
      background-color: #ffffff;   //foren beitrag-hintergrund, letzter beitrag hintergrund
    
    }
    
    
    
    #Ballg
    
    {
    
    	color: #000000;
    
    	background-color: #000000;
    
    }
    
    #Ballg td
    
    {
    
    	color: #000000;
    
    	background-color: #000000;
    
    }
    
    .Bhead
    
    {
    
    	color: #000000;
    
    }
    
    .Bbody
    
    {
    
    	color: #000000;
    
    }
    
    
    
    .smalfont 
    
    { 
    
    	color: #000000;     // forum autordetails schriftfarbe, downloads vorschauTEXTfarbe
    
        font-size: 10px;
    
    	text-decoration: none; 
    
    }
    
    .smalfont_copyright 
    
    { 
    
    	color: #000000;
    
        font-size: 10px;
    
    	text-decoration: none; 
    
    }
    
    .border 
    
    { 
    
        background-color: #ffffff;   //forum,downloas,gallery usw. hintergrundfarbe
    
    }



    Nochmals besten Dank an Maretz

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Anfragen / Angebote

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten