Fragen und Antworten » Navi-Leiste

Navi-Leiste

Seite 1 von 3

29.06.2008 10:10

Teufel0815
#1 Navi-Leiste

Guten Morgen,

ich habe in meinem Forum http://www.tratsch-ecke.de eine zusätzliche Navigationsleiste
eingebaut.Funktioniert auch prächtig!
Aber!!!
Ich möchte bei diesen Links andere Farben!
Hierzu habe ich folgendes in den CSS-Class eingesetzt:

a:link {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

a:visited {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

a:hover {
font-weight:700;
font-size:11;
font-family:Arial;
color:#FE0000;
text-decoration:underline:
}

a:active {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

Was passiert? Alle Links im gesamten Forum reagieren nun auf die CSS!
Was mache ich verkehrt?
Wäre für Hilfe sehr dankbar!
Denn so,wie es im Moment ist,kann es nicht bleiben!

Antworten

Beitrag melden

29.06.2008 10:23

Bengt
#2 RE: Navi-Leiste

Bengt

naja leg einfach eine neue class an

z.B.


.subnavi a:link {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi a:visited {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi a:hover {
font-weight:700;
font-size:11;
font-family:Arial;
color:#FE0000;
text-decoration:underline:
}

.subnavi a:active {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

so wäre die lösung, wenn du z.B. der spalte eine class zuweisen willst

<tr><td class="subnavi"><a href=".."></a></td></tr>

2. möglichkeit:


.subnavi:link {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:visited {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:hover {
font-weight:700;
font-size:11;
font-family:Arial;
color:#FE0000;
text-decoration:underline:
}

.subnavi:active {
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.. und fügst die class direkt bei <a class="subnavi" href=""></a> ein

mit freundlichen Grüßen, Bengt

Antworten

Beitrag melden

29.06.2008 14:25

Teufel0815
#3 RE: Navi-Leiste

Teufel0815

Dankeschön Bengt!
Werde es gleich umsetzen!

Schönen EM-Endspiel-Abend!

Antworten

Beitrag melden

29.06.2008 14:43

Teufel0815
#4 RE: Navi-Leiste

Teufel0815

Ähm...Sorry!
Aber beide Versionen gehen nicht!
Reaktion gleich Null!

Irgendwas mach ich verkehrt!
Nur was?

Antworten

Beitrag melden

29.06.2008 15:03

Merk
#5 RE: Navi-Leiste

Merk

Hast du auch den anderen Code gelöscht?

Wenn ja, poste mal die Boardnummer oder das Template "obere Leiste" und die CSS.

Antworten

Beitrag melden

29.06.2008 15:42

Teufel0815
#6 RE: Navi-Leiste

Teufel0815

Board: http://www.tratsch-ecke.de
Nr. 131533
Template 'obere Leiste':

{{img_server.start}}https://img.homepagemodules.de/{{img_server.end}}
{{now1@dateformat.start}}{[time_minute_one]}{{now1@dateformat.end}}
{{now@dateformat.start}}{[time_minute_more]}{{now@dateformat.end}}
{{today@dateformat.start}}{[time_today]}{{today@dateformat.end}}
{{yesterday@dateformat.start}}{[time_yesterday]}{{yesterday@dateformat.end}}
{{norm@dateformat.start}}{[time_other]}{{norm@dateformat.end}}
{{numberformat.start}}{[number_format]}{{numberformat.end}}

<HTML>
<HEAD>

{{meta_refresh}}
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="{[meta_language]}">
<META NAME="keywords" CONTENT="{{hpmtext}}">
<META NAME="description" CONTENT="{{hpmtitle}}">
<META NAME="robots" CONTENT="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="{{link_css}}">
<link rel="alternate" type="application/rss+xml" title="{{hpmtitle}}" href="feed/all.rss">
<TITLE>{{html_title}}</TITLE>

<!--Meta-Tag-->
<meta name="verify-v1" content="+koPJ+U6J5cZIZAXpE8LVRAnpoYVXqG7WcSGj5szhHM=" />
<!--Meta-Tag ENDE-->


<script type="text/javascript">
<!--

//show and hide
function object(id, art)

{
var object = document.getElementById(id);
if (art == 'show')
{
object.style.visibility = 'visible';
}
else if (art == 'hide')
{
object.style.visibility = 'hidden';
}
}

//-->

</script>
<script type="text/Javascript" src="{{link_js}}"></script>
</HEAD>
<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

{{user_registered==false.start}}
   <div class="ntop" width="100%" style="margin:0px; padding:0px;text-align:left; vertical-align:top; border-bottom:1px solid;margin-bottom:4px; font-size:12px">
   <table border=0 width=100% cellpadding=0 cellspacing=0><tr><td><img src="https://img.homepagemodules.de/information.gif" style="vertical-align:bottom">&nbsp;<a href="{{link_signup}}" style="text-decoration:none; ">{[header_infoline_signup]}</a></td>
   <td align=right>{{impressum==true.start}}<a href="{{link_faq}}">{[header_infoline_impressum]}</a>{{impressum==true.end}}&nbsp;</td></tr></table>
   </div>
{{user_registered==false.end}}

{{html_header}}

<table cellpadding=0 cellspacing=0 border=0 width="{{table_width}}" align="center">
<tr>
 <td colspan="2" class="thin" valign="top">
 <table cellpadding=0 cellspacing=1 border=0 width=100%>
  <tr>
   <td class="tare">

 {{user_newmail==true.start}}
      <a href="{{link_mails}}"><img src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-ab.gif" border=0></a>
 {{user_newmail==true.end}}
 {{user_admin==true.start}}
      <center><a href="{{link_admin}}" class="tarea"><span class="tarea"><img alt="Admin" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9t.jpg" border=0></span></a> 


 {{user_admin==true.end}}
      <a href="{{link_index}}"><span class="tarea"> <img alt="Forum Übersicht" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9u.jpg" border=0></span></a> 
     <a href="{{link_search}}"><span class="tarea"><img alt="Suche" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9v.jpg" border=0></span></a> 
    

 {{user_registered==true.start}}
     <a href="{{link_config}}"><span class="tarea"><img alt="Einstellungen" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9w.jpg" border=0></span></a> 
     <a href="{{link_mails}}"><span class="tarea"><img alt="Private Mails" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9x.jpg" border=0></span></a> 
     <a href="http://my.calendars.net/teufel0815/d01/0...B&positioning=A"><span class="tarea"><img alt="Kalender" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9y.jpg" border=0></span></a>
     <a href="{{link_logout}}"><span class="tarea"><img alt="Logout" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a0.jpg" border=0></span></a>
 {{user_registered==true.else}}
     <a href="{{link_signup}}"><span class="tarea"><img alt="Registrieren" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a2.jpg" border=0></span></a>
     
     <a href="{{link_login}}"><span class="tarea"><img alt="Login" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a1.jpg" border=0></span></a>
 {{user_registered==true.end}}

 {{config_showonline==true.start}} 
     <a href="{{link_online}}"><span class="tarea"><img alt="Online?" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a6.jpg" border=0></span></a> 

 {{config_showonline==true.end}}
 {{config_showmemberlist==true.start}}
     
     <a href="{{link_member}}"><span class="tarea"><img alt="Mitglieder" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a5.jpg" border=0></span></a>
 {{config_showmemberlist==true.end}}
 {{geomap==true.start}} 
     <a href="{{geomap_link}}"><span class="tarea"><img alt="Landkarte" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a4.jpg" border=0></span></a>
 
 {{geomap==true.end}}
 {{calendar==true.start}}
    | <a href="{{calendar_link}}"><span class="tarea">Kalender</span></a> 
 {{calendar==true.end}}
 {{config_showchat==true.start}}
    | <a href="{{link_chat}}"><span class="tarea">Chat</span></a>
 {{config_showchat==true.end}}
     <a href="{{link_faq}}"><span class="tarea"><img alt="FAQ" src="https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-a3.jpg" border=0></span></a><br>
<BR>


<STYLE type="text/css">
<style>
.owscounter {color:blue}
</style>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

function MenueAuf(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="visible";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="visible";
  }
}

function MenueZu(Men)
{
  if(document.getElementById)
  {
    document.getElementById(Men).style.visibility="hidden";
  }

  else if(document.all && !document.getElementById)
  {
    document.all[Men].style.visibility="hidden";
  }
}

//-->
</SCRIPT> 
<!--***************************Navigations Menue Oben****************************-->

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
  <TR>
    <TD>
      <DIV CLASS="block">
        <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">Sport/Urlaub</DIV>
        <DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">
          <A class="subnavi" HREF="http://www.weltfussball.de/wettbewerb/bundesliga/" target="_blank">Bundesliga</A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A class="subnavi" HREF="http://www.Holidaycheck.de" target="_blank">Holidaycheck</A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
        </DIV>
      </DIV>
    </TD>
    <TD>
      <DIV CLASS="block">
        <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue2')" OnMouseOut="MenueZu('Menue2')">Politik</DIV>
        <DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue2')" OnMouseOut="MenueZu('Menue2')">
          <A HREF='http://james.adbutler.de/click.php?pid=1...58540&bid=89438' target='_blank'>http://www.n-tv.de<img src='http://james.adbutler.de/view.php?pid=12...&b=0&h=0&inv=zp' width='0' height='0' border='0'></a><BR>
          <!-- BEGINN des zanox-affiliate HTML-Code --><img src="http://ad.zanox.com/ppv/?9400256C1862649470" align="bottom" width="1" height="1" border="0" hspace="1"><a href="http://ad.zanox.com/ppc/?9400256C1862649470T"target="_blank">WebNews</a><!-- ENDE des zanox-affiliate HTML-Code -->
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR> 
          <A HREF=""></A><BR>  
         </DIV>
      </DIV>
    </TD>
    <TD>
      <DIV CLASS="block">
        <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue3')" OnMouseOut="MenueZu('Menue3')">Unterhaltung</DIV>
        <DIV CLASS="unter" ID="Menue3" OnMouseOver="MenueAuf('Menue3')" OnMouseOut="MenueZu('Menue3')">
          <A HREF="http://clix.superclix.de/cgi-bin/tclix.c...p=173&linknr=98" target="_blank">Musik-Suchmaschine</a><BR>
          <A HREF="http://clix.superclix.de/cgi-bin/tclix.c...996&linknr=6763" target="_blank">Stimmenplanet.de</a><BR>
          <A HREF='http://james.adbutler.de/click.php?pid=1...58540&bid=69261' target='_blank'>Clipfish<img src='http://james.adbutler.de/view.php?pid=10...&b=0&h=0&inv=zp' width='0' height='0' border='0'></a><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF='http://james.adbutler.de/click.php?pid=9...58540&bid=48253' target='_blank'>Testen Sie Ihr Wissen !<img src='http://james.adbutler.de/view.php?pid=97...&b=0&h=0&inv=zp' width='0' height='0' border='0'></a><BR>
          
        </DIV>
      </DIV>
    </TD>
   <TD>
      <DIV CLASS="block">
        <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue4')" OnMouseOut="MenueZu('Menue4')">Gesundheit</DIV>
        <DIV CLASS="unter" ID="Menue4" OnMouseOver="MenueAuf('Menue4')" OnMouseOut="MenueZu('Menue4')">
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>	   
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>            
         </DIV>
      </DIV>
    </TD>
   <TD>
      <DIV CLASS="block">
        <DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue6')" OnMouseOut="MenueZu('Menue6')">Spartipps</DIV>
        <DIV CLASS="unter" ID="Menue6" OnMouseOver="MenueAuf('Menue6')" OnMouseOut="MenueZu('Menue6')">
          <A HREF="http://www.geschenk-stube.de" target="_blank">Geschenk-Stube</A><BR>
          <A HREF="http://clix.superclix.de/cgi-bin/tclix.c...524&linknr=3191" target="_blank">Alles kostenlos</A><BR>
          <A HREF="http://clix.superclix.de/cgi-bin/tclix.c...602&linknr=1605" target="_blank">http://www.wertvoller.de</A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR> 
          <A HREF=""></A><BR>  
        </DIV>
      </DIV>
    </TD>
  </TR>
</TABLE>
</TD>
</TD>
<!--*************************Navigations Menue Oben ENDE*************************-->

   </td>
  </tr>
 </table>
 </td>
</tr>
<tr>
 <td width="468" class="thin" align="left" valign="top" nowrap>
  <table cellpadding=0 cellspacing=1 width=100% height=100% border=0>
   <tr>
    <td class="thin">{{html_adframe}}
    </td>
   </tr>
  </table>
 </td>
 <td class="thin" valign="top" nowrap>
  <table cellpadding=0 cellspacing=5 width=100% height=100% border=0>
   <tr>
    <td class="thin" align="right" nowrap>
       <div class="thin">
        {{user_registered==true.start}}
             {[header_welcome_user]}
        {{user_registered==true.else}}
             {[header_welcome_signup]}
        {{user_registered==true.end}}
       </div>
    </td>
   </tr>
   <tr>
    <td valign="bottom" class="tsmt" align="right" nowrap>
      {{boardstats.start}}<div class="tsmt">{[header_home_stats]}<br><a href="{{link_lastmsgs}}"><span class="tarea">{[header_goto_newest]}</span></a></div>{{boardstats.end}}
      {{forumstats.start}}<div class="tsmt">{[header_forum_stats]}<br>{[header_forum_rights]}</div>{{forumstats.end}}
      {{topicstats.start}}<div class="tsmt">{[header_thread_stats]}<br><a href="{{topic_abolink}}"><span class="tarea">{[thread_goto_abo]}</span></a></div>{{topicstats.end}}
      {{position==board.boardstats}} 
      {{position==forum.forumstats}} 
      {{position==topic.topicstats}}
</td>
   </tr>
  </table>
 </td>
</tr>
<tr>
 <td colspan="2" class="tbhi" valign="top">

CSS-Class:

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, Comic Sans MS;
  font-size: 10pt;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9n.gif);
  background-color: #000047;
  color: #FFDF80;
  text-align: center
}

.subnavi a:link { /* Für die obere Navigations-Leiste */
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi a:visited { 
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi a:hover {
font-weight:700;
font-size:11;
font-family:Arial;
color:#FE0000;
text-decoration:underline:
}

.subnavi a:active { 
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.block { 
Width: 165px;
Height: 100%;
}

.unter { 
Font-Family: Arial, Helvetica, Sans-Serif; Verana;
Font-Size: 12px;
Position: relative;
Color: #000000;
Background-Color: #bfbfbf;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Visibility: hidden;
Width: 145px;
Text-Align: center;
Cursor: pointer;
}

.haupt { 
Font-Family: Arial, Helvetica, Sans-Serif; Verana;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: #b2b2b2;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Width: 145px;
Border-Bottom-Color: white;
Border-Bottom-Width: 3px;
Border-Bottom-Style: solid;
Text-Align: center;
}


pre
{	
 /* Für die Pre-Funktion in den Text-Optionen */
       width:90%;	         
        overflow:auto;	         
        border:1px solid;	         
        margin:5px;	         
        padding:5px;
}

TD,TR {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, Comic Sans MS; 
  font-size: 10pt; 
  color: #000000 
}
 
INPUT,SELECT,TEXTAREA {
  /*  border-width:1px;  */
  color: #000000 
}

A { 
  color: #6F6D98 
}
HR {
  margin-top: 5px;
  margin-bottom: 5px;
}
BLOCKQUOTE {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
}
.ntit { 
  /* z.b. bei der Suche die Überschrift */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  font-size: 10pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3;
}

.ntit a {
  color: #FFE699; 
}

.ntop { 
  /* Die zweite Überschriftszeile wie bei den Privaten Mails */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:29px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #CAB9FF;
}

.ntop a {
  color: #FFDF80; 
}

.ntop td { 
  /* same */
  height:29px;
  background-image:url();
  background-color: transparent;
  vertical-align: middle; 
  color: #CAB9FF;
}

.nnor {
  /* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
  background-color: #E6E6E6;
  color: #000000;
}
.nnor a {
  color: #6F6D98; 
}

.nnor td {
  /* Betrifft Umfeld für anklickbar Smilies beim Antworten */
  background-image:url(); 
  background-color: #E6E6E6;
  color: #000000;
}

.nnor A:Link {
  color:#990000;
}

.nnor input,select,textarea {
  /* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000;
}

.nnos {
  /* kleiner Text im mittlerem Bereich */
  font-size: 9pt 
}

.itop {
  /* Forum Übersicht - oberste Zeile-> Überschrift bei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png);
  height:25px;
  background-color: #6F6D98;
  color: #FFECB3;
  text-align: center;
  vertical-align: middle;
  /* outline-style:inset; outline-width:2px; outline-color:#565656; */
}

.icats {
  /* Forum Übersicht -> Kategorie */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); height:36px;
  background-color: #6F6D98;
  font-size: 11pt; 
  font-weight: bold; 
  color: #CAB9FF; 
}

.icats a { 
  /* Forum Übersicht -> Kategorie-Link */
  background-image:url(); 
  font-size: 12pt; 
  font-weight: bold;
  vertical-align:middle;
  text-align:center;
  text-decoration: none;
  color: #FFDF80; 
}

.cent {
  /* Forum Übersicht -> center */
  text-align: center;
}

.ifo1 {

 /* Forum Übersicht -> Forum style 1 - Spalte 1-3-6 */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15m.png); 
  font-size: 8pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color:#E6E6E6;
  color:#B2C5DB;
  /* text-align: center; */
}

.ifo1 A:Link {
  color:#FFDF80;
  
}
.ifo1 A:Hover { 
  color: #FF6A38;
}

.ifo1 A {
  /* Forum Übersicht -> Forum style 1 - Link */
  color:#B2C5DB;
  color: #6F6D98; 
}

.ifo2  {
  /* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png); 
  font-size: 8pt; 
  font-weight: bold;
  border-top-width:4px;
  border-top-style:solid;
  border-top-color:#78789B;
  border-left-width:4px;
  border-left-style:solid;
  border-left-color:#78789B;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#f5f5f5;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#f5f5f5;
  background-color:#E6E6E6;
  color: #000000;
  /* text-align: center; */
}

.ifo2 A:link {
  text-decoration: none;
  color:#525171;
}

.ifo2 A:hover {
  text-decoration: none;
}

.ifo2 A {
  /* Forum Übersicht -> Forum style 2 - Link */
  color: #6F6D98; 
}


.ifos {
  /* Forum Übersicht -> kleine Schrift */
  font-size:8pt;
}

.iau0 {
  /* Forum Übersicht -> Auflistung Aktive User zeile 1 - vorletzte Zeile */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16q.png); 
  background-color:#6F6D98;
  font-weight: bold;
  color: #CAB9FF; 
}


.iau0 A {
  /* Linkfarbe - Neuestes Mitglied*/
   color:#CAB670;
}

.iaus {
  /* Forum Übersicht -> Aktive User Satz: 10 Mitglieder, 5 Gäste Online */
  font-size: 9pt; 
  font-weight: normal;
}

.iau1 {
  /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
  background-color:#E6E6E6;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  color: #FFECB3;
  height:25px;
}

.iau1 A:link {
  /*Link-Farbe der Aktiven User */
  color: #FFECB3;
  text-decoration: none;
}

.iau1 A:Hover { 
  color: #FF6A38;
}

.ftop {
  /* Themenübersicht angeklickte Kategorie Zeile 1 -> Neues Thema erstellen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.ftop A:Link {
  vertical-align:middle;
}

.ftop a {
 color: #FFE699;
}

.fopt  {
  /* Themenübersicht angeklickte Kategorie Zeile 2 -> Forum Information */
  background-color: #6F6D98;
  font-size:9pt;
  color: #CAB9FF; 
}

.fopt a {
 color: #FFDF80;
}

.fwha  {
  background-color: #6F6D98;
  color: #CAB9FF; 
  font-weight:bold;
}

.fwha td {
   /* Themenübersicht Zeile 3 -> Betreff-Absender-Antworten-Letzter-Beitrag */ 
  background-image:url();
  background-color: #6F6D98;
  font-weight:bold;
  color: #CAB9FF; 
}

.fth1  {
  /* Themenlinks in Themenübersicht -> Spalte 1 , Spalte Absender , Spalte Hits */
  background-image:url();
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.fth1 A:Link {
  color:#d1d1d1;
}

.fth1 A:Hover { 
  color: #FF6A38;
}

.fth2 {
  /* Themenlinks in Themenübersicht -> Spalten Betreff, Antworten, Letzter Beitrag */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16l.png);
  border-top-width:2px;
  border-top-style:solid;
  border-top-color:#868686;
  padding-top:2px;
  border-left-width:2px;
  border-left-style:solid;
  border-left-color:#a0a0a0;
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:#ffffff;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#ffffff;
  padding-bottom:4px;
  background-color: #E6E6E6;
  color: #000000; 
}

.fths  {
  font-size: 8pt;
}

.fbot {
  /* Themenlinks -> Letzte Spalte */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
}

.fbot A,select{
  /* Themenlinks -> Letzte Spalte Sprung-Link */
  background-image:url();
  background-color:transparent; 
  color: #FFE699; 
}

.fbot input {
  background-image:url();
  background-color: #6F6D98;
  font-size:10;
  color: #FFECB3;
  vertical-align:middle; 
  /* border-width:1px */
}

.ttop {
  /* Themenansicht erste Zeile -> Themenname-Sortierung-Flat-Threaded */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}  

.ttop a {
 color: #FFE699;
}

.tnex {
  /* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:25px;
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.tnex A:Link {
  color:#CAB9FF;
}

.tbei {
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.tms1 {
  /* Themenhintergrund in den Avatarfeldern */
  background-image:url(); 
  font-size: 8pt; 
  font-weight: bold;
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms1 a {
  color: #FFDF80;
}

.tms2 {
  /* Themenhintergrund in den Beitragsfeldern ! */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms2 a {
  color: #6F6D98;
}

.tms3 {
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms3 a {
  color: #FFDF80;
}

.tms4 {
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms4 a {
  color: #6F6D98;
}

.tbot {
  /* Letzte Abschlusszeile in Themen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
  /* border-width:1px */ 
} 
.tbot a {
 color: #FFE699;
}
.tbot input,select {
  font-weight: normal 
}

.tmss {
  font-size: 8pt;
  font-weight: normal 
}

.tmst {
  font-size:11pt;
  text-align: center; 
}

.tare {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tarea {
  /* Beiträge der letzten Tage */
  color:#0A079C;
  font-weight: bold 
}

.thin {
  /* Dieses Board hat...Mitglieder... */
  color:#0A079C;
 /* vertical-align: bottom  */
}

.tbhi {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tsmt {
  /* Willkommen Teufel0815 */
  color: #0A079C;
  font-size: 8pt 
}

Antworten

Beitrag melden

29.06.2008 15:56

Merk
#7 RE: Navi-Leiste

Merk

es könnte daran liegen, dass du die beiden Möglichkeiten kombiniert hast, versuch es mal mit folgender CSS:

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, Comic Sans MS;
  font-size: 10pt;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9n.gif);
  background-color: #000047;
  color: #FFDF80;
  text-align: center
}

.subnavi:link { /* Für die obere Navigations-Leiste */
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:visited { 
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:hover {
font-weight:700;
font-size:11;
font-family:Arial;
color:#FE0000;
text-decoration:underline:
}

.subnavi:active { 
font-weight:700;
font-size:11;
font-family:Arial;
color:blue;
text-decoration:none;
}

.block { 
Width: 165px;
Height: 100%;
}

.unter { 
Font-Family: Arial, Helvetica, Sans-Serif; Verana;
Font-Size: 12px;
Position: relative;
Color: #000000;
Background-Color: #bfbfbf;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Visibility: hidden;
Width: 145px;
Text-Align: center;
Cursor: pointer;
}

.haupt { 
Font-Family: Arial, Helvetica, Sans-Serif; Verana;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: #b2b2b2;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Width: 145px;
Border-Bottom-Color: white;
Border-Bottom-Width: 3px;
Border-Bottom-Style: solid;
Text-Align: center;
}


pre
{	
 /* Für die Pre-Funktion in den Text-Optionen */
       width:90%;	         
        overflow:auto;	         
        border:1px solid;	         
        margin:5px;	         
        padding:5px;
}

TD,TR {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, Comic Sans MS; 
  font-size: 10pt; 
  color: #000000 
}
 
INPUT,SELECT,TEXTAREA {
  /*  border-width:1px;  */
  color: #000000 
}

A { 
  color: #6F6D98 
}
HR {
  margin-top: 5px;
  margin-bottom: 5px;
}
BLOCKQUOTE {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
}
.ntit { 
  /* z.b. bei der Suche die Überschrift */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  font-size: 10pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3;
}

.ntit a {
  color: #FFE699; 
}

.ntop { 
  /* Die zweite Überschriftszeile wie bei den Privaten Mails */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:29px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #CAB9FF;
}

.ntop a {
  color: #FFDF80; 
}

.ntop td { 
  /* same */
  height:29px;
  background-image:url();
  background-color: transparent;
  vertical-align: middle; 
  color: #CAB9FF;
}

.nnor {
  /* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
  background-color: #E6E6E6;
  color: #000000;
}
.nnor a {
  color: #6F6D98; 
}

.nnor td {
  /* Betrifft Umfeld für anklickbar Smilies beim Antworten */
  background-image:url(); 
  background-color: #E6E6E6;
  color: #000000;
}

.nnor A:Link {
  color:#990000;
}

.nnor input,select,textarea {
  /* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000;
}

.nnos {
  /* kleiner Text im mittlerem Bereich */
  font-size: 9pt 
}

.itop {
  /* Forum Übersicht - oberste Zeile-> Überschrift bei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png);
  height:25px;
  background-color: #6F6D98;
  color: #FFECB3;
  text-align: center;
  vertical-align: middle;
  /* outline-style:inset; outline-width:2px; outline-color:#565656; */
}

.icats {
  /* Forum Übersicht -> Kategorie */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); height:36px;
  background-color: #6F6D98;
  font-size: 11pt; 
  font-weight: bold; 
  color: #CAB9FF; 
}

.icats a { 
  /* Forum Übersicht -> Kategorie-Link */
  background-image:url(); 
  font-size: 12pt; 
  font-weight: bold;
  vertical-align:middle;
  text-align:center;
  text-decoration: none;
  color: #FFDF80; 
}

.cent {
  /* Forum Übersicht -> center */
  text-align: center;
}

.ifo1 {

 /* Forum Übersicht -> Forum style 1 - Spalte 1-3-6 */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15m.png); 
  font-size: 8pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color:#E6E6E6;
  color:#B2C5DB;
  /* text-align: center; */
}

.ifo1 A:Link {
  color:#FFDF80;
  
}
.ifo1 A:Hover { 
  color: #FF6A38;
}

.ifo1 A {
  /* Forum Übersicht -> Forum style 1 - Link */
  color:#B2C5DB;
  color: #6F6D98; 
}

.ifo2  {
  /* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png); 
  font-size: 8pt; 
  font-weight: bold;
  border-top-width:4px;
  border-top-style:solid;
  border-top-color:#78789B;
  border-left-width:4px;
  border-left-style:solid;
  border-left-color:#78789B;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#f5f5f5;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#f5f5f5;
  background-color:#E6E6E6;
  color: #000000;
  /* text-align: center; */
}

.ifo2 A:link {
  text-decoration: none;
  color:#525171;
}

.ifo2 A:hover {
  text-decoration: none;
}

.ifo2 A {
  /* Forum Übersicht -> Forum style 2 - Link */
  color: #6F6D98; 
}


.ifos {
  /* Forum Übersicht -> kleine Schrift */
  font-size:8pt;
}

.iau0 {
  /* Forum Übersicht -> Auflistung Aktive User zeile 1 - vorletzte Zeile */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16q.png); 
  background-color:#6F6D98;
  font-weight: bold;
  color: #CAB9FF; 
}


.iau0 A {
  /* Linkfarbe - Neuestes Mitglied*/
   color:#CAB670;
}

.iaus {
  /* Forum Übersicht -> Aktive User Satz: 10 Mitglieder, 5 Gäste Online */
  font-size: 9pt; 
  font-weight: normal;
}

.iau1 {
  /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
  background-color:#E6E6E6;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  color: #FFECB3;
  height:25px;
}

.iau1 A:link {
  /*Link-Farbe der Aktiven User */
  color: #FFECB3;
  text-decoration: none;
}

.iau1 A:Hover { 
  color: #FF6A38;
}

.ftop {
  /* Themenübersicht angeklickte Kategorie Zeile 1 -> Neues Thema erstellen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.ftop A:Link {
  vertical-align:middle;
}

.ftop a {
 color: #FFE699;
}

.fopt  {
  /* Themenübersicht angeklickte Kategorie Zeile 2 -> Forum Information */
  background-color: #6F6D98;
  font-size:9pt;
  color: #CAB9FF; 
}

.fopt a {
 color: #FFDF80;
}

.fwha  {
  background-color: #6F6D98;
  color: #CAB9FF; 
  font-weight:bold;
}

.fwha td {
   /* Themenübersicht Zeile 3 -> Betreff-Absender-Antworten-Letzter-Beitrag */ 
  background-image:url();
  background-color: #6F6D98;
  font-weight:bold;
  color: #CAB9FF; 
}

.fth1  {
  /* Themenlinks in Themenübersicht -> Spalte 1 , Spalte Absender , Spalte Hits */
  background-image:url();
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.fth1 A:Link {
  color:#d1d1d1;
}

.fth1 A:Hover { 
  color: #FF6A38;
}

.fth2 {
  /* Themenlinks in Themenübersicht -> Spalten Betreff, Antworten, Letzter Beitrag */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16l.png);
  border-top-width:2px;
  border-top-style:solid;
  border-top-color:#868686;
  padding-top:2px;
  border-left-width:2px;
  border-left-style:solid;
  border-left-color:#a0a0a0;
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:#ffffff;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#ffffff;
  padding-bottom:4px;
  background-color: #E6E6E6;
  color: #000000; 
}

.fths  {
  font-size: 8pt;
}

.fbot {
  /* Themenlinks -> Letzte Spalte */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
}

.fbot A,select{
  /* Themenlinks -> Letzte Spalte Sprung-Link */
  background-image:url();
  background-color:transparent; 
  color: #FFE699; 
}

.fbot input {
  background-image:url();
  background-color: #6F6D98;
  font-size:10;
  color: #FFECB3;
  vertical-align:middle; 
  /* border-width:1px */
}

.ttop {
  /* Themenansicht erste Zeile -> Themenname-Sortierung-Flat-Threaded */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}  

.ttop a {
 color: #FFE699;
}

.tnex {
  /* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:25px;
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.tnex A:Link {
  color:#CAB9FF;
}

.tbei {
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.tms1 {
  /* Themenhintergrund in den Avatarfeldern */
  background-image:url(); 
  font-size: 8pt; 
  font-weight: bold;
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms1 a {
  color: #FFDF80;
}

.tms2 {
  /* Themenhintergrund in den Beitragsfeldern ! */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms2 a {
  color: #6F6D98;
}

.tms3 {
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms3 a {
  color: #FFDF80;
}

.tms4 {
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms4 a {
  color: #6F6D98;
}

.tbot {
  /* Letzte Abschlusszeile in Themen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
  /* border-width:1px */ 
} 
.tbot a {
 color: #FFE699;
}
.tbot input,select {
  font-weight: normal 
}

.tmss {
  font-size: 8pt;
  font-weight: normal 
}

.tmst {
  font-size:11pt;
  text-align: center; 
}

.tare {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tarea {
  /* Beiträge der letzten Tage */
  color:#0A079C;
  font-weight: bold 
}

.thin {
  /* Dieses Board hat...Mitglieder... */
  color:#0A079C;
 /* vertical-align: bottom  */
}

.tbhi {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tsmt {
  /* Willkommen Teufel0815 */
  color: #0A079C;
  font-size: 8pt 
}

Antworten

Beitrag melden

29.06.2008 16:05

Teufel0815
#8 RE: Navi-Leiste

Teufel0815

Ich hab die CSS jetzt rauf und wieder runter gelesen!
Kann aber keinen Unterschied feststellen!
Wenn ich deine bei mir rein kopiere,hab ich einen undefinierbaren Klumpen
an Schriftzeichen!
Nichts fein säuberlich untereinander!

Wäre es nicht einfacher,du sagst mir,was du geändert hast?
Dann könnte ich die einzelnen Fragmente austauschen!

Antworten

Beitrag melden

29.06.2008 16:11

Teufel0815
#9 RE: Navi-Leiste

Teufel0815

Kommando zurück!!!!
Funktioniert!!!
Herzlichen Dank!!!!!!!

Antworten

Beitrag melden

#10

29.06.2008 16:12

Vitalis
#10 RE: Navi-Leiste

Vitalis

hm... größten teils vllt.

hier die CSS eingeben und die Fehler korrigieren!
http://jigsaw.w3.org/css-validator/#validate_by_input

Antworten

Beitrag melden

#11

29.06.2008 16:20

Teufel0815
#11 RE: Navi-Leiste

Teufel0815

Upps...
Und das valii....
Ich kopier dat... Ihr validiertes Cascading Style Sheet:
kann ich jetzt 1 zu 1 mit dem vorhandenen austauschen,ohne das
Explosionsgefahr besteht???

Gott o Gott... sind da Fehler drin!!!!
Müsst ich dringend mal mit BOo°m reden!*grins*

Antworten

Beitrag melden

#12

29.06.2008 16:37

Merk
#12 RE: Navi-Leiste

Merk

unter "Ihr validiertes Cascading Style Sheet:" werden einfach alle ungültigen Angaben gelöscht.
Die valide CSS-Datei mit den gleichen Funktionen sieht so aus:

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, "Comic Sans MS";
  font-size: 10pt;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-3qkw-9n.gif);
  background-color: #000047;
  color: #FFDF80;
  text-align: center
}

.subnavi:link { /* Für die obere Navigations-Leiste */
font-weight:700;
font-size:11px;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:visited { 
font-weight:700;
font-size:11px;
font-family:Arial;
color:blue;
text-decoration:none;
}

.subnavi:hover {
font-weight:700;
font-size:11px;
font-family:Arial;
color:#FE0000;
text-decoration:underline;
}

.subnavi:active { 
font-weight:700;
font-size:11px;
font-family:Arial;
color:blue;
text-decoration:none;
}

.block { 
Width: 165px;
Height: 100%;
}

.unter { 
font-family: Arial, Helvetica, Sans-Serif, Verdana;
font-size: 12px;
position: relative;
color: #000000;
background-color: #bfbfbf;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Visibility: hidden;
Width: 145px;
Text-Align: center;
Cursor: pointer;
}

.haupt { 
Font-Family: Arial, Helvetica, Sans-Serif, Verdana;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: #b2b2b2;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png);
Width: 145px;
Border-Bottom-Color: white;
Border-Bottom-Width: 3px;
Border-Bottom-Style: solid;
Text-Align: center;
}


pre
{	
 /* Für die Pre-Funktion in den Text-Optionen */
       width:90%;	         
        overflow:auto;	         
        border:1px solid;	         
        margin:5px;	         
        padding:5px;
}

TD,TR {
  font-family: Verdana, Arial, Helvetica, sans-serif, KidTYPEPaint, "Comic Sans MS"; 
  font-size: 10pt; 
  color: #000000 
}
 
INPUT,SELECT,TEXTAREA {
  /*  border-width:1px;  */
  color: #000000 
}

A { 
  color: #6F6D98 
}
HR {
  margin-top: 5px;
  margin-bottom: 5px;
}
BLOCKQUOTE {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
}
.ntit { 
  /* z.b. bei der Suche die Überschrift */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  font-size: 10pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3;
}

.ntit a {
  color: #FFE699; 
}

.ntop { 
  /* Die zweite Überschriftszeile wie bei den Privaten Mails */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:29px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #CAB9FF;
}

.ntop a {
  color: #FFDF80; 
}

.ntop td { 
  /* same */
  height:29px;
  background-image:url();
  background-color: transparent;
  vertical-align: middle; 
  color: #CAB9FF;
}

.nnor {
  /* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
  background-color: #E6E6E6;
  color: #000000;
}
.nnor a {
  color: #6F6D98; 
}

.nnor td {
  /* Betrifft Umfeld für anklickbar Smilies beim Antworten */
  background-image:url(); 
  background-color: #E6E6E6;
  color: #000000;
}

.nnor A:Link {
  color:#990000;
}

.nnor input,select,textarea {
  /* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000;
}

.nnos {
  /* kleiner Text im mittlerem Bereich */
  font-size: 9pt 
}

.itop {
  /* Forum Übersicht - oberste Zeile-> Überschrift bei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png);
  height:25px;
  background-color: #6F6D98;
  color: #FFECB3;
  text-align: center;
  vertical-align: middle;
  /* outline-style:inset; outline-width:2px; outline-color:#565656; */
}

.icats {
  /* Forum Übersicht -> Kategorie */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); height:36px;
  background-color: #6F6D98;
  font-size: 11pt; 
  font-weight: bold; 
  color: #CAB9FF; 
}

.icats a { 
  /* Forum Übersicht -> Kategorie-Link */
  background-image:url(); 
  font-size: 12pt; 
  font-weight: bold;
  vertical-align:middle;
  text-align:center;
  text-decoration: none;
  color: #FFDF80; 
}

.cent {
  /* Forum Übersicht -> center */
  text-align: center;
}

.ifo1 {

 /* Forum Übersicht -> Forum style 1 - Spalte 1-3-6 */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15m.png); 
  font-size: 8pt; 
  font-weight: bold;
  vertical-align:middle;
  background-color:#E6E6E6;
  color:#B2C5DB;
  /* text-align: center; */
}

.ifo1 A:Link {
  color:#FFDF80;
  
}
.ifo1 A:Hover { 
  color: #FF6A38;
}

.ifo1 A {
  /* Forum Übersicht -> Forum style 1 - Link */
  color:#B2C5DB;
  color: #6F6D98; 
}

.ifo2  {
  /* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16m.png); 
  font-size: 8pt; 
  font-weight: bold;
  border-top-width:4px;
  border-top-style:solid;
  border-top-color:#78789B;
  border-left-width:4px;
  border-left-style:solid;
  border-left-color:#78789B;
  border-right-width:4px;
  border-right-style:solid;
  border-right-color:#f5f5f5;
  border-bottom-width:4px;
  border-bottom-style:solid;
  border-bottom-color:#f5f5f5;
  background-color:#E6E6E6;
  color: #000000;
  /* text-align: center; */
}

.ifo2 A:link {
  text-decoration: none;
  color:#525171;
}

.ifo2 A:hover {
  text-decoration: none;
}

.ifo2 A {
  /* Forum Übersicht -> Forum style 2 - Link */
  color: #6F6D98; 
}


.ifos {
  /* Forum Übersicht -> kleine Schrift */
  font-size:8pt;
}

.iau0 {
  /* Forum Übersicht -> Auflistung Aktive User zeile 1 - vorletzte Zeile */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16q.png); 
  background-color:#6F6D98;
  font-weight: bold;
  color: #CAB9FF; 
}


.iau0 A {
  /* Linkfarbe - Neuestes Mitglied*/
   color:#CAB670;
}

.iaus {
  /* Forum Übersicht -> Aktive User Satz: 10 Mitglieder, 5 Gäste Online */
  font-size: 9pt; 
  font-weight: normal;
}

.iau1 {
  /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
  background-color:#E6E6E6;
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  color: #FFECB3;
  height:25px;
}

.iau1 A:link {
  /*Link-Farbe der Aktiven User */
  color: #FFECB3;
  text-decoration: none;
}

.iau1 A:Hover { 
  color: #FF6A38;
}

.ftop {
  /* Themenübersicht angeklickte Kategorie Zeile 1 -> Neues Thema erstellen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.ftop A:Link {
  vertical-align:middle;
}

.ftop a {
 color: #FFE699;
}

.fopt  {
  /* Themenübersicht angeklickte Kategorie Zeile 2 -> Forum Information */
  background-color: #6F6D98;
  font-size:9pt;
  color: #CAB9FF; 
}

.fopt a {
 color: #FFDF80;
}

.fwha  {
  background-color: #6F6D98;
  color: #CAB9FF; 
  font-weight:bold;
}

.fwha td {
   /* Themenübersicht Zeile 3 -> Betreff-Absender-Antworten-Letzter-Beitrag */ 
  background-image:url();
  background-color: #6F6D98;
  font-weight:bold;
  color: #CAB9FF; 
}

.fth1  {
  /* Themenlinks in Themenübersicht -> Spalte 1 , Spalte Absender , Spalte Hits */
  background-image:url();
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.fth1 A:Link {
  color:#d1d1d1;
}

.fth1 A:Hover { 
  color: #FF6A38;
}

.fth2 {
  /* Themenlinks in Themenübersicht -> Spalten Betreff, Antworten, Letzter Beitrag */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-16l.png);
  border-top-width:2px;
  border-top-style:solid;
  border-top-color:#868686;
  padding-top:2px;
  border-left-width:2px;
  border-left-style:solid;
  border-left-color:#a0a0a0;
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:#ffffff;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:#ffffff;
  padding-bottom:4px;
  background-color: #E6E6E6;
  color: #000000; 
}

.fths  {
  font-size: 8pt;
}

.fbot {
  /* Themenlinks -> Letzte Spalte */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
}

.fbot A,select{
  /* Themenlinks -> Letzte Spalte Sprung-Link */
  background-image:url();
  background-color:transparent; 
  color: #FFE699; 
}

.fbot input {
  background-image:url();
  background-color: #6F6D98;
  font-size:10px;
  color: #FFECB3;
  vertical-align:middle; 
  /* border-width:1px */
}

.ttop {
  /* Themenansicht erste Zeile -> Themenname-Sortierung-Flat-Threaded */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png);
  height:36px;
  vertical-align:middle;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}  

.ttop a {
 color: #FFE699;
}

.tnex {
  /* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15j.png); 
  height:25px;
  background-color: #6F6D98;
  color: #CAB9FF; 
}

.tnex A:Link {
  color:#CAB9FF;
}

.tbei {
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
}

.tms1 {
  /* Themenhintergrund in den Avatarfeldern */
  background-image:url(); 
  font-size: 8pt; 
  font-weight: bold;
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms1 a {
  color: #FFDF80;
}

.tms2 {
  /* Themenhintergrund in den Beitragsfeldern ! */
  background-image:url();
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms2 a {
  color: #6F6D98;
}

.tms3 {
  background-color: #6F6D98;
  color: #CAB9FF; 
}  
.tms3 a {
  color: #FFDF80;
}

.tms4 {
  background-color: #E6E6E6;
  color: #000000; 
}  
.tms4 a {
  color: #6F6D98;
}

.tbot {
  /* Letzte Abschlusszeile in Themen */
  background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-15l.png); 
  height:36px;
  background-color: #6F6D98;
  color: #FFECB3; 
  font-weight: bold;
  /* border-width:1px */ 
} 
.tbot a {
 color: #FFE699;
}
.tbot input,select {
  font-weight: normal 
}

.tmss {
  font-size: 8pt;
  font-weight: normal 
}

.tmst {
  font-size:11pt;
  text-align: center; 
}

.tare {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tarea {
  /* Beiträge der letzten Tage */
  color:#0A079C;
  font-weight: bold 
}

.thin {
  /* Dieses Board hat...Mitglieder... */
  color:#0A079C;
 /* vertical-align: bottom  */
}

.tbhi {
  color: #FFDF80;
  text-align: center;
  vertical-align: bottom 
}

.tsmt {
  /* Willkommen Teufel0815 */
  color: #0A079C;
  font-size: 8pt 
}

PS: das sah schlimmer aus als es war, teilweise haben nur Einheiten gefehlt, z.B. "11" anstatt "11px" oder ";" waren falsch bzw. gar nicht gesetzt.

Antworten

Beitrag melden

#13

29.06.2008 16:45

Teufel0815
#13 RE: Navi-Leiste

Teufel0815

Sehr nett! Dankeschön!
Ich werde mal die einzelnen Classes durchgehen!
Sonst weiss ich ja wieder nicht,welche Fehler ich wo gemacht habe!
Denn im Moment bin ich über das buchstabieren des Wortes "CSS"
noch nicht viel weiter gekommen! Buch mit 7 Siegel!

Aber ich krieg das auf die Reihe!

Nochmals Dankeschön für Eure Hilfe!
Nu geh ich mein Deutschland-Trikot bügeln!;-)