vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: [F] Full width banner - View Topic
Topic Rating: *****
Printable View
Vanquish
Junior Member
**

[Avatar]

Posts: 64
Status: Offline
Gender: Male
Location: Northern Ireland
Age: 36
Joined:  
Reputation: 10%  


pmvForum
[F] Full width banner (26th Jan 08 at 9:47pm UTC)
What I am looking for is a code that will allow me to design a banner that will stretch '98%' of the users resolution.

This would be where I would create a section of the banner that would be positioned in the top left corner and then a repeating image after it.

Back to Top - Link to Post - Last edit:   by Michael
Image
Marc
vChat Developer
*****
I <3 Rossy

Posts: 3,388
Status: Offline
Gender: Male
Location: Ontario, Canada
Age: 33
Joined:  

Additional Groups:
Coding Team
***


Reputation: 40%  


pmwww
Re: Full width banner (26th Jan 08 at 9:51pm UTC)
<div style="position: absolute; top: 0; left: 0;width: 98%;height: 100px"><span style="width: 50px;background: url(BG IMG)">­</span><span style="width: 100%;background: url(BG IMG)">­</span></div>

Height of banner

Width of left part of banner

Image URL to left part of banner

URL to rest of banner
Back to Top - Link to Post - Last edit:   by Marc
rroll.to— Shorten a link, rickroll your friends.
Vanquish
Junior Member
**

[Avatar]

Posts: 64
Status: Offline
Gender: Male
Location: Northern Ireland
Age: 36
Joined:  
Reputation: 10%  


pmvForum
Re: Full width banner (27th Jan 08 at 1:34pm UTC)
Didnt work
Back to Top - Link to Post - Last edit:   by Vanquish
Image
Marc
vChat Developer
*****
I <3 Rossy

Posts: 3,388
Status: Offline
Gender: Male
Location: Ontario, Canada
Age: 33
Joined:  

Additional Groups:
Coding Team
***


Reputation: 40%  


pmwww
Re: Full width banner (27th Jan 08 at 3:48pm UTC)
Posted By Vanquish on 27th Jan 08 at 1:34pm
 
Didnt work


Can I see the modified code you're using, please?
Back to Top - Link to Post
rroll.to— Shorten a link, rickroll your friends.
Vanquish
Junior Member
**

[Avatar]

Posts: 64
Status: Offline
Gender: Male
Location: Northern Ireland
Age: 36
Joined:  
Reputation: 10%  


pmvForum
Re: Full width banner (27th Jan 08 at 4:14pm UTC)
Code:
Select All
 
  1. <div style="position: absolute; top: 0; left: 0;width: 100%;height: 90px"><span style="width: 376px;background: url(http://i29.tinypic.com/29f4dhs.jpg)">­</span><span style="width: 100%;background: url(http://i30.tinypic.com/rhoivr.jpg)">­</span></div>
 
Back to Top - Link to Post
Image
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Full width banner (27th Jan 08 at 4:20pm UTC)
a Forum link would help too! {Smile}
Back to Top - Link to Post
Vanquish
Junior Member
**

[Avatar]

Posts: 64
Status: Offline
Gender: Male
Location: Northern Ireland
Age: 36
Joined:  
Reputation: 10%  


pmvForum
Re: Full width banner (27th Jan 08 at 4:26pm UTC)
http://evoarts.virtualforums.co.uk/
Back to Top - Link to Post
Image
Marc
vChat Developer
*****
I <3 Rossy

Posts: 3,388
Status: Offline
Gender: Male
Location: Ontario, Canada
Age: 33
Joined:  

Additional Groups:
Coding Team
***


Reputation: 40%  


pmwww
Re: Full width banner (27th Jan 08 at 4:27pm UTC)
Use this, instead:

Code:
Select All
 
  1. <table style="position: absolute; top: 0; left: 0;width: 100%;height: 90px" cellspacing="0" cellpadding="0">
  2. <tr>
  3. <td width="376">
  4. <div style="background: url(http://i29.tinypic.com/29f4dhs.jpg); width: 376px; height: 90px">
  5. ­</div>
  6. </td>
  7. <td width="100%">
  8. <div style="background: url(http://i30.tinypic.com/rhoivr.jpg); width: 100%; height: 90px">
  9. </div>
  10. </td>
  11. </tr>
  12. </table>
 


{Smile}
Back to Top - Link to Post
rroll.to— Shorten a link, rickroll your friends.
Vanquish
Junior Member
**

[Avatar]

Posts: 64
Status: Offline
Gender: Male
Location: Northern Ireland
Age: 36
Joined:  
Reputation: 10%  


pmvForum
Re: Full width banner (27th Jan 08 at 4:29pm UTC)
Why thank you {Cheesy}
Back to Top - Link to Post
Image
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Full width banner (27th Jan 08 at 5:38pm UTC)
Such a stupid way to do something so easy! >.< But ok {Tongue Out}
Back to Top - Link to Post
Marc
vChat Developer
*****
I <3 Rossy

Posts: 3,388
Status: Offline
Gender: Male
Location: Ontario, Canada
Age: 33
Joined:  

Additional Groups:
Coding Team
***


Reputation: 40%  


pmwww
Re: Full width banner (27th Jan 08 at 6:03pm UTC)
Posted By Vanquish on 27th Jan 08 at 4:29pm
 
Why thank you {Cheesy}


No problem. {Smile}
Back to Top - Link to Post
rroll.to— Shorten a link, rickroll your friends.
 Printable View

All times are GMT+0 :: The current time is 2:03pm
Page generated in 0.2948 seconds
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums