Meniu animat nu apare

Meniu animat nu apareJoi Aug 20, 2015 4:47 pm

Am facut totul ca si in tutorial si nu imi apare meniul animat.

Versiunea forumului este phpBB2 > aici este

Re: Meniu animat nu apareVin Aug 21, 2015 9:59 am

Nu ne ramane decat sa reluam pasii de la capat,am verificat tutorialul si nu exista nicio gresala.

1.In overal_header aveti acest cod.

Cod:

   <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Il inlocuiti cu acesta.

Cod:

      <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="animate_menu_franta">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Salvati si publicati template-ul.

Acum in foaia de stil CSS adaugati acest cod

Cod:


table.animate_menu_franta{
border-top: none;
background-position: 0px -1px;
      border-bottom: 1px solid #18405E !important;
    padding: 0 !important;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/menubg11.png) repeat-x;
  width: 100%!important;
  border-left: 1px solid #1B3759;
  border-right: 1px solid #1B3759;
}
  
table.animate_menu_franta a{
  display: inline-block;
  float: left;
  line-height: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 2px black;
  text-decoration: none!important;
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/dark210.png);
  background-repeat: repeat-x!important;
  background-position: 0px 35px;
  padding: 0px 15px;
  font-family: tahoma;
  font-size: 12px;
    -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  font-weight: 600;
  }
  
table.animate_menu_franta a:hover{
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/dark210.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: black;
  text-shadow: none;
  text-decoration: none;
  }
  
  
a.mainmenu:before{
content: url(https://cdn4.iconfinder.com/data/icons/fugue/icon/status-offline.png);
  position: relative;
  right: 3px;
  top: 3px;
}

a.mainmenu:hover:before{
content: url(https://cdn4.iconfinder.com/data/icons/fugue/icon/status.png);
}

a.mainmenu img{
  display: none;
}