Help with post colors changing - Forums - CreateBlog

Log In · Register

Forums / Resource Center / Support Center / Blogger Support / Blogger Resolved Topics

Help with post colors changing, my post box changes color?

abe55 View Profile View Subprofile	Jan 21 2005, 12:56 AM Post #1
Member Group: Member Posts: 18 Joined: Jan 2005 Member No: 80,166	every time I save my template my post box changes back to Black and cannot keep it grey. I am a newbie as far as html, css, and blogger go. I have gotten where I am with trial and error. If someone could help me that would be great. The main post and the comment always go back to black. I would like to keep them grey. <!-- begin code provided by createblog.com --><br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><br /><br /><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /><br /><head><br /><img src="http://img13.imgspot.com/u/05/5/06/blogtitle3r.JPG"><br /> <$BlogMetaData$><br /><br /> <style type="text/css"><br />/<br />Template created somewhat by By Abe55....but mostly by someone who know what they were doing<br />/<br /><br /><br />body {<br /> background:#000000;<br /> margin:0;<br /> padding:20px 10px;<br /> text-align:center;<br /> font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;<br /> color:#cccccc;<br /> font-size/* /://small;<br /> font-size: //small;<br /> }<br /><br /><br />/ Page Structure<br />----------------------------------------------- /<br />/ The images which help create rounded corners depend on the <br /> following widths and measurements. If you want to change <br /> these measurements, the images will also need to change.<br /> /<br />#content {<br /> width:740px;<br /> margin:0 auto;<br /> text-align:left;<br /> }<br />#main {<br /> width:485px;<br /> float:left;<br /> background:#cccccc<br /> margin:15px 0 0;<br /> padding:0 0 10px;<br /> color:#000000;<br /> font-size:97%;<br /> line-height:1.5em;<br /> }<br />#main3 {<br /> background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;<br /> padding:0;<br /> }<br />#sidebar {<br /> width:240px;<br /> float:right;<br /> margin:15px 0 0;<br /> font-size:97%;<br /> line-height:1.5em;<br /> }<br /><br /><br />/ Links<br />----------------------------------------------- /<br />a:link {<br /> color:#b30;<br /> }<br />a:visited {<br /> color:#666;<br /> }<br />a:hover {<br /> color:#c63;<br /> }<br />a img {<br /> border-width:0;<br /> }<br /><br /><br />/ Blog Header<br />----------------------------------------------- /<br />#header {<br /> }<br />#header div {<br /> }<br />#blog-title {<br /> }<br />#blog-title a {<br /> }<br />#description {<br /> margin:0;<br /> padding:5px 30px 10px;<br /> font-size:94%;<br /> line-height:1.5em;<br /> }<br /><br /><br />/ Posts<br />----------------------------------------------- /<br />.date-header {<br /> margin:0 28px 0 43px;<br /> font-size:85%;<br /> line-height:2em;<br /> text-transform:uppercase;<br /> letter-spacing:.2em;<br /> color:#000000;<br /> }<br />.post {<br /> margin:.3em 0 25px;<br /> padding:0 13px;<br /> border:1px dotted #bbb;<br /> border-width:1px 0;<br /> }<br />.post-title {<br /> margin:0;<br /> font-size:135%;<br /> line-height:1.5em;<br /> background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em;<br /> display:block;<br /> border:1px dotted #bbb;<br /> border-width:0 1px 1px;<br /> padding:2px 14px 2px 29px;<br /> color:#333;<br /> }<br />a.title-link, .post-title strong {<br /> text-decoration:none;<br /> display:block;<br /> }<br />a.title-link:hover {<br /> background-color:#eee;<br /> color:#000;<br /> }<br />.post-body {<br /> border:1px dotted #bbb;<br /> border-width:0 1px 1px;<br /> border-bottom-color:#cccccc;<br /> padding:10px 14px 1px 29px;<br /> }<br />html>body .post-body {<br /> border-bottom-width:0;<br /> }<br />.post p {<br /> margin:0 0 .75em;<br /> }<br />p.post-footer {<br /> background:#ccc;<br /> margin:0;<br /> padding:2px 14px 2px 29px;<br /> border:1px dotted #bbb;<br /> border-width:1px;<br /> border-bottom:1px solid #eee;<br /> font-size:100%;<br /> line-height:1.5em;<br /> color:#666;<br /> text-align:right;<br /> }<br />html>body p.post-footer {<br /> border-bottom-color:transparent;<br /> }<br />p.post-footer em {<br /> display:block;<br /> float:left;<br /> text-align:left;<br /> font-style:normal;<br /> }<br />a.comment-link {<br /> / IE5.0/Win doesn't apply padding to inline elements,<br /> so we hide these two declarations from it /<br /> background/ /://url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;<br /> padding-left:14px;<br /> }<br />html>body a.comment-link {<br /> / Respecified, for IE5/Mac's benefit /<br /> background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;<br /> padding-left:14px;<br /> }<br />.post img {<br /> margin:0 0 5px 0;<br /> padding:4px;<br /> border:1px solid #ccc;<br /> }<br />blockquote {<br /> margin:.75em 0;<br /> border:1px dotted #ccc;<br /> border-width:1px 0;<br /> padding:5px 15px;<br /> color:#666;<br /> }<br />.post blockquote p {<br /> margin:.5em 0;<br /> }<br /><br /><br />/ Comments<br />----------------------------------------------- /<br />#comments {<br /> margin:-25px 13px 0;<br /> border:1px dotted #ccc;<br /> border-width:0 1px 1px;<br /> padding:20px 0 15px 0;<br /> }<br />#comments h4 {<br /> margin:0 0 10px;<br /> padding:0 14px 2px 29px;<br /> border-bottom:1px dotted #ccc;<br /> font-size:120%;<br /> line-height:1.4em;<br /> color:#333;<br /> }<br />#comments-block {<br /> margin:0 15px 0 9px;<br /> }<br />.comment-data {<br /> background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;<br /> margin:.5em 0;<br /> padding:0 0 0 20px;<br /> color:#666;<br /> }<br />.comment-poster {<br /> font-weight:bold;<br /> }<br />.comment-body {<br /> margin:0 0 1.25em;<br /> padding:0 0 0 20px;<br /> }<br />.comment-body p {<br /> margin:0 0 .5em;<br /> }<br />.comment-timestamp {<br /> margin:0 0 .5em;<br /> padding:0 0 .75em 20px;<br /> color:#666;<br /> }<br />.comment-timestamp a:link {<br /> color:#666;<br /> }<br />.deleted-comment {<br /> font-style:italic;<br /> color:gray;<br /> }<br /><br /><br />/ Profile<br />----------------------------------------------- /<br />#profile-container {<br /> background:#ccc url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;<br /> margin:0 0 15px;<br /> padding:0 0 10px;<br /> color:#000;<br /> }<br />#profile-container h2 {<br /> background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;<br /> padding:10px 15px .2em;<br /> margin:0;<br /> border-width:0;<br /> font-size:115%;<br /> line-height:1.5em;<br /> color:#000;<br /> }<br />.profile-datablock {<br /> margin:0 15px .5em;<br /> border-top:1px dotted #ccc;<br /> padding-top:8px;<br /> }<br />.profile-img {display:inline;}<br />.profile-img img {<br /> float:left;<br /> margin:0 10px 5px 0;<br /> border:4px solid #ccc;<br /> }<br />.profile-data strong {<br /> display:block;<br /> }<br />#profile-container p {<br /> margin:0 15px .5em;<br /> }<br />#profile-container .profile-textblock {<br /> clear:left;<br /> }<br />#profile-container a {<br /> color:#000;<br /> }<br />.profile-link a {<br /> background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;<br /> padding-left:15px;<br /> font-weight:bold;<br /> }<br />ul.profile-datablock {<br /> list-style-type:none;<br /> }<br /><br /><br />/ Sidebar Boxes<br />----------------------------------------------- /<br />.box {<br /> background:#ccc url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;<br /> margin:0 0 15px;<br /> padding:10px 0 0;<br /> color:#666;<br /> }<br />.box2 {<br /> background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;<br /> padding:0 13px 8px;<br /> }<br />.sidebar-title {<br /> margin:0;<br /> padding:0 0 .2em;<br /> border-bottom:1px dotted #fa0;<br /> font-size:115%;<br /> line-height:1.5em;<br /> color:#333;<br /> }<br />.box ul {<br /> margin:.5em 0 1.25em;<br /> padding:0 0px;<br /> list-style:none;<br /> }<br />.box ul li {<br /> background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;<br /> margin:0;<br /> padding:0 0 3px 16px;<br /> margin-bottom:3px;<br /> border-bottom:1px dotted #eee;<br /> line-height:1.4em;<br /> }<br />.box p {<br /> margin:0 0 .6em;<br /> }<br /><br /><br />/ Footer<br />----------------------------------------------- */<br />#footer {<br /> clear:both;<br /> margin:0;<br /> padding:15px 0 0;<br /> }<br />#footer div {<br /> background:#710 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;<br /> padding:8px 0 0;<br /> color:#fff;<br /> }<br />#footer div div {<br /> background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;<br /> padding:0 15px 8px;<br /> }<br />#footer hr {display:none;}<br />#footer p {margin:0;}<br />#footer a {color:#fff;} <br /> </style><br /><br /><br /></head><br /><br /><br /><br /><body><br /><br /><br /><br /><!-- Begin #content - Centers all content and provides edges for floated columns --><br /><br /><div id="content"><br /><br /><br /><br /><!-- Blog Header --><br /><br /><br /><br /><br /><!-- Begin #main - Contains main-column blog content --><br /><br /><div id="main"><div id="main2"><div id="main3"><br /><br /><Blogger><br /><br /> <BlogDateHeader><br /> <h2 class="date-header"><$BlogDateHeaderDate$></h2><br /> </BlogDateHeader><br /><br /> <!-- Begin .post --><br /><br /> <div class="post"><a name="<$BlogItemNumber$>"></a><br /><br /> <BlogItemTitle><br /> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl><br /> <h3 class="post-title"><br /> <$BlogItemTitle$><br /> </h3><br /> <BlogItemUrl></a></BlogItemUrl><br /> </BlogItemTitle><br /><br /> <div class="post-body"><br /><br /> <p><br /> <$BlogItemBody$><br /> </p><br /><br /> </div><br /> <p class="post-footer"><br /> <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>  <br /><br /> <BlogItemCommentsEnabled><br /> <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a><br /> </BlogItemCommentsEnabled> <$BlogItemControl$><br /> </p><br /><br /> </div><br /><br /> <!-- End .post --><br /><br /> <!-- Begin #comments --><br /><br /> <ItemPage><br /> <div id="comments"><br /><br /> <BlogItemCommentsEnabled><a name="comments"></a><br /><br /> <h4><$BlogItemCommentCount$> Comments:</h4><br /><br /> <dl id="comments-block"><br /> <BlogItemComments><br /> <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a><br /><br /> At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,<br /> <$BlogCommentAuthor$> said...<br /> </dt><br /> <dd class="comment-body"><br /> <p><$BlogCommentBody$></p><br /> <$BlogCommentDeleteIcon$><br /> </dd><br /> </BlogItemComments><br /> </dl><br /><br /> <p class="comment-data"><br /> <$BlogItemCreate$><br /> </p><br /> </BlogItemCommentsEnabled><br /> <p style="padding-left:20px;"><br /> <a href="<$BlogURL$>"><< Home</a><br /> </p><br /> </div><br /><br /></ItemPage><br /><br /> <!-- End #comments --><br /><br /></Blogger><br /><br /><br /><br /></div></div></div><br /><br /><!-- End #main --><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- Begin #sidebar --><br /><br /><div id="sidebar"><br /><br /> <!-- Begin #profile-container --><br /><br /> <$BlogMemberProfile$><br /><br /> <!-- End #profile --><br /><br /><br /><br /> <!-- Begin .box --><br /><br /> <div class="box"><div class="box2"><div class="box3"><br /><br /> <h2 class="sidebar-title">Previous Posts</h2><br /> <ul id="recently"><br /> <BloggerPreviousItems><br /><br /> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li><br /> </BloggerPreviousItems><br /> </ul><br /> <MainOrArchivePage><br /> <h2 class="sidebar-title">Archives</h2><br /> <ul class="archive-list"><br /> <BloggerArchives><br /> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li><br /><br /> </BloggerArchives><br /> <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage><br /> </ul><br /> </MainOrArchivePage><br /> <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p><br /><br /> <!--<br /><br /> <p></p><br /><br /> --><br /><br /> </div></div></div><br /><br /> <!-- End .box --><br /><br /><br /><br /><br /><br /></div><br /><br /><!-- End #sidebar --><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- Begin #footer --><br /><br /><div id= <div><div><hr /><br /><br /><br /><br /> <p><b>Revolution Student Ministries, Hibbing MN</b></p><br /><br /><br /><br /></div></div></div><br /><br /><!-- End #footer --><br /><br /><br /></div><br /><br /><!-- End #content --><br /><br /><br /><br /></body><br /><img src="http://img30.exs.cx/img30/3076/bottomblog6fn.jpg" width="640" alt="Image Hosted by ImageShack.us" /><br /></html><br /><br /><!-- end code provided by createblog.com -->
[Up]	[Quote]

Start new topic

Replies (1 - 5)

whomps View Profile View Subprofile	Jan 21 2005, 03:25 AM Post #2
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700	Can you provide a link? To the Blogger? Please?
[Up]	[Quote]

abe55 View Profile View Subprofile	Jan 22 2005, 11:13 AM Post #3
Member Group: Member Posts: 18 Joined: Jan 2005 Member No: 80,166	Check out my Blog therevblog I figured out my problem with my mod box changing color on me. It was resetting back to the default because I forgot to enter the # before the hex color. Newbie mistake. I still have one problem with my mod box moving around depending on which page I am on. It is great in the main page but in the comment page it has moved a little. Could any give me some suggestions how to fix this problem. I know it has something to do with the comments tag lines but I am scared to mess with Blogger tags because I don't really understand them all as of yet. I am self taught by trial and error and createblog.com. Any help would be great Abe55
[Up]	[Quote]

whomps View Profile View Subprofile	Jan 23 2005, 12:41 AM Post #4
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700	It doesn't move at all.. I clicked on your comments and the page aligment remained exactly the same.
[Up]	[Quote]

abe55 View Profile View Subprofile	Jan 23 2005, 12:42 AM Post #5
Member Group: Member Posts: 18 Joined: Jan 2005 Member No: 80,166	Thanks for your input. I guess it is just my lap top. It has a wide screen.
[Up]	[Quote]

whomps View Profile View Subprofile	Jan 23 2005, 05:31 AM Post #6
:hammer: Group: Staff Alumni Posts: 9,849 Joined: Mar 2004 Member No: 7,700	Well I'm glad you uh.. sorta figured out your problem. My resolutions set to 1280x1024 just to let you know.. And I tried it with 1152x864 and it also stayed the same. When I tried it with 1024x768, the grey module/box at the bottom moved slightly lower, but I think that's because the post comment link brings an iframe up to post your comment.. Meh. It's a very subtle difference, IMO. I'm pretty sure any normal person browsing and commenting on your site would think nothing of it or even notice the change.
[Up]	[Quote]

« Next Oldest · Blogger Resolved Topics · Next Newest »

Closed Topic

Start new topic

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members:

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic