Resell Print? Click here to see how we can help


Graphic Design Forums: UK forums for graphic designers » Website Design Forums: » Website Coding & Programming Forum: » How to?

Reply
Old 08-21-2009, 08:55 AM   #1
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default How to?

Hi guys...

Take a look at this website > Widgets

Do you see the feedback link to the right of the page and how it stays in position when scrolling up and down? How would I do something similar, basically just a little image that does exactly the same with regards to position, no link or anything just some alt text when hovered over.

Any ideas?
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-21-2009, 09:32 AM   #2
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default

Just tried following this tutorial > Add a Floating Follow Me/US on Twitter Button To Your Website Easily

...however, wasn't sure where to add the second part of the code to my website, I added it to an include file that I have for the right handside banners in order for it to be visible on all pages, but the image displayed within that section below the banners, not floating over to the far right handside, any ideas?
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-21-2009, 11:08 AM   #3
Member
 
matobo's Avatar
 
Join Date: Jul 2009
Location: Surrey
Posts: 81
Thanks: 7
Thanked 9 Times in 8 Posts
Default

Bosshog it sounds like you are adding the code to the wrong part. Just asked my hubby to read this and he reckons that it would probably be best to insert it into the header or footer template (which transfers across all the pages sitewide anyway and includes the site's boundaries) then all you need to do is adjust the css accordingly for the positioning (This is assuming you are talking about coding a vB forum, you haven't said...).

The banner table/template on the right hand side that you mentioned will have it's own css code that wouldn't reach to the edge of the forum that you are looking for - ie it would position itself within the limits of that table/template.

Hope that makes sense.
matobo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-21-2009, 11:57 AM   #4
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default

Thanks for that, still no joy, it was for my website not the forum, will have to keep looking for a solution.

Thanks again...
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-21-2009, 12:10 PM   #5
Member
 
matobo's Avatar
 
Join Date: Jul 2009
Location: Surrey
Posts: 81
Thanks: 7
Thanked 9 Times in 8 Posts
Default

I am a bit of a hacker that fiddles with things like that until they come right - I am sure you will figure it out ;0)
matobo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-21-2009, 03:52 PM   #6
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default

All sorted, it's easy when you know how
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-30-2009, 11:02 PM   #7
Junior Member
 
Join Date: Aug 2009
Location: Bristol, UK
Posts: 19
Thanks: 5
Thanked 0 Times in 0 Posts
Send a message via Skype™ to Wrams
Default

You want a static image...? Use your CSS to make the image fixed. So you would do something like this.

Code:
#Blah {
image-position: fixed; 
}
Something along those lines.

that way even when your website is scrolling that image will remain fixed. Without the HTML and CSS of your site I can't really go into much more detail.

What I will say is if you have any problems with coding again. it's best practice to add your HTML and CSS to the forums. That way we can view what your problem is straight away. Hope that helps.

Last edited by Wrams; 08-30-2009 at 11:06 PM.
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Flyer Printing | Print Reseller Scheme | Graphic Design | Logo Designer | Web Design UK | Graphic Design UK | Letterhead Printing
Business Card Printing | UK Business Forum | Logo Designer | NCR Pads | NCR Books | Receipt Books | Drinks Coasters | A6 Flyers | A5 Leaflets
Web Design & Development | vBulletin Skins | Small Business Websites | Leaflets | Leaflet Printing | Web Design Liverpool | Invoice Books


DISCLAIMER: All posts on this forum express the views and opinions of the author only, not the owners, staff or advertisers, hence we will not be held liable.


Powered by vBulletin®
© Copyright Jelsoft Enterprises Ltd
SEO by vBSEO 3.2.0 RC5 ©2008, Crawlability, Inc.