ilch Forum » Allgemein » HTML, PHP, SQL,... » css Ändern

Geschlossen
  1. #1
    User Pic
    zillo gelöschter User
    hallöchen ich wiede mal habe für mein Design das css von mar_EterG genommen
    nun meine Frage wie bekome ich die schwarzen balken aus den news?
    wenn du jetzt auf » ganzen Artikel lesen « klickst und schaust auf die überschrift dann siehst du die zwei balken

    hier die css

    style.css
    /* Codierung by Maretz.eu - Free Ilch Clan und Community Templates */
    #full
    {
      width: 1038px; 
      border: none;
    } 
    body   
    { 
      background-color: #000000;
      background-image: url('images/bg.jpg') ;	
      background-attachment:fixed;
      background-position: 50% 0%;
      background-repeat:no-repeat;
      margin:0; 
      padding:0;
    }
    #img_2
    {
      background-image: url(images/info_kop.png);
      float: center;
      width: 1038px;
      height: 209px; 
      border: none;
    }
    #img_1
    {
      background-image: url(images/head_kop.png);
      float: center;
      width: 1038px;
      height: 143px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #D3D3D3; 
      border: none;
    }
    #loginpanel
    {
      position:relative; 
      top: 11px;
      right: 35px;
      float: right;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #D3D3D3;	
    } 
    #statistikpanel
    {
      position:relative; 
      top: 28px;
      left: 35px;
      float: left;
      z-index:1;	
    } 
    #buttons
    {
      position:relative; 
      width: 695px;
      height: 41px; 
      top: 20px;
      left: 20px;
      float: left;
      max-width: 695px;
      max-height: 41px;
      font-size: 10px;
      color: #A0A0A0;
      overflow: hidden;	
    } 
    #mediabox
    {
      position:relative; 
      width: 298px;
      height: 180px; 
      top: 22px;
      left: 24px;
      float: left;
      max-width: 298px;
      max-height: 180px;
      overflow: hidden;	
    }
    #forumbox
    {
      position:relative; 
      width: 691px;
      height: 0px; 
      top: -90px;
      left: 22px;
      float: left;
      z-index: 1;	
    }
    #partnerbanner
    {
      position:relative; 
      width: 995px;
      height: 50px; 
      top: 14px;
      left: 80px;
      float: left;	
    }
    #content-bg {
      background: url(images/bg_site.png);
      background-repeat: repeat;
      width: 1038px;
      border: none;
    }
    #left_col {
      width: 212px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #A0A0A0;
      overflow: hidden;
    }
    #menuleftmiddle {
      background: url(images/middle_left.png);
      background-repeat: repeat-y;
      align="top" 
      width: 212px;
      border: none;
    }
    #menuleftbottom {
      background: url(images/bottom_left.png);
      background-repeat: no-repeat;
      float: left;
      align: top;
      width: 212px;
      height: 4px; 
      border: none;
    }
    #right_col {
      width: 210px;
      float: right;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      color: #A0A0A0;
      overflow: hidden;
    }
    #menurightmiddle {
      background: url(images/middle_right.png);
      background-repeat: repeat-y;
      width: 210px;
      float: left;
      border: none;
    }
    #menurightbottom {
      background: url(images/bottom_right.png);
      background-repeat: no-repeat;
      width: 210px;
      height: 4px; 
      float: left;
      border: none;
    }
    #menu_heading_left
    {
      background: url(images/top_left.png);
      width: 212px; 
      height: 29px; 
      color: #A0A0A0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      float: left;
    }
    #menu_heading_left_font
    {
      display:block;
      color: #20364C;
      font-family: Gears Of Peace, Arial;
      font-size:0.8em;
      font-weight: normal;
      text-transform: uppercase;
      text-shadow: 1px 1px 0 #2D2D2D;
      float: left;
      padding-top: 11px;
      padding-left: 27px;
    }
    #menu_heading_right
    {
      background: url(images/top_right.png);
      width: 210px; 
      height: 29px; 
      color: #A0A0A0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      float: left;
      margin-left: 0px;
    }
    #menu_heading_right_font
    {
      display:block;
      color: #20364C;
      font-family: Gears Of Peace, Arial;
      font-size:0.8em;
      font-weight: normal;
      text-transform: uppercase;
      text-shadow: 1px 1px 0 #2D2D2D;
      float: right;
      padding-top: 11px;
      padding-right: 26px;
    }
    #main_col {
      background-repeat: repeat-y;
      width: 616px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      clear: none;
      color: #A0A0A0;
      text-align:left;
      font-size: 12px;
      font-family: Verdana,Arial;
      overflow: auto;
    }
    #main_col-forum {
      background-repeat: repeat-y;
      width: 826px;
      float: left;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      clear: none;
      color: #A0A0A0;
      text-align:left;
      font-size: 12px;
      font-family: Verdana,Arial;
      overflow: auto;
    }
    #main_colin
    {
      width: 607px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 4px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 12px;
      color: #A0A0A0;
      max-width:607px;
      overflow: hidden;	
    }
    #main_colin-forum
    {
      width: 798px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 23px;
      padding-bottom: 0px;
      font-family: Verdana, Arial;
      font-size: 12px;
      color: #A0A0A0;
      max-width:798px;
      overflow: hidden;	
    }
    #head_content
    {
      position:relative;
      top: 0px;
      left:0px;
      float: left;
      background-image: url(images/content_top.png);
      width: 616px; 
      height: 29px; 
      border: none;
    }
    #head_content_forum
    {
      position:relative;
      top: 0px;
      left:0px;
      float: left;
      width: 826px; 
      height: 29px; 
      border: none;
    }
    #foot
    {
      width: 616px; 
      height: 4px; 
      float: right;
      border: none;
    }
    #foot-forum
    {
      width: 826px; 
      height: 4px; 
      float: right;
      border: none;
    }
    #tophmenu
    {
                   position:relative;
                    width: 580px;
                    height: 15px;  
                    top: 6px;
                    left: 30px;
                    float: left;
                    max-width: 580px;
                    max-height: 15px;
                    overflow: hidden;	
    }
    #tophmenu-forum
    {
                   position:relative;
                    width: 770px;
                    height: 15px;  
                    top: 6px;
                    left: 30px;
                    float: left;
                    max-width: 770px;
                    max-height: 15px;
                    overflow: hidden;	
    }
    .menuone
    {
      width: 184px;
      float: left;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 3px;
      padding-bottom: 0px;
      color: #A0A0A0;
      max-width: 184px;
      overflow: hidden;	
    }
    .menutwo
    {
      width: 184px;
      float: left;
      padding-top: 0px;
      padding-left: 3px;
      padding-right: 23px;
      padding-bottom: 0px;
      color: #A0A0A0;
      max-width: 184px;
      overflow: hidden;	
    }
    .showbox
    {
    z-index:-1;	
    }
    .a
    {
    	color: #1871d4;
    	
    }
    .menu
    {
    	display:block;
    
                 float: center;
      
    	color: #4d4e51;    
    
    	font-size: 12px;
    
    	width: 184px;
    
    	height: 24px;
     
            text-align:center;
    
    	text-decoration: none;
    
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    
                 font-weight:bold;
    
    	line-height: 23px;
    
    	background-image: url('buttons/menu_normal.png');
    
    	background-repeat: no-repeat;
    }
    .menu:hover
    {
    	display:block;
    
                 float: center;
    
    	color: #16bdec;     
    
    	font-size: 12px;
    
    	width: 184px;
    
    	height: 24px;
    
            text-align:center;
    
    	text-decoration: none;
    
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    
                 font-weight:bold;
    
    	line-height: 20px;
        
    	background-image: url('buttons/menu_over.png');
    
    	background-repeat: no-repeat;
    } 
    .title   
    {
    
    	font-size: 16px;
            font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-weight: bold;
    	color: #16bdec;  
    
    }
    
    .bcontent
    
    {
    
    	margin-left: 10px;
    
    }
    
    td 
    
    {
    
      font-family: Verdana; 
    
      font-size: 11px;
    
      color: #4d4e51;   
    
    }
    
    a
    
    { 
    
      color: #75767A;   
    
      font-family: Verdana; 
    
      font-size: 11px; 
    
      text-decoration: none;
    
    }
    
    a:hover 
    
    { 
    
      color: #16bdec;  
    
      text-decoration: none;  
    
    }
    
    a.box 
    
    { 
    
      color: #D3D3D3;    
    
      font-family: Verdana; 
    
      font-size: 11px;
    
      text-decoration: none;
    
     }
    
    a.box:hover 
    
    {  
    
      color: #16bdec;   
    
      text-decoration: none;
    
    }
    
    .Chead
    
    {
    
       		background-color: #0a1118;
            color: #4d4e51;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
      		background-image: url('bilder/forenhead.jpg');
            background-repeat: repeat-x  
    
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    
    {
    
      color: #4d4e51;   // gallery bilderueberschrift
    
    }
    
    .Callg
    
    {
    
    	color: #ff0000;
    
    }
    
    .Callg td
    
    {
    
      color: ff0000;
    
    }
    
    
    .Cnorm 
    
    {
    
    	background-color: #ffffff;                      
      	color: #4d4e51;
    
    }
    
    .Cmite
    
    { 
    
      	background-color: #ffffff;			
      	color:#4d4e51;
    
    }
    .mite
    {
      background-color: #131313;
      color:#4d4e51;
    }
    .Cdark
    
    {
    
      		background-color: #0e0f0e;   
            color: #3F3F3F;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
      		background-repeat: repeat-x
    }
    
    
    
    #Ballg
    
    {
    
    	color: #FF0000;
    
    	background-color: #ff0000;
    
    }
    
    #Ballg td
    
    {
    
    	color: #ff0000;
    
    	background-color: #ff0000;
    
    }
    
    .Bhead
    
    {
    
    	color: #ff0000;
    
    }
    
    .Bbody
    
    {
    
    	color: #ff0000;
    
    }
    
    
    
    .smalfont 
    
    { 
    
    	color: #4d4e51;     
    
        font-size: 10px;
    
    	text-decoration: none; 
    
    }
    
    .smalfont_copyright 
    
    { 
    
    	color: #16bdec;
    
        font-size: 11px;
    
    	text-decoration: none; 
    
    }
    .dltext
    
    { 
    
    	color: #4d4e51;     
    
        font-size: 11px;
    
    	text-decoration: none; 
    
    }
    .downloads
    {
            background-color: #0e0f0e;
            color: #16bdec;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
      		background-image: url('bilder/td_bg2.jpg');
            background-repeat: repeat-x
    }
    
    .border 
    {
    
       background-color: #2f2f2f;   
    }
    a.border
    {
       color: #0A0A0A;
    }
    .rand
    {
      border: 1px solid #2f2f2f;
    
    }
    
    hr 
    
    { 
    height: 1px;
                    border: solid #2f2f2f 1px;
                    border-top-width: 1px;
    				width: 100%;
    }
    
    input, textarea, select
    
    { 
    
        color: #2f2f2f;
    
    	background-color: #E0E0E0;
    
        font: 11px  Verdana;  
    
        border-color: #0a1118;
    
      	border-width: 1px;
    
        border-style: double;  
    
        font-weight: normal;  
    
        text-decoration: none;  
    
    }
    
    #menu {}
    
    #menu ul { padding-left: 10px; margin-left: 10px; }
    
    #smallmenu { }
    
    #smallmenu li { font-size: 11px; }
    
    #smallmenu a { font-size: 11px; }
    
    
    .sbback 
    {
        background-color: #575757;
        color:#0b0b0b;
    }
    .sbback2 
    {
        background-color: #6b6b6b;
        color:#0b0b0b;	
    }
    .content  
    {
    	font-size: 11px;
    	font-weight: bold;
    	color: #A0A0A0;  	
    }
    legend
    {
    font-size: 12px;
    font-weight: normal;
    color: #A0A0A0;
    }
    fieldset
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    input
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    textarea
    {
    overflow: auto;
    border: 1px solid #A0A0A0;
    }
    a.forumtitle    { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
    a.forumtitle:link    { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
    a.forumtitle:visited { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
    a.forumtitle:hover   { color:#16bdec; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
    a.forumtitle:active  { color:#ffffff; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;}
    a.foruminfo   { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
    a.foruminfo:link    { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
    a.foruminfo:visited { color:#4d4e51; font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
    a.foruminfo:hover   { color:#16bdec; font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
    a.foruminfo:active  { color:#ffffff; font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
    .stat_font  
    {
    
    	font-size: 12px;
                 font-family: Verdana;Arial,
    	font-weight: bold;
    	color: #9B9CA0;  
    }
    .lang_font  
    {
    
    	font-size: 11px;
                 font-family: Verdana;Arial,
    	font-weight: normal;
    	color: #4d4e51;  
    }
    .hmenustyle    { color:#4d4e51; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
    a.forumbox    { color:#4d4e51; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
    a.forumbox:link    { color:#4d4e51; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
    a.forumbox:visited { color:#4d4e51; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
    a.forumbox:hover   { color:#16bdec; font-family: Arial, Verdana; font-size: 12px; font-weight: bold;}
    .newstext
    {
            color: #4d4e51;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            padding-left: 10px; 
            margin-left: 10px;
            padding-right: 10px; 
            margin-right: 10px;
      		background-repeat: repeat-y
    }
    .newsfootfont    { color:#16bdec; font-family: Arial, Verdana; font-size: 10px; font-weight: bold;}
    a.newsfootfont    { color:#16bdec; font-family: Arial, Verdana; font-size: 10px; font-weight: bold;}
    a.newsfootfont:link    { color:#16bdec; font-family: Arial, Verdana; font-size: 10px; font-weight: bold;}
    a.newsfootfont:visited    { color:#16bdec; font-family: Arial, Verdana; font-size: 10px; font-weight: bold; text-decoration:underline;}
    a.newsfootfont:hover    { color:#4d4e51; font-family: Arial, Verdana; font-size: 10px; font-weight: bold; text-decoration:underline;}


    die scharzen bilder habe ich schon rausgenommen komme aber ne weiter.

    DANKE schon mal für eure hilfe(als dank kannst du dir ein kostenlosen werbe platz sichern für 3 monate)


    verwendete ilchClan Version: 1.1 O

    betroffene Homepage: facecomnews.de.to/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Hallo.

    In der CSS wird dies nicht ausgegeben.
    Den schwarzen (gepunkteten) Balken in den News entfernst du in der news.htm . ( include/templates)

    Zeile 3

      <hr style="height: 0px; border: dotted #000000 0px; border-top-width: 1px; " />


    Mfg Maretz

    Edit:

    Den Hintergrund von dem Titel und der Nachricht in der erweitereten Ansicht kannst du ebenfalls in der news.htm ändern ab Zeile 37. (Name / lang_message)
    Dabei einfach die class umbenennen und eigens welche erstellen in der css.
    Die angegebenen werden von weiteren Komponenten des CMS genutzt. ( Forum ect. ) Oder auch dieses in der css entsprechend anpassen.
    Eine Auflistung findest du unter > externer Link (Welcher Eintrag in der css ...... )


    Zuletzt modifiziert von Maretz am 11.09.2013 - 18:45:08
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    zillo gelöschter User
    ne die hier wo die schriften drine sind.

    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Siehe Edit im oberen Post.
    Css class Werte .Chead für den Titel und .Cdark für das Wort Nachricht.Diese in der CSS vom Design nach den eigenen Vorstellungen anpassen.
    Die Änderungen wirken sich allerdings auch auf weitere Bereiche der Seite aus, wie u.a. dem Forum, dem Kalender, Useransicht usw.

    Mfg maretz
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    zillo gelöschter User
    danke für deine antwort. Ich schau mal wie weit ich es hinbekomme
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten