ilch Forum » Ilch Clan 1.1 » Design und Templates » Text Farbe im Forum ändern

Geschlossen
  1. #1
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Hallo, ich würde gerne die Textfarbe im Forum ändern.Um genau zu sein es soll die Textfarbe der einzelnen Threads geändert werden. Ich pack jetzt einfach mal die Style.css rein in der hoffnung das es richtig ist.


    body   
    { 
      background: #dddddd url(images/bg2.jpg); background-attachment:fixed;
      background-position:top center;
      background-repeat:no-repeat;
      margin : 0 auto;
    }
    div#fadeshow1{
      z-index: 50;
      position: absolute;
    }
    
    table.maintable_top {
      background:none;
      margin: auto; width: 1031px;
    }
    table.maintable {
      background: url(images/bg.png) repeat-y;
      margin: auto; width: 1031px;
    }
    table.maintable_con1 {
      background: url(images/con_1.png) repeat-y;
      margin: auto; width: 1031px; height: 90px;
    }
    table.maintable_con2 {
      background: url(images/con_2.png) repeat-y;
      margin: auto; width: 1031px; height: 290px;
    }
    table.maintable2 {
      margin: auto; 
      width: 100%;
      height: 37px;
      background:#2c3134 url(images/footer1.jpg) repeat-x;
    }
    table.maintable3 {
      margin: auto; 
      width: 100%;
      background:#36393d url(images/footer2.jpg) repeat-x;
    }
    table.maintable4 {
      margin: auto; 
      width: 100%;
      height: 69px;
      background:#121213 url(images/footer3.jpg) repeat-x;
    }
    
    .clr {
    	clear: both;
    }
    .abg
    {
    }
    .login { 
        color: #a7a7a7; 
      font-family: arial; 
      font-size: 12px;
      text-align:left;
    }
    .login input { 
      color: #a7a7a7; 
      background:transparent url(images/input_login.png) no-repeat; 
      font-family: arial; 
      font-size: 12px;
      text-align:left;
      height:23px; 
      width:119px; 
      border:none; 
    }
    #login { 
      float:right;
      padding-right:20px;
      padding-top:4px;
      font-size: 14px;
    }
    #login a{ 
      color: #a7a7a7; 
      font-family: arial; 
      font-size: 14px;
      padding-left:5px;
      text-align:left;
    }
    #login a:hover {  
      color: #0096ff;
      text-decoration: none;
    }
    #search { 
      float:right;
      font-size: 11px;
    }
    .search_field {
      height:24px; 
      width:173px; 
      border:none; 
      background:transparent url(images/search_input.png) no-repeat; 
      float:left; 
      color:#6b6a6a; 
      font-size:11px; 
      padding:1px 0px 3px 6px;
    }
    .search_button {
      height:24px; 
      width:33px; 
      border:none; 
      background:transparent url(images/search_button.png) no-repeat; 
      float:left; 
    
    }
    #topmenu  {
    float:left;
    white-space: nowrap;
    height: 58px;
    margin:0 auto;
    text-align: center;
    padding-left:20px;
    }
    
    #topmenu a {
    	font-family: arial, sans-serif;
    	font-size: 14px;
    	float: left;
    	display: block;
    	height: 58px;
    	line-height: 58px;
    	width:100px;
    	padding: 0 0px 0px 0px;
    	color: #ffffff;
    	text-decoration: none;
    	text-transform:uppercase;
    	font-weight: normal;
    	background-image: url(images/button.jpg);
    	background-repeat:no-repeat;
    	background-position:top left;
    }
    
    #topmenu a:hover {
    	color: #ffffff;
    	text-decoration: none;
    	font-weight: normal;
    	background-image: url(images/button2.jpg);
    	background-repeat:no-repeat;
    	background-position:top left;
    	
    }
    td 
    {
      color: #575755;
      font-family: arial; 
      font-size: 14px;
      text-align: center;
    }
    
    a 
    { 
      color: #33363b; 
      font-family: arial; 
      font-size: 14px; 
      text-decoration: none;
    }
    
    a:hover 
    { 
      color: #626262;
      text-decoration: none;
    }
    h2 {
    	padding-left: 15px;
    	font-family: verdana;
    	font-size: 13px;
    	vertical-align: middle;
    	color: #626262;
    	text-align: left;
    	font-weight: bold;
    }
    a.box 
    { 
      color: #404040; 
      font-family: arial; 
      font-size: 14px;
      text-align:left;
      float:left;
      padding-left:5px;
    }
    a.box:hover 
    {  
      color: #0195FF;
      text-decoration: none;
    }
    
    .shoutbox{
      font-family: arial; 
      font-size: 12px;
      text-align:left;
      margin:0 auto;
    }
    .Chead
    {
      background-color: #ffffff;
      color: #1E1E1E;
      background-image :  url(images/head2.jpg);
      background-repeat :  repeat-x;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #33363B;
      text-align: left;
    }
    
    .Callg
    {
    	color: #33363b;
    	text-align: left;
    
    }
    
    .Callg td
    {
      color: #838380;
      text-align: left;
    }
    
    .Cnorm 
    {
      background-color: #E8E8E3;
    }
    
    .Cmite
    {
      background-color: #F1F1EB;
    }
    .Cdark
    {
      background-color: #ffffff;
      background-image :  url(images/head.jpg);
      background-repeat :  repeat-x;
    }
    
    .Bhead
    {
    	color: #EEA200;
    	text-align: left;
    	padding-bottom:11px;
    }
    
    .navi_re
    {
    width:180px;
    text-align:left;
    padding-left:2px;
    padding-right:2px;
    font-family: arial; 
    font-size: 14px;
    color: #f3f3f3;
    }
    
    .navtop_re
    {
    	color: #ffffff;
    	text-align: left;
    	font-family: arial; 
        font-size: 14px;
    	font-weight: bold;
    	text-indent:15px;
        padding-bottom:15px;
    }
    
    .smalfont 
    { 
        color: #0F7695;
        font-size: 10px;
    	text-decoration: none;
    
    }
    
    .border 
    { 
        background-color: #A5B0B4;
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #6B6B6B;  
        font: 14px arial;  
        border-color: #A5B0B4;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;
        background-color:#D9D9D4;
    }
    #log { 
    text-align:left;		
    }
    
    #copy { 
            margin:0 auto;
    		list-style:none;
    		padding-left:25px;
    		padding-top:20px;
    		color: #666666;
            text-align: left;
    		font: 14px arial;
    }
    #copy a{ 
    		color: #666666;
    		font: 14px arial;
    }
    #copy a:hover{ 
    		color: #0096ff;
    		font: 14px arial;
    }
    #copy_menu { 
            margin:0 auto;
    		list-style:none;
    		padding-left:5px;
    		padding-top:5px;
    		color: #666666;
            text-align: left;
    		font: 14px arial;
    }
    #copy_menu  a{ 
    		color: #0096ff;
    		font: 14px arial;
    }
    #copy_menu  a:hover{ 
    		color: #666666;
    		font: 14px arial;
    }
    
    #menu_re {
            color: #4F4F4F;
    		}
    #menu_re ul { 
            padding-left: 0px; 
    		margin: 0 auto; 
    		list-style:none;
    }
    
    #menu_re li a {
        display		        : block;
    	width				: 170px;
    	line-height			: 27px;
    	height		    	: 27px;
    	font-size			: 12px;
    	color				: #FF8000;
    	font-weight			: normal;
    	background			: url(images/navlink.jpg) no-repeat;
    	text-indent			: 35px;
    }
    #menu_re li a:hover {
    	color				: #43A4FE;
    	text-indent			: 35px;
    	background-position	: 0 -27px;
    	font-weight			: normal;
    }
    #smallmenu { }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }
    
    #sub-nav {
    	margin: 0 auto;
    	padding-top: 0px;
    	width: 1031px;
    	text-align:left;
    }
    
    #sub-navigation {
    	margin: 0 auto;
    	padding-top: 10px;
    	width: 1031px;
    	text-align:left;
    }
    
    #column1 {
    	width: 230px;
    	float: left;
    	padding-left: 10px;
    	padding-right: 10px;
    	color:#a7a7a7
    }	
    #column1 a{ 
    		color: #a7a7a7;
    		font: 14px arial;
    }
    #column1 a:hover{ 
    		color: #0096ff;
    		font: 14px arial;
    }
    
    #column2 {
    	width: 230px;
    	float: left;
    	padding-left: 10px;
    	padding-right: 10px;
    	color:#a7a7a7
    }
    #column2 a{ 
    		color: #a7a7a7;
    		font: 14px arial;
    }
    #column2 a:hover{ 
    		color: #0096ff;
    		font: 14px arial;
    }
    #column3 {
    	width: 230px;
    	float: left;
    	padding-left: 10px;
    	padding-right: 10px;
    	color:#a7a7a7
    }
    #column3 a{ 
    		color: #a7a7a7;
    		font: 14px arial;
    }
    #column3 a:hover{ 
    		color: #0096ff;
    		font: 14px arial;
    }
    #column4 {
    	width: 230px;
    	float: left;
    	padding-left: 10px;
    	color:#a7a7a7
    }
    #column4 a{ 
    		color: #a7a7a7;
    		font: 14px arial;
    }
    #column4 a:hover{ 
    		color: #0096ff;
    		font: 14px arial;
    }



    verwendete ilch Version: 1.1 P

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Schau mal hier

    Nachtrag:
    Habe eben gemerkt, dass es vielleicht nicht ganz das ist, was Du suchst.
    Also wenn Du die Schriftfarbe der Posts ändern möchtest, könntest Du z.Bsp. in der showpost.htm die Zeile, wo der Text ausgegeben wird, folgendermaßen erweitern:

    Diese Zeile
    {txt}

    ändern in
    <span style="color:#00FF00">{txt}</span>

    Das wäre jetzt grün, die Farbe mußt Du freilich selbst bestimmen.


    Zuletzt modifiziert von Outi77 am 04.11.2013 - 13:26:14
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Perfekt das hab ich auch gesucht. Was ich eigentlich ändern wollte wäre das wie auf dem Bild zu sehengesperrtes Bild
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Hierfür änderst Du in der showforum.htm die Zeilen mit {name} und / oder {besch} entsprechend der Vorlage aus meinem ersten Post zwinker
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Leider gibt es {name} und/oder {besch} nicht.
    <br />
    
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td width="60%">{SITELINK}</td>
        <td width="40%" align="right">{ANTWORTEN}</td>
      </tr>
    </table>
    <table width="100%" border="0" cellspacing="1" cellpadding="2" class="border">
      <tr class="Chead"> 
        <th colspan="2" height="30"><b>{TOPICNAME}</b></td>
      </tr>
    	{EXPLODE}
      <tr class="{class}"> 
        <td width="20%" valign="top"><a name="{id}"></a>{erst}<br /><font class="smalfont">{rang}{avatar}{posts}</font></td>
        <td width="80%" valign="top">
    		  <div style="float: left; width:50%;" class="smalfont"><a class="smallfont" href="index.php?forum-showposts-{TID}#{id}" title="{i}. Post in diesem Thema">#</a>&nbsp;{date}</div>
          <div style="float: right; width: 50%; text-align:right;">{delete} &nbsp; {change} &nbsp; <a href="index.php?forum-newpost-{TID}-z{id}">{_lang_quote}</a></div>
          <br />
          <hr />      
    			<br />
    									
    									<span style="color:#010101">{txt}</span>
    					        {sig}
    
    		</td>
      </tr>
      <tr> 
        <td colspan="2" class="Cdark" height="10"></td>
      </tr>
    	{EXPLODE}
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td width="60%">{SITELINK}</td>
        <td width="40%" align="right">{ANTWORTEN}</td>
      </tr>
    </table>
    {EXPLODE}
    <br />
    <strong>{_lang_administrattopic}</strong><br />
    <a href="javascript:renametopic()">{_lang_rename}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-2">{_lang_delete}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-3">{_lang_shift}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-4-2">{status}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-5">{festnorm}</a>
    
    <script language="JavaScript" type="text/javascript">
    <!--
      function renametopic () {
    	  var x = prompt ( "Bitte den neuen Namen vom Thema eintragen" , "" );
    		if ( x ) {
    		  document.location.href="index.php?forum-edittopic-{tid}-1=0&newTopic="+x;
    		}
    	}
    	
    //-->
    </script>
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    ZitatZitat geschrieben von Outi77
    Hierfür änderst Du in der showforum.htm die Zeilen mit {name} und / oder {besch} entsprechend der Vorlage aus meinem ersten Post zwinker

    Wer lesen kann, ist klar im Vorteil zwinker
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Ok verstanden habe ich es aber er ändert nichts. Ich lass es mal so, mir wurde mit dem dunklen Text im Forum schon geholfen


    Danke
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Also nochmal langsam:
    Die Schriftfarbe für die Posts hast Du in der showpost.htm geändert.
    Um jetzt das Selbe fürs Forum umzusetzen, mußt Du natürlich auch in der entsprechenden htm suchen, in diesem Fall in der showforum.htm
    Dort sollte es die von mir genannten {name} und {besch} geben, andernfalls in der show_forum.php nachschauen, wie die Sachen ausgegeben werden.
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    beschi Mitglied
    Registriert seit
    27.05.2013
    Beiträge
    180
    Beitragswertungen
    0 Beitragspunkte
    Sorry wer lesen kann ist klar im vorteil, genau richtig. Hab in der showpost.html gesucht. Jetzt habe ich sie gefunden unter shoforum
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    ZitatZitat geschrieben von beschi
    Sorry wer lesen kann ist klar im vorteil, genau richtig. Hab in der showpost.html gesucht. Jetzt habe ich sie gefunden unter shoforum

    Sag ich doch...
    So könntest Du übrigens auch die font-size oder anderes ändern (das wollte ich eigentlich schon längst mal getan haben - danke für die "Erinnerung" !).


    Zuletzt modifiziert von Outi77 am 04.11.2013 - 16:52:08
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten