New Banner

New Banner

I just finished my new banner with image mapping :D

Feel free post it on your website, on your blog, on your Facebook page, in your forum signature, or wherever else you can implement it. To do so, just copy-paste the following code:


Html (for websites and other pages that allow you to post html code):

<div style=&quottext-align:center; width:510px; margin-left:auto; margin-right:auto;&quot> <img id=&quotImage-Maps_2201108151626502&quot src=&quothttp://i1229.photobucket.com/albums/ee465/RoestiWarrior/RstiWarrior-Banner-1.png&quot usemap=&quot#Image-Maps_2201108151626502&quot border=&quot0&quot width=&quot510&quot height=&quot110&quot alt=&quot&quot/> <map id=&quot_Image-Maps_2201108151626502&quot name=&quotImage-Maps_2201108151626502&quot> <area shape=&quotrect&quot coords=&quot13,7,495,57&quot href=&quothttp://www.roestiwarrior.ch.vu&quot target=&quot_blank&quot alt=&quotRöstiWarrior's Recipes&quot title=&quotRöstiWarrior's Recipes&quot/> <area shape=&quotrect&quot coords=&quot12,58,125,97&quot href=&quothttp://www.youtube.com/user/RoestiWarrior&quot target=&quot_blank&quot alt=&quotRöstiWarrior on YouTube&quot title=&quotRöstiWarrior on YouTube&quot/> <area shape=&quotrect&quot coords=&quot198,58,311,97&quot href=&quothttp://roestiwarrior.blogspot.com/&quot target=&quot_blank&quot alt=&quotRöstiWarrior on Blogger&quot title=&quotRöstiWarrior on Blogger&quot/> <area shape=&quotrect&quot coords=&quot383,58,495,97&quot href=&quothttps://www.facebook.com/RoestiWarrior?v=app_106171216118819&quot target=&quot_blank&quot alt=&quotRöstiWarrior on Facebook&quot title=&quotRöstiWarrior on Facebook&quot/> </map> </div>

CSS (for pages like Facebook, that allow the use of CSS code):

<div style=&quotdisplay:block; width:510px; height:110px; background:url(http://i1229.photobucket.com/albums/ee465/RoestiWarrior/RstiWarrior-Banner-1.png); position:relative; margin:2px auto 2px auto;&quot> <div><a style=&quotleft:13px; top:7px; background:transparent; display:block; width:484px; height:0; padding-top:52px; overflow:hidden; position:absolute;&quot title=&quotRöstiWarrior's Recipes&quot href=&quothttp://www.roestiwarrior.ch.vu&quot target=&quot_blank&quot></a></div> <div><a style=&quotleft:12px; top:58px; background:transparent; display:block; width:115px; height:0; padding-top:41px; overflow:hidden; position:absolute;&quot title=&quotRöstiWarrior on YouTube&quot href=&quothttp://www.youtube.com/user/RoestiWarrior&quot target=&quot_blank&quot></a></div> <div><a style=&quotleft:198px; top:58px; background:transparent; display:block; width:115px; height:0; padding-top:41px; overflow:hidden; position:absolute;&quot title=&quotRöstiWarrior on Blogger&quot href=&quothttp://roestiwarrior.blogspot.com/&quot target=&quot_blank&quot></a></div> <div><a style=&quotleft:383px; top:58px; background:transparent; display:block; width:114px; height:0; padding-top:41px; overflow:hidden; position:absolute;&quot title=&quotRöstiWarrior on Facebook&quot href=&quothttps://www.facebook.com/RoestiWarrior?v=app_106171216118819&quot target=&quot_blank&quot></a></div> </div>

Share on Facebook