PC-Fragen! » Link-Leiste

Wie mir zu Ohren gekommen ist,besteht Interesse an unserer Link-Leiste unterhalb der Foren-Buttons!

Einzufügen unter...ADMIN==>TEMPLATE==>EDIT==>TEMPLATE-ELEMENT OBERE LEISTE
Unterhalb dieses Elements
{{config_showchat==true.end}}
<a href="{{link_faq}}"><
kommt dieses Script:

<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>

Direkt im Anschluss folgender Quell-Code:

<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 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('Menue2')" OnMouseOut="MenueZu('Menue2')">Politik</DIV>
        <DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue2')" OnMouseOut="MenueZu('Menue2')">
          <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('Menue3')" OnMouseOut="MenueZu('Menue3')">Unterhaltung</DIV>
        <DIV CLASS="unter" ID="Menue3" OnMouseOver="MenueAuf('Menue3')" OnMouseOut="MenueZu('Menue3')">
         <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('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>
        </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=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR>
          <A HREF=""></A><BR> 
          <A HREF=""></A><BR>  
        </DIV>
      </DIV>
    </TD>
  </TR>
</TABLE>
</TD>
</TD>

Wenn das alles eingefügt ist,geht´s zu
ADMIN==>LAYOUT==>CSS
Dort werden direkt unter der ersten CSS-Class
folgende CSS-Class hinzugefügt:

.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(http://www.bilder-hochladen.net/files/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(http://www.bilder-hochladen.net/files/78q-16m.png);
Width: 145px;
Border-Bottom-Color: white;
Border-Bottom-Width: 3px;
Border-Bottom-Style: solid;
Text-Align: center;
}

Bei Fragen hierzu stehe ich jederzeit zur Verfügung!