PDA

View Full Version : band corner banner?



Chadi
02-01-2006, 09:57 PM
Ok, this is very nice
http://www.talkjesus.com/private.php

Note the corner band banner on top right. Its from one.org as well.

Where can I find this? ANY help would be truly appreciated. I would
need the javascript / psd files.

I saw another site with same exact style, but their own text.
http://www.myvbulletinblog.com/

Thank you

jscheuer1
02-01-2006, 10:18 PM
Well, here's their script (from the jesus page):


document.write('<style><!-- @import url(http://www.makepovertyhistory.org/oneband/oneband.css); --></style>'
+ '<div class="OneBandSmallRight"><img src="http://www.makepovertyhistory.org/oneband/oneband_small_right.gif" width="163" height="163" border="0" usemap="#OneLinkMapSmallRight"></div>'
+ '<map name="OneLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0" href="http://www.one.org/" target="_blank"></map>'
);

and here's their style:


div.OneBandSmallLeft {
position:absolute;
left:0px;
top:0px;
overflow:visible;
height:163px;
width:163px;
margin:0;
padding:0;
z-index:1000000000;
border:none;
float:none;
}

div.OneBandSmallRight {
position:absolute;
left:100%;
top:0px;
overflow:visible;
height:163px;
width:163px;
margin:0 0 0 -163px;
padding:0 0 0 0;
z-index:1000000000;
border:none;
float:none;
}

You would need to make your own image (marked red in the script) and save the style sheet to your own location and enter that in the script (marked green) and choose your own link (marked blue).

Here is the one from the blog page:


document.write('<style><!-- @import url(http://www.myvbulletinblog.com/adverts/whiteband.css); --></style>'
+ '<div class="MPHWhiteBandSmallLeft"><img src="http://www.myvbulletinblog.com/adverts/whiteband_mphtranslinkimg.gif" width="163" height="163" border="0" usemap="#MPHLinkMapSmallLeft"></div>'
+ '<map name="MPHLinkMapSmallLeft"><area shape="poly" coords="163,0,0,163,0,133,133,0" href="http://www.vbulletin-fans.com" target="_blank"></map>');

Only difference is that it appears on the left and uses a different image and link. Their css is more involved, but basically the same:


div.MPHWhiteBandBigLeft {
position:absolute;
left:0px;
top:0px;
overflow:visible;
height:384px;
width:384px;
background-image:url(http://www.myvbulletinblog.com/adverts/whiteband_big_left.gif);
background-repeat:no-repeat;
background-position:-150px -150px;
background-color:transparent;
margin:0;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}

div.MPHWhiteBandBigRight {
position:absolute;
left:100%;
top:0px;
overflow:visible;
height:384px;
width:384px;
background-image:url(http://www.myvbulletinblog.com/adverts/whiteband_big_right.gif);
background-repeat:no-repeat;
background-position:-150px -150px;
background-color:transparent;
margin:0 0 0 -384px;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}

div.MPHWhiteBandSmallLeft {
position:absolute;
left:0px;
top:0px;
overflow:visible;
height:163px;
width:163px;
background-image:url(http://www.myvbulletinblog.com/adverts/whiteband_small_left.gif);
background-repeat:no-repeat;
background-position:-200px -200px;
background-color:transparent;
margin:0;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}

div.MPHWhiteBandSmallRight {
position:absolute;
left:100%;
top:0px;
overflow:visible;
height:163px;
width:163px;
background-image:url(http://www.myvbulletinblog.com/adverts/whiteband_small_right.gif);
background-repeat:no-repeat;
background-position:-200px -200px;
background-color:transparent;
margin:0 0 0 -163px;
padding:0;
color:#000;
font-family:helvetica,verdana,arial,tahoma,sans-serif;
z-index:1000000000;
border:none;
float:none;
}

Chadi
02-01-2006, 10:49 PM
Will you be willing to create this for me for a fee?

PSD file (animated as you see from one.org)
CSS
Javascript

For you it can be done in minutes. For me, I'd rack my brains out as I'm not good at this stuff. Please let me know.

jscheuer1
02-02-2006, 05:46 AM
I don't think we are allowed to do this (transact business) in the forum. Also, there is the matter of the rights to the script. I see no credit anywhere on either site that is directly associated with it. So, I would assume that a designer or one of the two sites probably owns the rights. If you want to do the leg work to find out if this is in the public domain or not, and if it is, get back to me privately.