|
How to add a black or colored border to your Web page?I saw that on the anniversary of 9/11 you changed your Web site home page to have a thick black border and some commemorative words. Nice, low key, and still effective. How'd ya do it? Glad you noticed. I spent a lot of time thinking about how I wanted to commemorate the tragedy of September 11th, 2001, and the loss of life both on that day and subsequently in the Middle East as a direct result of the attack. A graphic seemed too subtle. A blog entry seemed like an awkward fit on a tech Q&A blog, and replacing the site with a one-page commemorative seemed a bit too over the top for me. So a black edge seemed like a good middle ground. To accomplish that, I made a surprisingly simple tweak to the HTML template that's used to build the home page for the Ask Dave Taylor site. Most weblogs have template-based site design -- which is one of the great benefits of using a weblog tool as the foundation for a web site, of course -- so it's pretty straightforward. In the "index.html" template I found the following lines: <body style='background-color:#ffc;background-image: url(/Graphics/pinstripebg.gif);' >
<div style="font-size:75%;font-weight:bold;color:#555;text-align:right;">You're finding <strong>free tech support</strong> at AskDaveTaylor.com</div> and changed them thusly (additions and changes are in bold): <body style='background-color:#ffc;background-image: url(/Graphics/pinstripebg.gif);border:20px solid #111;margin:1px; padding:5px;'>
<div style="font-size:75%;font-weight:bold;color:#555;text-align:right;">The black border is in memory of those people who died in 9/11 and subsequently in the war in Iraq</div> The results were a page that looked like this:  I think it was just the right balance between being consistent with the theme of this site and honoring the people who have died. I hope you agree.
Categorized:
HTML and CSS
(Article 8502,
Written by Dave Taylor)
Tagged: 9/11, css, html, markup, september 11, web design Previous: How do I schedule a Wordpress blog post for the future? Next: How do I enable or turn on the genius feature in the new Apple iTunes? Subscribe!
I think this was an appropriate display of plsssssssss how to add my backround in my profile Posted by: amy at September 17, 2008 12:55 AMDave, I am a little confused on a couple of issues regarding html. First, on your post regarding google maps and the location of a house or other landmark in a website, where would one post it? I have a commercially produced website and do not know where to post a map. Also, I practice using my word pad and then save it as a .html file, and then bring it up in my firefox browser. If allowable I will probably have many more questions. Thanks for such a good website for an old fart. Posted by: Stanley Cobb at December 23, 2008 8:21 AMStanley, if you aren't sure where you'd add a map to your nascent site, then maybe you don't need to include one. Seriously. If you had a retail establishment, for example, you could quite logically have a page "Find Us" or "Visit Us". On a personal site, though, I'd generally recommend you err on the side of privacy and not include your home address or a map on where you live, other than in the most general terms. Posted by: Dave Taylor at February 16, 2009 7:24 AMNice info as always Thanks Dave... Posted by: Blogger Guy at November 2, 2010 8:30 PMI have something to say, now that you mention it, but ...
I do have a comment, now that you mention it!
|
Recommended
Recent Entries
Search
I Need Help!
Apple iPad Help
Articles and Reviews Auctions and Online Shopping Blogs and RSS Feeds Building Web Site Traffic Business and Management CGI Scripts and Web Site Programming Computer and Internet Basics d) None of the Above Facebook Help Google Plus Help HTML and CSS Industry News and Trade Shows iPhone and Cell Phone Help iPod, Sony PSP and MP3 Player Help Mac OS X Help Pay Per Click (PPC) Advertising Search Engine Optimization (SEO) Shell Script Programming Tech Support Video Help The Writing Business Twitter, LinkedIn and Social Network Help Unix and Linux Help Video Game Tips and Help Windows PC Help WordPress Help |
Note: This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this web site or on any linked site.
![[whiteboard marker tray]](/Graphics/marker-tray.gif){kind=small}
