Results 1 to 4 of 4

Thread: band corner banner?

  1. #1
    Join Date
    Dec 2005
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default band corner banner?

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,997
    Thanks
    43
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    Well, here's their script (from the jesus page):

    Code:
    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:

    Code:
    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:

    Code:
    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:

    Code:
    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;
    			}
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2005
    Posts
    130
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,997
    Thanks
    43
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •