eMoneySpace
Welcome, Guest. Please login or register.
Did you miss your activation email?
News: Welcome to eMoneySpace! Dec 09, 2022 02:34 am




HTML EXPERT WANTED
Print
Author Topic: HTML EXPERT WANTED  (Read 7945 times)
ShortBux
Reputation: (+15)
*

Offline

Posts: 1365
Referrals: 49

View Profile
Reply #15: Mar 09, 2009 08:30 am

i want your help jameswr...pm'ed already...

thanx shortbux for your support too...

My pleasure mate, actually some people do help for free but others are so over estimated (with no skills) and charge you money. When you don't pay them they whine and cry baby.
Logged
vasishta
Reputation: (+7)
*

Offline

Gender: Male
Posts: 3473
Referrals: 15

View Profile WWW
Reply #16: Mar 09, 2009 08:41 am

divs and ul and li tags. very simple

Get me the code please. Tongue
Logged

administer
Reputation: (+4)
*

Offline

Gender: Male
Posts: 887
Referrals: 0

H.O.D - Evilology

View Profile WWW
Reply #17: Mar 09, 2009 09:13 am

sent you the code vasishta.....got it???
Logged
vasishta
Reputation: (+7)
*

Offline

Gender: Male
Posts: 3473
Referrals: 15

View Profile WWW
Reply #18: Mar 09, 2009 09:51 am

sent you the code vasishta.....got it???

not working!

I need  drop down menu
Logged

Origin
Reputation: (+28)
*

Offline

Gender: Male
Posts: 2432
Referrals: 18


Super Noob!

View Profile WWW
Reply #19: Mar 09, 2009 10:49 am

Dropdown with Javascript (jQuery)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Drop-Down Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" earn, money, space" />
<meta name="description" content="Earn Money Space, earn money online safely" />

<link href="style.css" media="all" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dropdown.js"></script>
<![endif]-->

</head>
<body>

<h1>Simple Horizontal CSS Drop-Down Menu Demo</h1>

<ul id="nav" class="dropdown dropdown-horizontal">
<li><a href="./">Home</a></li>
<li class="dir">About Us
<ul>
<li><a href="./">History</a></li>
<li><a href="./">Our Vision</a></li>
<li class="dir"><a href="./">The Team</a>
<ul>
<li><a href="./">Brigita</a></li>
<li><a href="./">John</a></li>
<li><a href="./">Michael</a></li>
<li><a href="./">Peter</a></li>
<li><a href="./">Sarah</a></li>
</ul>
</li>
<li><a href="./">Clients</a></li>
<li><a href="./">Testimonials</a></li>
<li><a href="./">Press</a></li>
<li><a href="./">FAQs</a></li>
</ul>
</li>
<li class="dir">Services
<ul>
<li><a href="./">Product Development</a></li>
<li><a href="./">Delivery</a></li>
<li><a href="./">Shop Online</a></li>
<li><a href="./">Support</a></li>
<li><a href="./">Training &amp; Consulting</a></li>
</ul>
</li>
<li class="dir">Products
<ul>
<li class="dir"><a href="./">New</a>
<ul>
<li><a href="./">Corporate Use</a></li>
<li><a href="./">Private Use</a></li>
</ul>
</li>
<li class="dir"><a href="./">Used</a>
<ul>
<li><a href="./">Corporate Use</a></li>
<li><a href="./">Private Use</a></li>
</ul>
</li>
<li><a href="./">Featured</a></li>
<li><a href="./">Top Rated</a></li>
<li><a href="./">Prices</a></li>
</ul>
</li>
<li><a href="./">Gallery</a></li>
<li><a href="./">Events</a></li>
<li><a href="./">Careers</a></li>
<li class="dir"><a href="./">Contact Us</a>
<ul>
<li><a href="./">Enquiry Form</a></li>
<li><a href="./">Map &amp; Driving Directions</a></li>
<li><a href="./">Your Feedback</a></li>
</ul>
</li>
</ul>

</body>
</html>
Logged


I accept coding work..
Origin
Reputation: (+28)
*

Offline

Gender: Male
Posts: 2432
Referrals: 18


Super Noob!

View Profile WWW
Reply #20: Mar 09, 2009 10:53 am

Here is the style.css
Code:
@charset "UTF-8";

* {
 margin: 0;
 padding: 0;
}

body {
 padding: 50px;
 border-top: solid 1px #fff;
 background: #fff url(images/pattern1.png) 0 0 repeat-x;
 font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;
}

p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}

