Like everyone else, I am addicted to Lost on ABC. I saw the black smokey image used in this template and thought - ooooh. That looks like the scary smoke monster on Lost. That would make for a great, simple, free blogger template. So, here you go. I also think it looks like black ink, but the Lost thing is much more interesting.
Click on the picture to see a bigger version and feel free to download away. You can find it here. Make sure you only select up to and including the html tag just above the black line at the very bottom. Don't copy the black line or the text below it.
To install this template, please check out my Installation Guide.
Recommended Blogger Nav Bar Color: Black.
Thanks for this template. I've been searching for one. I will also bookmark your page because I may have other projects I'd like you to give me a price quote on.
ReplyDeleteThanks,
Tangie
thank you for this template. i'm using it for my blog now. here's a link so you can see how good your work is. i really love it. cheers :)
ReplyDeletehttp://causticthoughts-gracemags.blogspot.com/
Thanks for letting me know, Grace - I love seeing them being used.
ReplyDeletehi madeline, it's me again, grace. i was just wondering if you can check the template again for me. in some browsers, the side bar elements seem to overlap over the post text. any idea why this happens? i hope you can help me. thanks
ReplyDeletehi again. sorry i keep on bugging you about stuff but i found out that this layout only seems ok with firefox and not internet explorer? is there any reason why this is so?
ReplyDeleteHey Grace,
ReplyDeleteThanks for letting me know! I swear it used to work fine in them.
If you don't want to lose the changes you've made to your template (and this applies to everyone who gets the code for template up to today's date), you can fix it going to Edit HTML and just replacing this:
#sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
margin-left: 150px;
margin-top: -50px;
}
with this:
#sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding-left: 150px;
margin-top: -50px;
}
Let me know if you have any problems! I fixed the one that's linked to this post, so the problem shouldn't affect anyone else who downloads it from here on out.
Thanks, again.
hello madeline. sorry to bother you again. i tried to cut and paste the stuff you told me to replace. this time, in mozilla firefox, the text in my side bar elements appeared reed thin. for example, the about this blog text and the others only had one or two words per line. that was freaky.
ReplyDeletei never thought IE and Firefox made a difference. i hope you can help me some more. thanks.
oh and by the way, in internet explorer, all my lists have this
ReplyDelete!--[if !supportLists]--1. !--[endif]--
that doesn't appear in mozilla
Grace - when I view your page in Firefox, it looks perfect. You might try clearing your cache. My version of Firefox is 1.5.0.7.
ReplyDeleteAs for the numbering thing, I think that is a Blogger issue. I've seen it on other blogs (not using my templates). For numbered lists, I'd just type the numbers instead of using the ordered list option in blogger.
oh actually, i removed the stuff you asked me to paste so it would go back to looking perfect in firefox. the new html code you gave me messes up the width of the side bar elements in firefox.
ReplyDeleteinternet explorer is really a headache. in some computers, the side bar overlaps with the text, in others it doesn't. does it matter what kind of computer i use? the list problem also only happens in internet explorer.
ok. i'll just type the numbers.
anyway, madeline, thank you for all the help. i'll just update you if anything pops up. thanks
That's really odd Grace. In my Firefox, the template code I have uploaded to Goog le Docs (not your website) looks perfect (I updated to 1.5.0.8 just to be sure). Did you try clearing your cache and checking for Firefox updates?
ReplyDeleteOh, and I meant to say the template code that has the update to fix the problem looks fine.
ReplyDeleteoh. ok. i'll try to clear my cache and maybe update. i'm not very good with techno stuff so i'm still groping in the dark :). thank you very much madeline for the prompt help.
ReplyDeletebest regards.
Hello. I really like this template. I was wondering if you could teach me how to do the whole smoke effect thing on photoshop (um, that is the software you used, right?). I'd really appreciate the help. Please let me know, as a comment on my blog, or here, whichever is convenient. Thank you.
ReplyDeleteHello. I really like this template. I was wondering if you could teach me how to do the smoke effect thing on photoshop (um, that is the software you used, right?). I'd really appreciate the help. Please let me know, through a comment on my blog, or here, whichever is convenient. Thank you.
ReplyDeletehi again madeline. whew! it took me a great deal of research but i finally found the problem of the template. it seems that the overlap will only happen with some lower versions of IE like IE6.
ReplyDeletecheck out these sites
http://browsershots.org
http://validator.w3.org/
if you type my blog url there, you'll see some of the possible errors as well as screenshots of how my blog will appear in lower browser versions. it seems the problem is really with IE6.
i can't understand the technical aspect of how to repair the template to make it cross browser compatible. maybe you have some idea?
Thank you very much for the free beautiful template. I'm using it for my blog.
ReplyDeleteSweet. Now how do I change the nav bar color to black?
ReplyDeleteTim - just go to Design, Page Elements. At the very top of the little mockup of your blog layout, there's a blue line with the Blogger logo on the far left. On the far right of that blue line, click on Edit. You'll see the options there!
ReplyDeleteThat's pretty, I like it.
ReplyDeleteThat's awesome, I like the concept and this looks really very pretty.
ReplyDelete