si


Sonntag, 20. Januar 2019

CSS - foxmeü

<style type="text/css">
h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    }

hr {
    border:none;
    border-top:1px solid #CCCCCC;
    height:1px;
    margin-bottom:25px;
    }

#foxmenucontainer{
    height:24px;
    background:#;
    display:block;
    padding:px 0 0 px;
    }

#foxmenu2{
    position:relative;
    display:block;
    height:24px;
    font-size:11px;
    font-weight:bold;
    font-family:Arial,Verdana,Helvitica,sans-serif;
    }

#foxmenu2 ul{
    margin:0px;
    padding:0;
    list-style-type:none;
    width:auto;
    }

#foxmenu2 ul li{
    display:block;
    float:right;
    margin:0 1px 0 0;
    }

#foxmenu2 ul li a{
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    padding:5px 20px 0 20px;
    height:19px;
    background:transparent url(http://1.bp.blogspot.com/-pwMdvhQ7pEA/TqxZ_VhA32I/AAAAAAAAPHI/8FpDcwwx_WQ/s1600/34_catmenu.jpg) no-repeat top left;
    }

#foxmenu2 ul li a:hover{
    color:#fff;
    background:transparent url(http://4.bp.blogspot.com/-UtrZFL_ZgUg/TqxaBqhMtRI/AAAAAAAAPHQ/JC1ZwvccVDg/s1600/34_catmenuhov.jpg) no-repeat top right;
    }

#foxmenu2 ul li a.current,#foxmenu ul li a.current:hover{
    color:#fff;
    background:#fff;
    background:transparent url(http://4.bp.blogspot.com/-UtrZFL_ZgUg/TqxaBqhMtRI/AAAAAAAAPHQ/JC1ZwvccVDg/s1600/34_catmenuhov.jpg) no-repeat top right;
   
    }
</style>



<div id="foxmenucontainer">
  <div id="foxmenu2">
    <ul>



      <li><a href="" class="current"><span>HOME </span></a>   
        </li>


       
      <li><a href="" title="title"><span>Link 1</span></a></li>
      <li><a href="" title="title"><span>Link 2</span></a></li>
      <li><a href="" title="title"><span>Link 3</span></a></li>
      <li><a href="" title="title"><span>Link 4</span></a></li>
          
      
      <li><a rel="nofollow" target="_blank" href="http://www.google.de" title="google.de"><span>google</span></a></li>
    </ul>
  </div></div>

1 Kommentar:

  1. Wählen Sie eine eindeutige Seitenvorlage, bearbeiten und passen Sie alles nach Ihren Wünschen an. Erstellen Sie eine originelle Website. https://www.templatemonster.com/de/

    AntwortenLöschen