COuld someone make me a navigator a little like habbcrazy.net, when you hover over it, it gets darker. PM me for more information.
Printable View
COuld someone make me a navigator a little like habbcrazy.net, when you hover over it, it gets darker. PM me for more information.
you paying?
Well ill +rep you and your name will be on footer.Quote:
Originally Posted by <?PHP>
Its not Flash BTW
That's not flash, simple css or javascript.
HTML Code:<style>
#buttonid
{
background-image: url('path/to/image1');
}
#buttonid:hover
{
background-image: url('path/to/hover-image');
}
</style>
<div id="buttonid"></div>
or alternatively
<style>
#buttonid
{
background-color:#CCCCCC
}
#buttonid:hover
{
background-color:#999999
}
</style>
<div id="buttonid"></div>
Quote:
Originally Posted by Jme
kk, ty rep!Quote:
Originally Posted by JimboJosh
Lols as if you thought that was flash :P
yeah i did lol, because there was a tut on youtube telling you how to make a dropdown menu and when you hover over it it turns darker, and it was on adobe flash so i thought this one would be aswellQuote:
Originally Posted by Bojangles
Ohhh haha, well now you know it's not and how simple it is :)
And at php, your a fool. Wanting money for something so simple rofl, you say you know html and php I bet you don't even know what html stands for.
i did that, but unless i type someting in the box and hyper link that, the box doesn't show.Quote:
Originally Posted by JimboJosh
ok it should be<style type="text/css">
<style type="text/css">
<!--
#buttonid
{
background-color:#CCCCCC
}
#buttonid:hover
{
background-color:#999999
}
-->
</style>
<div id="buttonid"></div>
still the sameQuote:
Originally Posted by JimboJosh
<head>
<style type="text/css">
<!--
#buttonid
{
background-color:#CCCCCC
}
#buttonid:hover
{
background-color:#999999
}
-->
</style>
</head>
<body>
<div id="buttonid"></div>
</body>
Have you got the correct width and height?
(insert hash here because I can't do them) buttonid {
background-image: url(urlhere);
width: whatever the width is;
height: whatever the height is;
}
With all the other coding and after </style>
put
<div id="buttonid"></div>
EDIT: Make sure the div is UNDERNEATH the <body> tag :)
Hmm, could you do it for me
Heres the 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HabboFury ;; We can light up your day!</title>
<style type="text/css">
#buttonid
{
background-image:url(images/boxes/nav%20button%201.PNG)
}
#buttonid:hover
{
background-image:url(images/boxes/nav%20button%202.PNG);
cursor: default;
}
container {
width: ;
}
body {
background-image: url();
background-color: #e4e2e0;
}
#apDiv1 {
position:absolute;
left:22px;
top:3px;
width:940px;
height:10px;
z-index:1;
background-image: url(test/top%20layout.PNG);
margin: 0px;
padding: 14px;
}
#apDiv2 {
position:absolute;
left:0px;
top:0px;
width:27px;
height:38px;
z-index:1;
margin: 0px;
}
#apDiv3 {
position:absolute;
left:5px;
top:0px;
height:10px;
z-index:2;
width: 942px;
background-image: url(images/top%20layout%20mid.PNG);
padding: 14px;
}
#apDiv4 {
position:absolute;
left:35px;
top:38px;
width:177px;
height:92px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:36px;
top:171px;
width:926px;
height:12px;
z-index:4;
background-image: url(images/dj%20says%20or%20login.PNG);
padding: 12px;
}
#apDiv6 {
position:absolute;
left:997px;
top:0px;
width:27px;
height:38px;
z-index:5;
}
.style3 {
font-size: 11px;
color: #FFFFFF;
font-family: Verdana;
}
#buttonid
{
background-image:url(images/boxes/nav%20button%201.PNG)
}
#buttonid:hover
{
background-image:url(images/boxes/nav%20button%202.PNG);
cursor: default;
}
.style4 {font-size: 9px; color: #FFFFFF; font-family: "Volter (Goldfish)";}
#apDiv7 {
position:absolute;
left:276px;
top:199px;
width:439px;
height:22px;
z-index:6;
background-image: url(images/dj%20says%20or%20login%202.PNG);
padding-top: 10px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}
#apDiv8 {
position:absolute;
left:281px;
top:252px;
width:444px;
height:34px;
z-index:7;
background-image: url(images/boxes/content%20top.PNG);
padding: 7px;
}
.style7 {
font-family: Tahoma;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
}
#apDiv9 {
position:absolute;
left:281px;
top:304px;
width:458px;
z-index:8;
background-image: url(images/boxes/content%20mid.PNG);
height: 3px;
}
#apDiv10 {
position:absolute;
left:281px;
top:774px;
width:457px;
height:18px;
z-index:9;
}
#apDiv11 {
position:absolute;
left:281px;
top:300px;
width:428px;
z-index:10;
background-image: url(images/boxes/content%20mid.PNG);
padding: 15px;
}
#apDiv12 {
position:absolute;
left:61px;
top:231px;
width:192px;
height:34px;
z-index:11;
}
#apDiv13 {
position:absolute;
left:61px;
top:265px;
width:182px;
z-index:12;
background-image: url(images/boxes/nav%20mid.png);
padding: 5px;
}
#apDiv14 {
position:absolute;
left:61px;
top:414px;
width:59px;
height:6px;
z-index:13;
}
#apDiv15 {
position:absolute;
left:61px;
top:437px;
width:192px;
height:46px;
z-index:14;
}
#apDiv16 {
position:absolute;
left:591px;
top:314px;
width:65px;
height:39px;
z-index:15;
}
#apDiv17 {
position:absolute;
left:647px;
top:308px;
width:78px;
height:39px;
z-index:16;
}
#apDiv18 {
position:absolute;
left:61px;
top:483px;
width:168px;
z-index:17;
background-image: url(images/boxes/radio%20mid.png);
padding: 12px;
height: 62px;
}
#apDiv19 {
position:absolute;
left:61px;
top:569px;
width:48px;
height:26px;
z-index:18;
}
#apDiv20 {
position:absolute;
left:61px;
top:596px;
width:28px;
height:26px;
z-index:19;
}
#apDiv21 {
position:absolute;
left:61px;
top:643px;
width:168px;
z-index:20;
background-image: url(images/boxes/updates%20mid.PNG);
padding: 12px;
height: 107px;
}
#apDiv22 {
position:absolute;
left:61px;
top:773px;
width:104px;
height:83px;
z-index:21;
}
#apDiv23 {
position:absolute;
left:71px;
top:786px;
width:811px;
height:10px;
z-index:22;
background-image: url(images/boxes/footer.PNG);
padding-top: 10px;
padding-right: 60px;
padding-bottom: 10px;
padding-left: 10px;
}
#apDiv24 {
position:absolute;
left:205px;
top:6px;
width:55px;
height:11px;
z-index:23;
}
#apDiv25 {
position:absolute;
left:770px;
top:232px;
width:62px;
height:31px;
z-index:24;
}
#apDiv26 {
position:absolute;
left:770px;
top:266px;
width:183px;
z-index:25;
background-image: url(images/boxes/nav%20mid.png);
height: 133px;
padding: 5px;
}
#apDiv27 {
position:absolute;
left:770px;
top:409px;
width:61px;
height:39px;
z-index:26;
}
#apDiv28 {
position:absolute;
left:770px;
top:437px;
width:134px;
height:34px;
z-index:27;
}
#apDiv29 {
position:absolute;
left:770px;
top:471px;
width:192px;
z-index:28;
background-image: url(images/boxes/nav%20mid.png);
}
#apDiv30 {
position:absolute;
left:770px;
top:559px;
width:158px;
height:39px;
z-index:29;
}
#apDiv31 {
position:absolute;
left:770px;
top:585px;
width:142px;
height:34px;
z-index:30;
}
#apDiv32 {
position:absolute;
left:770px;
top:619px;
width:182px;
z-index:31;
background-image: url(images/boxes/nav%20mid.png);
padding: 5px;
height: 125px;
}
#apDiv33 {
position:absolute;
left:771px;
top:756px;
width:52px;
height:28px;
z-index:32;
}
.style13 {color: #999999}
.style16 {font-family: Verdana; font-size: 11px;}
.style17 {font-family: Verdana; font-weight: bold; font-size: 11px;}
.style18 {font-family: Verdana; font-size: 11px; color: #999999; }
.style19 {font-family: Verdana; font-size: 11px; color: #999999; font-weight: bold; }
.style20 {
font-family: Verdana;
font-size: 16px;
}
-->
</style>
</head>
<body>
<div id="apDiv2"><img src="images/top layout left.PNG" width="27" height="38" /></div>
<div class="style4" id="apDiv3">
</div>
<div id="apDiv4"><img src="images/banner1.PNG" width="950" height="138" /></div>
<div class="style3" id="apDiv5">
<marquee>
<div align="center">Hello, welcome to <a href="test/index.html">HabboFury.com</a> a dedicated Habbo<a> UK</a> and <a href="habbo.com">USA</a> Unnoficial fansite, owned by Gangster and LegendOfNoob.</div>
</marquee>
</div>
<div id="apDiv6"><img src="images/top layout right.PNG" width="27" height="38" /></div>
<div id="apDiv7">
<div align="center" class="style3">Search Croaked for a party, woot!</div>
</div>
<div class="style7" id="apDiv8">
<div align="center">Welcome to HabboFury!</div>
</div>
<div id="apDiv10"><img src="images/boxes/content bot.PNG" width="458" height="18" /></div>
<div class="style13" id="apDiv11"> <span class="style16">Hello, and welcome to HabboFury.com. An unoffcial Habbo UK and USA fansite. This wondreful fansite is owned by both <strong>Gangster</strong> and <strong>LegendOfNoob</strong>.
HabboFury only just recently opened. We try our hardest to make this fansite better for you. We try and make the layout as eye appealing as we can. And we try to get the latest scripts and features on this site. We also create scripts and layouts for you! Our latest script is our Usersystem created by LegendOfNoob. So, there's no excuse for you not to be on this site! It's wonderful!</span><br />
__________________________________________________ ___<br />
<span class="style17"><br />
FuryHomes</span><span class="style16"> is a place to design your very own HomePage which other members will be able to view, post comments, rate it and alot more. We have colourful and well designed stickers, backgrounds and alot more. Unfortunately, this screipt is not up for download, but LegendOfNoob is working on a different Habbo Homes that will be more up to date for you. There will be 2 different kinds. <br /><br />
<strong>Basic</strong> - Free <br />
<strong>Advanced</strong> - PayPal </span><br />
__________________________________________________ ___<br /><br />
<span class="style17">HabboFury needs staff</span> <span class="style16">to help us run this fansite. We have a variety of jobs available. Once you've applied for a job, you will receive a email with all the information you need. We advise you save that email so you don't forget anything in it. This e-mail will come with all the rules, all of those rules must be followed, or you will lose your job. If you want to be a <strong>Radio DJ</strong>, YOU MUST BE 13 OR OVER. This is because your voice will have developed more and your voice will be deeper on the microphone. You must also have at least 200 songs without swearing. If there is a song that alot of users request that has swearing and you can't find a clean version. We will simply download that song, and beep out any wearing. If you'd like a job, click <a href="jobs.html">here</a>.</span></div>
<div id="apDiv12"><img src="images/boxes/nav top.PNG" width="192" height="34" /></div>
<div id="apDiv13">
<div id="masterdiv"><span class="submenu" id="sub5">dfgdfhfdtghfghfgh<br>
</span>
</div></div>
<div id="apDiv14"><img src="images/boxes/nav bot.png" width="191" height="6" /></div>
<div id="apDiv15"><img src="images/boxes/radio top.png" width="192" height="46" /></div>
<div id="apDiv18">
<p align="center" class="style19">HabboFury's radio is currently offline</p>
<p> </p>
</div>
<div id="apDiv19"><img src="images/boxes/radio bot.PNG" width="192" height="14" /></div>
<div id="apDiv20"><img src="images/boxes/updates top.PNG" width="192" height="47" /></div>
<div id="apDiv21">
<p class="style18"><strong>2nd April 08 - </strong>HabboFury has released a brand new script! A Usersystem, Thre a 2 different types. A Basic version which is free, or an Advanced version which you have to pay for vial paypal.</p>
<p> </p>
<p> </p>
</div>
<div id="apDiv22"><img src="images/boxes/updates bot.PNG" width="192" height="13" /></div>
<div class="style3" id="apDiv23">
<div align="center"><marquee>Copyright HabboFury.com. Layout Designed and Coded by Gangster. All rights reserved.</marquee> </div>
</div>
<div id="apDiv25"><img src="images/boxes/DOTW top.PNG" width="192" height="34" /></div>
<div id="apDiv26">
<p class="style18">This weeks <strong>DJ of the Week</strong>, is <strong>DJ Gangster</strong>. He received 104 votes. There were 237 votes. Users could only vote once. Congratulations <strong>DJ Gangster</strong>. YOu will be able to make 2 extra slots then the usual limit!</p>
<p> </p>
<p> </p><br />
</div>
<div id="apDiv27"><img src="images/boxes/nav bot.png" width="191" height="6" /></div>
<div id="apDiv28"><img src="images/boxes/news top.PNG" width="192" height="34" /></div>
<div id="apDiv29">
<p> </p>
<p> </p>
</div>
<div id="apDiv30"><img src="images/boxes/nav bot.png" width="191" height="6" /></div>
<div id="apDiv31"><img src="images/boxes/hmm... top.PNG" width="192" height="34" /></div>
<div id="apDiv32">
<p class="style18">Bored? Then you shouldn't be staring at the HomePage, you could play one of our amazing games, or request your favourite song using our request line. There are many things you could do rather than just stare at the hompage!</p>
<p> </p>
</div>
<div id="apDiv33"><img src="images/boxes/nav bot.png" width="191" height="6" /></div>
<img src="images/boxes/content mid.PNG" width="458" height="1" />
</body>
</html>
i want the button to replace dfgdfhfdtghfghfgh
ill rep you :)
firstly, what is masterdiv?
#apDiv13 {
position:absolute;
left:61px;
top:265px;
width:182px;
z-index:12;
background-image: url(images/boxes/nav%20mid.png);
padding: 5px;
}
#apDiv13:hover {
position:absolute;
left:61px;
top:265px;
width:182px;
z-index:12;
background-image: url(images/boxes/nav%20mid.png);
padding: 5px;
}
i wouldnt advise using spaces for links aswell :) use - or _