пропозиції роботи
Damian Kard Graphic designer
Temat: Dodanie strony html z css i javascript do wordpress'a
Witam, potrzebuję zrobić na swojej stronie menu w formie takiej jak tu http://codecanyon.net/item/-metro-flexible-navigation/... , obecnie używam menu w formie dropdown i to też pozostanie a takie rozwiązanie będzie dodatkowe dla innej grupy użytkowników tej strony. Zakupiłem ten "plugin" (nazwę to tak by było łatwiej opisać problem) i troszkę zmieniłem pod swoje potrzeby, tj przewijanie tylko w górę i dół oraz nieco inny wygląd tych okienek, problem w tym że nie mam pojęcia jak umieścic to na stronie tak by po kliknieciu pozycji w menu pokazywała się podstrona z tym pluginem i jednocześnie zostawało wszystko co jest w seksji header, czyli jeśli dobrze rozumiem plugin musi pojawiać się w sekcji content. Pytałem twórcę tego pluginu i zaproponował bym zmienił plik index.html na index.php po prostu i dodał taka stronę do wordpressa, ale nie jest to w żaden sposób dla mnie logiczne. Jak można to wykonać ? Wtyczka zawiera takie pliki i foldery:CSS -> metro.css
IMAGES -> kilka plików jpg
JS -> metro.js
jquery.plugins.min.js
jquery.min.js
respond.min0.js
WEBFONTS -> pliki fontów
index.html
index.html zawiera:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Staff website</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" type="text/css" media="all" href="css/metro.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.plugins.min.js"></script>
<script src="js/metro.js"></script>
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="metro-layout horizontal">
<div class="header">
<div class="controls">
<span class="down" title="Scroll down"></span>
<span class="up" title="Scroll up"></span>
<span class="next" title="Scroll left"></span>
<span class="prev" title="Scroll right"></span>
</span>
</div>
</div>
<div class="content clearfix">
<div class="items">
<a class="box" href="#">
<span>Mail</span>
<img class="icon" src="images/mail.png" alt="" />
</a>
<a class="box" href="#" style="background: #ffffff;">
<span>Settings</span>
<img class="icon" src="images/settings.png" alt="" />
</a>
<a class="box" href="#" style="background: #43b51f;">
<span>Make a call</span>
<img class="icon" src="images/phone.png" alt="" />
</a>
<a class="box width2 height2" href="#">
<span>Photos</span>
<img class="cover" src="images/gallery.jpg" alt="" />
</a>
<a class="box" href="#" style="background: #00aeef;">
<span>Music</span>
<img class="icon" src="images/music.png" alt="" />
</a>
<a class="box" href="#" style="background: #f58d00;">
<span>Firefox</span>
<img class="icon" src="images/firefox.png" alt="" />
</a>
<a class="box" href="#" style="background: #640f6c;">
<span>Yahoo</span>
<img class="icon" src="images/yahoo.png" alt="" />
</a>
<a class="box height2" href="#" style="background: #d32c2c;">
<span>GMail</span>
<img class="icon big" src="images/gmail.png" alt="" />
</a>
<a class="box" href="#" style="background: #3c5b9b;">
<span>Facebook</span>
<img class="icon" src="images/facebook.png" alt="" />
</a>
<a class="box" href="#" style="background: #ffc808;">
<span>Winamp</span>
<img class="icon" src="images/winamp.png" alt="" />
</a>
<a class="box" href="#" style="background: #00a9ec;">
<span>Tasks</span>
<img class="icon" src="images/tasks.png" alt="" />
</a>
<a class="box height2" href="#" style="background: #4c5e51;">
<span>DeviantART</span>
<img class="icon big" src="images/deviantart.png" alt="" />
</a>
<a class="box" href="#" style="background: #f874a4;">
<span>Dribbble</span>
<img class="icon" src="images/dribbble.png" alt="" />
</a>
</div>
</div>
</div>
</body>
</html>
dodam że chciał bym mieć tą podstronę dostepną normalnie z poziomu panelu administratora dlatego że mogę/muszę ją zabezpieczyć wtyczką role/scoper która zabezpiecza mi podstrony przed dostępem dla zwykłych użytkowników.
moja strona to: theploughharborne.co.uk
