Several people have asked me to come with ideas to Identify Jewish websites, to make them stand out as a Jewish Website. So.. I have created several BS”D Banners [ Look at the top right corner of this page ] that you may all take for free! Please remember to link back to me if you use any of these images.
The CSS codes
BS”D Banner
#bsd {
position: absolute;
right: 0;
top: 0;
display: block;
height: 120px;
width: 120px;
background: url(bsdhebrew3.gif) no-repeat;
Lashon Hara Free Banner
#lashonhara {
position: absolute;
left: 0;
top: 0;
display: block;
height: 200px;
width: 200px;
background: url(loshonhorafree5.gif) no-repeat;
Tip: You should replace “loshonhorafree5.gif” with the path of the image you chose.
The HTML codes
To add a top corner banner, we need to add single line of HTML code to your web page. Open and edit your webpage file (e.g. index.html), find <body>. After the line, add one of the following HTML code:
If it is a BS”D Banner…
<a id="bsd" href="http://www.jewlab.com" title="BSD"></a>
If it is a Lashon Hara Free Banner…
<a id="lashonhara" href="http://www.jewlab.com" title="LashonHara"></a>
That’s it. You will have a BSD Banner or Lashon Hara Free Banner on your web page now.
If you would like to have a custom banner made up, feel free to contact me at yakov[at]jewlab.com
Nice site!
Anyway, you may want to use this code to have the image stay at the upper-left corner, regardless of where the user is on the page:
body {
background-position: top right;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(http://yourwebsitehere.com/images/bsdhebrew2.gif);
}
Obviously, you replace the URL with the URL of the one you want to use.
Edited By Yakov - Very good Point, Ari - Thank you. (I changed the URL to make it easier to understand)