LukeeeeBennett
Members
-
Joined
-
Last visited
Everything posted by LukeeeeBennett
-
Yeah, I didn't expect an error, just some modification to make it work with cufon. Any guesses?
-
Hello, I'm setting up a website and wanted to try a new way of fading navigation button colours. So I'm trying to make it go from a yellow to white when the mouse is over it. Using this tutorial: http://cssglobe.com/post/3503/fading-color-effect-for-inline-text-links-using-jquery However, when I activate my cufon text replacement so I can use "OldSansBlack" as the button fonts, the text completely disappears. Here it is: http://lbdesign.comze.com/american_audio_hosting/ Source 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>American Audio Hosting</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="js/cufon_js.js"></script> <script type="text/javascript" src="js/OldSansBlack_500.font.js"></script> <script type="text/javascript" src="js/replacements.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/fadeLinks.js"></script> </head> <body> <div id="logo"> </div> <div id="logotype"> </div> <div id="content_area"> <div id="navigation"> <div id="home"> <p><a href="index.html">HOME</a></p> </div> <div id="products"> <p><a href="#">PRODUCTS</a></p> </div> <div id="about_us"> <p><a href="#">ABOUT US</a></p> </div> <div id="contact"> <p><a href="#">CONTACT</a></p> </div> </div> </div> </body> </html> css: body { margin:0px; padding:0px; background-color:#e0dcdc; font-family:Arial, Helvetica, sans-serif; } #content_area { background-image:url(images/content_area.png); width:715px; height:629px; position:absolute; left:158px; top:14px; z-index:800; } #logo { background-image:url(images/logo.png); width:201px; height:292px; position:relative; z-index:999; } #logotype { background-image:url(images/logotype.png); width:596px; height:43px; position:absolute; left:210px; top:34px; z-index:998; } #navigation { position:absolute; top:56px; font-family:Helvetica, Arial, sans-serif; font-size:30px; z-index:997; } #home { position:absolute; left:50px; width:82px; height:24px; } #products { position:absolute; left:175px; width:150px; height:25px; } #about_us { position:absolute; left:367px; width:149px; height:27px; } #contact { position:absolute; left:546px; width:131px; height:28px; } #navigation a{ color:#f30; font-weight:bold; text-decoration:none; } #navigation a span.two{ color:#069; cursor:pointer; }
-
Awesome! Thanks so much!
-
Can anyone help me identify the SHOUTcast font? "WhatTheFont!" is really buggy at the moment so I thought someone with an eye for fonts could help? Many thanks.
-
Yah, I've got it all done now. Thanks for pointing me in the direction.
-
Is there anyway to set an algorithm into it?
-
Thanks for the reply, BUT, I just found out that MS Word does what I want.
-
Hello, I recently received 200+ emails that need replying to with unique codes for discounts on some products. I was wondering if there was any way I could do this? Maybe using phpMyAdmin or something? The database has 4 fields; <id>, <Name>, <E-Mail> and <Unique Code>. I want to be able to tell it to send an email to <E-Mail> with, "Hello, <Name>. Your unique code is <Unique Code>." Is that possible? I was also wondering if there was a way to generate the codes? Following: X = Random Letter | AA= Number between 20-50 | BB= Number between 80-99 I want to codes to look like this: XX-AA-XX-BB-XX
-
I found out it was called "Faceted filtering" or "Faceted search/navigation" Can't find any tutorials or scripts though.
-
I was going to try and approach a store navigation like this one: http://www.asos.com/Men/Jeans/Cat/pgecategory.aspx?cid=4208 (On the left, "Refine"). I was wondering how hard this would be? Any tips? Any tutorials? Thanks.
-
Hello there, I would love a script that you can put on a website that's restricted to one currency and it finds everything that starts with "£" and then converts it to "$" and changes the numbers after it to the converted rate. Anyone know any websites to help me achieve this? Also, I use an iFrame code in a part of my site to connect to my other site, but I have these "floating" buttons that scroll with the page and they aren't working in the iFrame view. Does iFrame not support javascript? Here's the code:
-
Haha, I can code HTML and CSS. Like, that site right there I could easily re-code on my own. It's just the more advanced stuff. I don't really have the time to learn it right now. Thanks a lot for the link.
-
Hello, I've got a bad habit designing a site fully of photoshop. Especially as I'm primarily a graphic designer. I want to start actually using text in the website I produce and thought my portfolio would be a good place to start. http://lbdesign.comze.com/ If you look here, you can see that the text is all part of various images. Is there a way I can get this very small drop shadow effect behind the text but using CSS or HTML? I suppose I could just use bold, but it's not the same style. Thanks.
-
On my site (http://funnyjunkstore.spreadshirt.co.uk/) I have buttons on the left and right that scroll down with the page. I can't change them per page because spreadshirt wont let me. Is there any way that I can code them so that when the buttons are on a certain URL e.g. http://funnyjunkstore.spreadshirt.co.uk/p2 the "Next" button goes to http://funnyjunkstore.spreadshirt.co.uk/p3 and the previous to http://funnyjunkstore.spreadshirt.co.uk/. But, if it was on http://funnyjunkstore.spreadshirt.co.uk/p10 then the next would go to http://funnyjunkstore.spreadshirt.co.uk/p11 and previous to http://funnyjunkstore.spreadshirt.co.uk/p9 ? I'd love the help, thanks.
-
Awesome, so, right now, I've got these side buttons that run through my site that I can't change per page (http://funnyjunkstore.spreadshirt.co.uk/ - The ones that scroll with the bar), if I put that code around the "Next" and "Previous" buttons, then when it goes to the next page, the buttons target URL will change? How can I alter the script above to configure it to urls like "http://funnyjunkstore.spreadshirt.co.uk/p2" and "http://funnyjunkstore.spreadshirt.co.uk/p3" ect. ? Thanks for all the help.
-
Hahahahaha, yeah, I get you. I'll give it a go later and see what I can do. I may come running back crying though. :3
-
Ahh, so, Could I do, "margin-left: 10%;" and then do "margin-left:30%;" or something on the actual store and then "margin-left:50%" for the scroll buttons on the right, then they'll always stay in the distance?
-
Thanks so much! Now I just need to work out how to keep it exactly the same distance from the store area no matter what resolution it is in. ^^
-
It worked a treat!
-
Hello, so, this may be hard to explain. Take a look at this: http://funnyjunkstore.spreadshirt.co.uk/ You see the "Previous button on the left that scrolls with you? Well, I'm trying to get that on the outside of the store area but I can't find out how. What's happening is spreadshirt (Who's hosting my store) let you code the store area, not around it. So, I can make the scrolling buttons on the right outside the store, but on the left it's limited to the edge of the store. I've tried to add negative pixel values to push it out to the left, but it's not working. Anyone help? I'd be so grateful. CODES USED: I hope you can help. :/ Thanks a lot.
-
Sweet thanks.
-
I was wondering if any of you knew any sites with a good countdown clock for a website? I'd love to have a flip clock. OR, one that I can change the design of quite easily? Thanks.
-
-
To the right there's a activation code field. You don't have to if you don't want to. ^^
-
Have any of you checked out MyCube yet? It's a new social networking site. I think the design of it looks great, but it's lacking something in its beta stage. If you want to sign up go to beta.mycube.com and just type "mclukeb" in the activation code field. Share what you think.
