آلا يوجد رد اخواني

للأسف لايوجد مثل هذا الكود

 

آلا توجد طريقة عن طريق التومبيلات

اخي يوجد هذا الكود هل ارجو من ان تستفيد منه

ويوضع على الريئسية وردون تومبيلات ويمكنك ان تضعه في اسفل المنتدى

الكود:

<div class="main-menu wrapper isfloatable">
    <ul class="menu main-menu-ul">

    <li id="menu-item-10" style="background-color:#232323" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home"><a href="#"><i>Home</i></a></li>

    <li id="menu-item-914" style="background-color:#2186a8" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-913" style="background-color:#969433" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-905" style="background-color:#24aaa3" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-906" style="background-color:#c16e6e" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-908" style="background-color:#239f07" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-912" style="background-color:#bd31bc" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-910" style="background-color:#b8c994" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-909" style="background-color:#ebb05e" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-907" style="background-color:#834ca1" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-911" style="background-color:#a23c6c" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>

    <li id="menu-item-915" style="background-color:#0011bf" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="#"><i>Text</i></a></li>
    </ul>                 
    </div>


    <style>
    /* #3 Main menu */

    .main-menu {
      display:block;
      margin-top:20px;
    }

    .logged-in .main-menu.this-floating {
      top:28px;
    }

    .main-menu.this-floating {
      display: none;
      position: fixed;
      z-index: 80;
      margin-left: 20px;
      top: 0px;
      background: #fff;
      margin-top: 0px;
    }

    .main-menu ul.main-menu-ul {
      display:block;
      height:47px;
      background:#232323;
    }

    .main-menu ul.main-menu-ul li {
      display:block;
      float:left;
      height:47px;
      background:inherit;
      /*border-right:1px solid #2e2e2e;
      margin-right:-1px;*/
    }

    .main-menu ul.main-menu-ul > li > a {
      display:block;
      background:#232323;
      margin-top:4px;
      color:#fff;
      padding:14px 11px 14px 11px;
      position:relative;
      font-family:'Montserrat', sans-serif;
      letter-spacing:0px;
      font-size:11px;
      line-height:15px;
      font-weight:bold;
      text-transform:uppercase;
      box-shadow:inset -1px 0px 0px rgba(255,255,255,0.07);
    }

    .main-menu ul.main-menu-ul > li > a:before {
      display:block;
      content:'';
      position:absolute;
      width:100%;
      height:4px;
      top:-4px;
      left:0px;
      background:rgba(255,255,255,0.15);
    }

    .main-menu ul.main-menu-ul > li:not(.custom-color):hover {
      background:#1a1a1a;
    }

    .main-menu ul.main-menu-ul > li:not(.custom-color):hover > a {
      background:transparent;
    }

    .main-menu ul.main-menu-ul > li.custom-color:hover > a {
      background:transparent;
      box-shadow:none;
      box-shadow:-1px 0px 0px rgba(0,0,0,0.4);
    }

    .main-menu ul.main-menu-ul > li:first-child:hover > a {
      box-shadow:none;
      box-shadow:inset -1px 0px 0px rgba(255,255,255,0.07);
    }

    .main-menu ul.main-menu-ul > li:hover > a:before {
      background:transparent;
      width:90%;
    }


    /* -- */

    .main-menu ul.main-menu-ul li a span {
      display:inline-block;
      padding-right:16px;
      position:relative;
    }

    .main-menu ul.main-menu-ul li a span:after {
      display:block;
      position:absolute;
      right:0px;
      top:0px;
      content:'\E75C';
      color: #fff;
      font-family:'Entypo';
      font-weight:normal;
    }

    .main-menu ul.main-menu-ul li ul {
      display:none;
      background:inherit;
      z-index:30;
      position:absolute;
      width:270px;
    }

    .main-menu ul.main-menu-ul li:hover > ul {
      display:block;
    }

    .main-menu ul.main-menu-ul li ul li {
      display:block;
      float:none;
      height:auto;
      background:inherit;
      position:relative;
    }

    .main-menu ul.main-menu-ul li ul li a {
      display:block;
      float:none;
      color:#fff;
      display:block;
      font-family:'Montserrat', sans-serif;
      font-size:11px;
      line-height:15px;
      font-weight:bold;
      text-transform:uppercase;
      padding:15px 20px;
      border-bottom:1px dotted rgba(255,255,255,0.14);
    }

    .main-menu ul.main-menu-ul li ul > li:last-child > a {
      border-bottom:0px;
    }

    .main-menu ul.main-menu-ul li ul li:hover a {
      background:rgba(0,0,0,0.15);
    }


    /* ------------------ */

    .main-menu ul.main-menu-ul li ul li ul {
      left:270px;
      background:inherit;
      top:0px;
    }

    .main-menu ul.main-menu-ul li ul li ul li:hover a {
      background:rgba(0,0,0,0.25);
    }

    .main-menu ul.main-menu-ul li ul li a span {
      display:block;
      padding-right:0px;
      position:relative;
    }

    .main-menu ul.main-menu-ul li ul li a span:after {
      display:block;
      position:absolute;
      right:0px;
      top:0px;
      content:'\E75E';
      color: #fff;
      font-family:'Entypo';
      font-weight:normal;
    }


    /* ------------------ */

    .main-menu ul.main-under-menu-ul {
      display:block;
      height:35px;
      background:#f5f5f5;
      border-bottom:1px dotted #dcdcdc;
    }

    .main-menu ul.main-under-menu-ul li {
      display:block;
      float:left;
      height:35px;
    }

    .main-menu ul.main-under-menu-ul li a {
      display:block;
      color:#4a4a4a;
      padding:10px 15px 10px 15px;
      position:relative;
      font-family:'Montserrat', sans-serif;
      font-size:9px;
      line-height:15px;
      font-weight:bold;
      text-transform:uppercase;
      border-right:1px dotted #dcdcdc;
    }

    .main-menu ul.main-under-menu-ul li:hover a {
      background:rgba(0,0,0,0.034);
    }

    .main-menu .search-box {
      display:block;
      position:absolute;
      top:6px;
      right:0px;
    }

    .main-menu .search-box input[type=text] {
      border:0px;
      width:10px;
      padding:10px 20px 10px 10px;
      right:6px;
      cursor:pointer;
      position:absolute;
      z-index:4;
      background:transparent;
      color:transparent;
      line-height:15px;
      -moz-transition: all 0.12s;
      -webkit-transition: all 0.12s;
      -o-transition: all 0.12s;
    }

    .main-menu .search-box input[type=text]:focus + div.header {
      display:none;
    }

    .main-menu .search-box input[type=text]:focus, .main-menu .search-box input[type=text]:valid {
      border:0px;
      width:150px;
      padding:10px 20px 9px 10px;
      cursor:text;
      position:absolute;
      z-index:2;
      background:#fff;
      color:#232323;
      padding-right:40px;
    }

    .main-menu .search-box input[type=submit] {
      border:0px;
      right:7px;
      padding:1px 0px 3px 0px;
      width:40px;
      position:absolute;
      cursor:pointer;
      z-index:3;
      font-family:'Entypo';
      line-height:15px;
      font-size:16px;
      background:transparent;
      color:#919191;
      height:36px;
    }

    .main-menu .search-box input[type=submit]:focus {
      z-index:5;
    }

    </style>




اتمنى من الخبراء اضافة مثل الكود الذي طلبته