.dropdown-upward {
 margin-top: 400px !important;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown {
 font-weight: bold;
}

ul.dropdown li {
padding: 7px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #eee;
color: #000;
}

ul.dropdown a:link,
ul.dropdown a:visited { color: #000; text-decoration: none; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }


/* -- level mark -- */

ul.dropdown ul {
width: 150px;
margin-top: 1px;
}

ul.dropdown ul li {
font-weight: normal;
}



/*-------------------------------------------------/
 * @section Support Class `dir`
 * @level sep ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}
Logged


I accept coding work..
Origin
Reputation: (+28)
*

Offline

Gender: Male
Posts: 2432
Referrals: 18


Super Noob!

View Profile WWW
Reply #21: Mar 09, 2009 10:57 am

here is jquery.dropdown.js
Code:
$(document).ready(function(){

 $("ul.dropdown li").hover(function(){
   $(this).addClass("hover");
   $('> .dir',this).addClass("open");
   $('ul:first',this).css('visibility', 'visible');
 },function(){
   $(this).removeClass("hover");
   $('.open',this).removeClass("open");
   $('ul:first',this).css('visibility', 'hidden');
 });

});

You need to have latest jQuery, it can be downloaded here: http://docs.jquery.com/Downloading_jQuery
Logged


I accept coding work..
rose123jack
Reputation: (0)
*

Offline

Posts: 227
Referrals: 1

View Profile
Reply #22: Mar 09, 2009 11:26 am

he is not a doctor Smiley
Logged
vasishta
Reputation: (+7)
*

Offline

Gender: Male
Posts: 3473
Referrals: 15

View Profile WWW
Reply #23: Mar 09, 2009 12:15 pm

Dropdown with Javascript (jQuery)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Drop-Down Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" earn, money, space" />
<meta name="description" content="Earn Money Space, earn money online safely" />

<link href="style.css" media="all" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dropdown.js"></script>
<![endif]-->

</head>
<body>

<h1>Simple Horizontal CSS Drop-Down Menu Demo</h1>

<ul id="nav" class="dropdown dropdown-horizontal">
<li><a href="./">Home</a></li>
<li class="dir">About Us
<ul>
<li><a href="./">History</a></li>
<li><a href="./">Our Vision</a></li>
<li class="dir"><a href="./">The Team</a>
<ul>
<li><a href="./">Brigita</a></li>
<li><a href="./">John</a></li>
<li><a href="./">Michael</a></li>
<li><a href="./">Peter</a></li>
<li><a href="./">Sarah</a></li>
</ul>
</li>
<li><a href="./">Clients</a></li>
<li><a href="./">Testimonials</a></li>
<li><a href="./">Press</a></li>
<li><a href="./">FAQs</a></li>
</ul>
</li>
<li class="dir">Services
<ul>
<li><a href="./">Product Development</a></li>
<li><a href="./">Delivery</a></li>
<li><a href="./">Shop Online</a></li>
<li><a href="./">Support</a></li>
<li><a href="./">Training &amp; Consulting</a></li>
</ul>
</li>
<li class="dir">Products
<ul>
<li class="dir"><a href="./">New</a>
<ul>
<li><a href="./">Corporate Use</a></li>
<li><a href="./">Private Use</a></li>
</ul>
</li>
<li class="dir"><a href="./">Used</a>
<ul>
<li><a href="./">Corporate Use</a></li>
<li><a href="./">Private Use</a></li>
</ul>
</li>
<li><a href="./">Featured</a></li>
<li><a href="./">Top Rated</a></li>
<li><a href="./">Prices</a></li>
</ul>
</li>
<li><a href="./">Gallery</a></li>
<li><a href="./">Events</a></li>
<li><a href="./">Careers</a></li>
<li class="dir"><a href="./">Contact Us</a>
<ul>
<li><a href="./">Enquiry Form</a></li>
<li><a href="./">Map &amp; Driving Directions</a></li>
<li><a href="./">Your Feedback</a></li>
</ul>
</li>
</ul>

</body>
</html>

Origin.. Do you use Gtalk? I gotta talk to ya.
Logged

Origin
Reputation: (+28)
*

Offline

Gender: Male
Posts: 2432
Referrals: 18


Super Noob!

View Profile WWW
Reply #24: Mar 09, 2009 12:54 pm

Origin.. Do you use Gtalk? I gotta talk to ya.
No, PM me your MSN/Yahoo
Logged


I accept coding work..
vasishta
Reputation: (+7)
*

Offline

Gender: Male
Posts: 3473
Referrals: 15

View Profile WWW
Reply #25: Mar 09, 2009 02:04 pm

No, PM me your MSN/Yahoo

Sent Another PM.. no reply.
Logged

Origin
Reputation: (+28)
*

Offline

Gender: Male
Posts: 2432
Referrals: 18


Super Noob!

View Profile WWW
Reply #26: Mar 09, 2009 04:14 pm

replied, will check your blog tomorrow.  Cool
Logged


I accept coding work..
administer
Reputation: (+4)
*

Offline

Gender: Male
Posts: 887
Referrals: 0

H.O.D - Evilology

View Profile WWW
Reply #27: Mar 09, 2009 07:38 pm

vasishta i got that code from deluisional...
« Last Edit: Mar 09, 2009 07:43 pm by administer » Logged
administer
Reputation: (+4)
*

Offline

Gender: Male
Posts: 887
Referrals: 0

H.O.D - Evilology

View Profile WWW
Reply #28: Mar 09, 2009 07:42 pm

he is not a doctor Smiley
who said you spammer that iam not....iam a doctor studying MBBS in chennai...
Logged
Delusional

Reputation: (+2)
*

Offline

Gender: Male
Posts: 4713
Referrals: 6


GPSBlack Creator

View Profile WWW
Reply #29: Mar 10, 2009 01:04 am

thats was example code for vertical menu. nothing else.
Logged

Print
 
Jump to:  
Copyright © 2008-2022 eMoneySpace. All rights reserved.