Problem z funkcją menu
-
Witam
Mam problem z zaaplikowaniem menu do wordpressaPoniżej kody
HTML MENU:
<div id="menu"> <div class="cl-effect-5"> <a href="#" class="menu_"><span data-hover="STRONA GŁÓWNA">STRONA GŁÓWNA</span></a> <a href="#" class="menu_"><span data-hover="BLOG">BLOG</span></a> <a href="#" class="menu_"><span data-hover="BIOGRAFIA">BIOGRAFIA<span></a> <a href="#" class="menu_"><span data-hover="GALERIA">GALERIA</span></a> <a href="#" class="menu_"><span data-hover="MEDIA">MEDIA</span></a> <a href="#" class="menu_"><span data-hover="DOWNLOAD">DOWNLOAD</span></a> <a href="#" class="menu_"><span data-hover="ZAMÓW">ZAMÓW</span></a> </div> </div>
CSS:
#menu {width:1024px;height:49px;float:left;background:url('img/menu_.png');} .menu_ {float:left;line-height:49px;padding:0 16px 0 16px;font-family:Neosans;color:#9f9f9f;} .menu_:hover {background:url('img/menu_hover.png');float:left;line-height:49px;padding:0 16px 0 16px;font-family:Neosans;text-decoration:none;color:#fff;} .cl-effect-5 a {float:left;overflow: hidden;} .cl-effect-5 a span { position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;} .cl-effect-5 a span::before { position: absolute;top: 100%;content: attr(data-hover);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .cl-effect-5 a:hover span, .cl-effect-5 a:focus span { -webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
Pomoże ktoś?
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- Temat ‘Problem z funkcją menu’ jest zamknięty na nowe odpowiedzi.