ilch Forum » Ilch Clan 1.1 » Allgemein » User/Details/ Hintergrundfarbe ändern

Geschlossen
  1. #1
    User Pic
    HellBoy Mitglied
    Registriert seit
    16.10.2010
    Beiträge
    50
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen,

    Wie in der Überschrift schon zu entnehmen würd ich gern denn Hintergrund und die schriftfarbe bei der User/Detail ansicht ändern.Aber leider weiß ich nicht wo ich das ändern könnte.

    gesperrtes Bild

    Wie ihr auf dem Bild sehen könnt ist das Hauptfeld Grau und weiß und die schrift schwarz: ich hätte aber gerne das Hautfeld Schwarz wird und die schrift weiß: Die umrandungen sollen aber blau bleiben:
    Würde mich freuen wenn mir da jemand weiter helfen kann:
    Danke schonmal im vorraus
    MFG
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    Dann solltest du mal in dein templates ordner gehen und dort die style.css datei suchen. ändern und fertig.
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    HellBoy Mitglied
    Registriert seit
    16.10.2010
    Beiträge
    50
    Beitragswertungen
    0 Beitragspunkte
    Im templates ordner find ich keine style.css finde nur eine in Desings. aber da stehen soviele sachen daher weiß ich auch mit was ich da genau ändern muß.
    Hier mal die style.css

    .menu
    {
    	display:block;
    	background:url(Bilder/button.png) no-repeat;
        color: #000000;
    	font-size: 11px;
    	text-align: left;
    	line-height: 20px;
    	padding-top: 10px;
    
    
    
    }
    .menu:hover
    {
    	display:block;
    	background:url(Bilder/hbutton.png) no-repeat;
    
    	color: #236377;
    
    } 
    
    .title
    
    {
    
    	color: #236377;
    
    }
    
    .login_1
    
    { 
    
        color: #236377;
    
    	text-align: center;
    
    	
    }
    
    .login_2 
    
    { 
    
        color: #FFFFFF;
    
    	
    }
    
    
    
    .btitle
    
    {
    
    	color: #ffffff;
    	font-size: 12px;
    	
    
    }
    
     
    
    td 
    
    {
    
      color: #236377;
      font-size: 10px;
    
    }
    
    a
    
    { 
    
      color: #236377; 
    
    }
    
    a:hover 
    
    { 
    
      color: #FFFFFF;
    
    }
     
    
    a.box:active { 
        color:#1da3d7; 
        text-decoration:underline;
    
    }
    
    a.box 
    
    { 
    
      color: #666666; 
    
    
     }
    
    a.box:hover 
    
    {  
    
      color: #236377;
    
      text-decoration: none;
    
    }
    
    .Chead
    
    {
    
      background-color: #0b0b0b;
            color: #cccccc;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
      		background-image: url('Bilder/td_bg.jpg');
            background-repeat: repeat-x
    
      
    
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    
    {
    
      color: #FFFFFF;
    
    }
    
    .Callg
    
    {
    
    	color: #666666;
    
    }
    
    .Callg td
    
    {
    
      color: #666666;
    
    }
    
    
    .Cmite
    
    { 
    
      color:#ffffff;
    
      background-color: #666666;
    
    }
    
    
    #Ballg
    
    {
    
    	color: #ffffff;
    
    	background-color: #111111;
    
    }
    
    #Ballg td
    
    {
    
    	color: #666666;
    
    	background-color: #111111;
    
    }
    
    .Bhead
    
    {
    
    	color: #000000;
    
    }
    
    .Bbody
    
    {
    
    	color: #ffffff;
    
    }
    
    
    
    .smalfont 
    
    { 
    
    	color: #ffffff;
    
    	text-decoration: none; 
    
    }
    
    .smalfont_copyright 
    
    { 
    
    	color: #FFFFFF;
    
    	text-decoration: none; 
    
    }
    
    .border 
    
    { 
    
        background-color: #333333;
    
    }
    
    
    input, textarea, select
    
    { 
    
        color: #333333;
    
    	background-color: #999999;
    
        border-color: #333333;
    
        text-decoration: none;  
    
    }
    
    
    body   
    
    { 
    
            background: #151515 url(bg.png);    
      
            background-attachment:fixed;
     
            background-position:top center;
    
            background-repeat:no-repeat;
    
            margin : 0 auto;
    
    }
    #header {
    	background-image: url(img/bg1.gif);
    }
    .hmenu {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #236377;
    	font-size: 18px;
    	text-decoration: none;
    	width: 650px;
    	text-align: center;
    }
    .explode {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #236377;
    	text-decoration: none;
    }
    .boxes_right {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #666666;
    	text-decoration: none;
    }
    .boxes_right_hmenu {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #CCCCCC;
    	text-decoration: none;
    	padding-top: 10px;
    }
    .boxes_right_abstand {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #CCCCCC;
    	text-decoration: none;
    	padding-top: 6px;
    }
    .menu_botton:hover
    {
    	color:#FFFFFF;
    	font-size:14px;
    	background:url(Bilder/button.png) no-repeat;
    	display:block;
    	font-family: Arial, Helvetica, sans-serif;
    	text-decoration: none;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-bottom: 5px;
    	padding-left: 40px;
    	vertical-align: middle;
    }
    .menu_botton
    {
    	color:#FFFFFF;
    	font-size:14px;
    	background:url(Bilder/button.png) no-repeat;
    	display:block;
    	font-family: Arial, Helvetica, sans-serif;
    	text-decoration: none;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-bottom: 5px;
    	padding-left: 40px;
    	vertical-align: middle;
    }
    .menue {
    	padding-left: 13px;
    }
    
    
    select {
    	color: #236377;
    	font-weight: normal;
    	text-decoration: none;
    	padding: 2px;
    	word-spacing: 1px;
    	margin: 1px;
    	border: 1px inset #666666;
    	font-family: Verdana;
    	font-size: 12px;
    	background-image: url(http://localhost/cms/ilch/include/designs/pb_free/Bilder/pb_freetemplate_01.jpg);
    	background-position: center center;
    }
    input, textarea {
    	color: #999999;
    	font-weight: none;
    	text-decoration: none;
    	background-color: #CCCCCC;
    	padding: 2px;
    	word-spacing: 1px;
    	margin: 1px;
    	border: 1px inset #666666;
    	font-family: Verdana;
    	font-size: 12px;
    }
    
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #236377;
    }
    a.Chead
    {
    color:#FFFFFF;
    }
    
    .Callg
    {
      background-color: #EFEFEF;
            color: #0b0b0b;
    }
    
    .Callg td
    {
      color: #0b0b0b;
    }
    
    .Cnorm
    {
      background-color: #EEEEEE;
      color: #000000;
    }
    .Cmite
    {
      background-color: #D7D7D7;
      color:#0b0b0b;
    }
    .mite
    {
      background-color: #D7D7D7;
      color:#ff00dd;
    }
    .Cdark
    
    {
    
      		background-color: #0b0b0b;   //foren beitrag-hintergrund, letzter beitrag hintergrund
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
      		background-image: url('Bilder/td_bg.jpg');
            background-repeat: repeat-x
    }
    
    #Ballg
    {
            color: #0b0b0b;
    }
    #Ballg td
    {
            color: #0b0b0b;
    }
    
    .Bhead
    
    {
      background-color: #236377;
            color: #FFFFFF;
    }
    .Bbody
    {
      background-color: #236377;
            color: #0b0b0b;
    }
    
    .rand
    {
      border: 1px solid #236377;
    }
    
    
    .hmenu a.smalfont
    {
            font-size: 11px;
            text-decoration: none;
                    color:#236377;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 16px;
            height:20px;
            
    }
    a.hmenu
    {
            font-size: 11px;
            text-decoration: none;
                    color:#FFFFFF;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 10px;
            height:20px;
            
    }
    .cbg1
    {		
    		color:#666666;
            font-size: 9px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 10px;
            height:20px;
            
    }
    .deinemudda
    {		
    		color:#CCCCCC;
            font-size: 11px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;        
    }
    .smalfont
    {		
    		color:#236377;
            font-size: 10px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 10px;
            height:20px;
            
    }
    a.smalfont
    {
            font-size: 11px;
            text-decoration: none;
                    color:#666666;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 10px;
            height:20px;
            
    }
    
    a.box
    {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #236377;
    	font-size: 11px;
    }
    
    .border
    {
       background-color: #236377;
    }
    a.border
    {
       color: #FFFFFF;
    }
    
    
    
    
    .lastforum {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	padding-top: 8px;
    	text-decoration: none;
    	font-size: 11px;
    	line-height: 5px;
    }
    
    .lastbox {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #999999;
    	padding-top: 8px;
    	text-decoration: none;
    	font-size: 11px;
    	line-height: 19px;
    }
    
    .sbback 
    {
        background-color: #575757;
        color:#0b0b0b;
    }
    .sbback2 
    {
        background-color: #6b6b6b;
        color:#0b0b0b;	
    }
    
    .lastbox {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #a0a0a0;
    	padding-top: 0px;
    	text-decoration: none;
    	font-size: 11px;
    	line-height: 11px;
    }
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    Du hast zwei möglichkeiten

    1.) Du machst komplett neue CSS Variabeln. Dazu gehst du so vor

    A.) such deine template Datei zu dieser User Details. (Normal -> include/templates/user/userdetails.htm)
    B.) Öffne sie und suche nach deinen hintergrund CSS Var. (Normal -> Cmite und Cnorm)
    C.) Diese ändern z.B. in CCmite und CCnorm ab
    D.) Öffne die Design CSS Datei (Normal -> include/designs/<dein design>/style.css)
    E.) Füge diesen Code dazu
    .CCnorm
    {
      background-color: #000000;
      color: #FFFFFF;
    }
    .CCmite
    {
      background-color: #353535;
      color: #CCCCCC;
    }

    F.) Abspeichern hochladen. Fertig!

    2.) Variante 2 du änderst alles!!!

    A.) Öffne die Datei (Normal -> include/designs/<dein Design>/style.css
    B.) Such Cmite und Cnorm und ändere diese in.
    background-color: #000000;
    color: #FFFFFF;
    C.) Abspeichern und Fertig. VORSICHT ES WIRD ALLE DESIGN VORLAGEN GEÄNDERT!!!!

    Gruß

    *EDIT* Falscher Pfad.


    Zuletzt modifiziert von she am 15.11.2010 - 15:00:13
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    HellBoy Mitglied
    Registriert seit
    16.10.2010
    Beiträge
    50
    Beitragswertungen
    0 Beitragspunkte
    Da ich ja nich alle änder möchte und nur die ansicht von der user/details werd ich deinen ersten vorschlag versuchen: denn code was du da geschrieben hast was ich in die Design CSS einfügen soll wo genau so der hin?? Also ich meine damit unten drunter einfach hinzufügen oder muß der in eine bestimmte zeile??


    Zuletzt modifiziert von HellBoy am 15.11.2010 - 15:17:21
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    Einfach dazukopieren. Egal wohin es sollte aber immer nach } passieren.
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Hatte es dir doch schon fast fertig gemacht warum sagste nichts xD
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    HellBoy Mitglied
    Registriert seit
    16.10.2010
    Beiträge
    50
    Beitragswertungen
    0 Beitragspunkte
    @ whazza Danke das du es schon was fertig hast: ^^ denn leider bekomm ich es nicht hin auch mit anleitung von she denn jetzt sieht es so aus.

    gesperrtes Bild

    Hier mal die userdetails.htm orlinal

    <a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>
    <br />
    <br />
    
    <table width="100%" cellpadding="3" cellspacing="1" class="border">
      <tr class="Chead"> 
        <th colspan="3"><b>{_lang_detailsfrom} {NAME}</b></th>
      </tr><tr>
        <td class="Cmite" width="30%">{_lang_nickname}</td>
        <td class="Cnorm" width="40%">{NAME}</td>
        <td class="Cnorm" width="30%" rowspan="{rowspan}" valign="top" align="center">
    		  {AVATA}
    			<br /><br />
    			<font class="smalfont">{RANG}</font>
    		</td>
      </tr><tr>
        <td class="Cmite">{_lang_regsince}</td>
        <td class="Cnorm">{JOINED}</td>
      </tr><tr>
        <td class="Cmite">{_lang_lastactivity}</td>
        <td class="Cnorm">{LASTAK}</td>
      </tr><tr>
        <td class="Cmite">{_lang_posts2}</td>
        <td class="Cnorm">{POSTS}, {_lang_perday}: {postpday}</td>
      </tr>	
    {profilefields}
    	
    </table>
    
    <br />
    <a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>


    Hier wie ich sie geändert habe

    <a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>
    <br />
    <br />
    
    <table width="100%" cellpadding="3" cellspacing="1" class="border">
      <tr class="Chead"> 
        <th colspan="3"><b>{_lang_detailsfrom} {NAME}</b></th>
      </tr><tr>
        <td class="CCmite" width="30%">{_lang_nickname}</td>
        <td class="CCnorm" width="40%">{NAME}</td>
        <td class="CCnorm" width="30%" rowspan="{rowspan}" valign="top" align="center">
    		  {AVATA}
    			<br /><br />
    			<font class="smalfont">{RANG}</font>
    		</td>
      </tr><tr>
        <td class="CCmite">{_lang_regsince}</td>
        <td class="CCnorm">{JOINED}</td>
      </tr><tr>
        <td class="CCmite">{_lang_lastactivity}</td>
        <td class="CCnorm">{LASTAK}</td>
      </tr><tr>
        <td class="CCmite">{_lang_posts2}</td>
        <td class="CCnorm">{POSTS}, {_lang_perday}: {postpday}</td>
      </tr>	
    {profilefields}
    	
    </table>
    
    <br />
    <a href="javascript:history.back(1)"><b>&laquo;</b> {_lang_back}</a>


    Und habe noch in die style.css denn Code eingefügt wie du gesagt hast
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten