Login | Register | FAQ
Anonymous

I need HELP CREATING A NAVIGATION BAR LIKE...

+ Post a reply

5 posts Page 1 of 1


I need HELP CREATING A NAVIGATION BAR LIKE...

by healer25 » Tue May 01, 2012 12:41 pm

lIKE for fxpro.com, or html.net or any other ones with fancy dropmenus thanks. Also on fxpro homepage there is a slide show with different pictures coming up one after the other anyone with an idea how i could create such a counting slide of pictures. i noticed each picture links to different page too
User avatar

healer25

  • Posts: 57
  • Joined: Fri Dec 17, 2010 10:16 am

Re: I need HELP CREATING A NAVIGATION BAR LIKE...

by chrisf1288 » Tue May 01, 2012 5:36 pm

Their are plenty of tutorials on creating navigation menus. Like this one: http://www.red-team-design.com/css3-dropdown-menu or you could even use a generator: http://www.cssmenumaker.com/
As far as the slideshow goes, http://slidesjs.com/ and http://jquery.malsup.com/cycle/ are both pretty simple and easy to work with.
If you have any other questions just ask.
User avatar

chrisf1288

  • Posts: 128
  • Joined: Sun Jun 26, 2011 1:01 am

Re: I need HELP CREATING A NAVIGATION BAR LIKE...

by healer25 » Wed May 02, 2012 10:36 am

chrisf1288 wrote:Their are plenty of tutorials on creating navigation menus. Like this one: http://www.red-team-design.com/css3-dropdown-menu or you could even use a generator: http://www.cssmenumaker.com/
As far as the slideshow goes, http://slidesjs.com/ and http://jquery.malsup.com/cycle/ are both pretty simple and easy to work with.
If you have any other questions just ask.



Thanks a billion i'll check them out.
User avatar

healer25

  • Posts: 57
  • Joined: Fri Dec 17, 2010 10:16 am

Re: I need HELP CREATING A NAVIGATION BAR LIKE...

by chrisf1288 » Wed May 02, 2012 4:29 pm

Glad to help :)
User avatar

chrisf1288

  • Posts: 128
  • Joined: Sun Jun 26, 2011 1:01 am

Re: I need HELP CREATING A NAVIGATION BAR LIKE...

by healer25 » Sun May 13, 2012 10:42 am

I CHECKed them out and loved what i saw but implementing is now a challenge.
I followed the instructions on slidesjs.com homepage because its their example
i was interested in but couldnot implement it or it doesnot work.
I have never used jquery before but i followed the steps and downloaded
a full .js file from jquery.com and attached it to the html codes just as they
said my codes are below but nothing happened.I even put the jquery file into
the same folder as my html codes. I created an img directory put in
4 of my favorite pictures naming them t1 to t4 and used their custom setting.
I really wonder where i could missed it but nothing shows up on my page when
launched. Please i would really be glad if you help out. Thanks


<!doctype html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="jquery.css">
<style type="text/css" media="screen">
.slides_container {
width:570px;
height:270px;
}
.slides_container div {
width:570px;
height:270px;
display:block;
}
</style>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="slides.js"></script>

<script>
$(function(){
$("#slides").slides({
preload: true,
preloadImage: '/img/t1.jpg',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>

</head>
<body>
<div id="slides">
<div class="slides_container">
<div>
<img src="t1.jpg">
</div>
<div>
<img src="t2.jpg">
</div>
<div>
<img src="t3.jpg">
</div>
<div>
<img src="t4.jpg">
</div>
</div>
</div>
</body>
User avatar

healer25

  • Posts: 57
  • Joined: Fri Dec 17, 2010 10:16 am


+ Post a reply

Page 1 of 1