where to find post background effect code (example)

skyyaa

Posts: 5

Joined: Fri Jul 30, 2010 7:51 pm

New to the Forum

Post Fri Jul 30, 2010 8:08 pm

where to find post background effect code (example)

Hi folks,
I'm trying to edit the template of a blog that currently has a mono-color background to add a different background color for posts (to help differentiate between them). See here for an example of what I'm looking to accomplish. The template of the site I'm looking to edit is rather complicated however so I cannot just use the blogger design tools to do this I have to figure out how to do it via the HTML code itself. Is it possible for someone to point me in the direction of the portion of the template to play around with in order to accomplish this effect? And also anything special I might need to do to replicate the above effect?

where to find post background effect code (example)


skyyaa

Posts: 5

Joined: Fri Jul 30, 2010 7:51 pm

New to the Forum

Post Fri Jul 30, 2010 10:51 pm

Re: where to find post background effect code (example)

Here is the template I'm trying to modify: http://newsecuritymeat2.blogspot.com/. And here the post background style I'm looking for: http://skyyaatest.blogspot.com/.

Gyms

User avatar

Posts: 290

Joined: Tue May 25, 2010 10:49 pm

Knows what he is doing ;)Knows what he is doing ;)Knows what he is doing ;)

Post Sat Jul 31, 2010 1:29 am

Re: where to find post background effect code (example)

Go to Design > Edit HTML > download a full copy (just in case)

Find this code:
.post {
margin:.5em 0 .5em;
border-bottom:1px dotted $bordercolor;
line-height:2em;
padding-bottom:.5em;
text-align:justify;
}

After that code paste this code:

.post-outer {
-moz-border-radius:10px 10px 10px 10px;
background-color:#F5F5F5;
border:1px solid #DDDDDD;
margin:0 0px 20px;
padding:15px 20px;
}


This is just for the post area, if you need something else just ask.

skyyaa

Posts: 5

Joined: Fri Jul 30, 2010 7:51 pm

New to the Forum

Post Sat Jul 31, 2010 3:03 am

Re: where to find post background effect code (example)

Awesome, exactly what I was looking for - thanks a lot.

skyyaa

Posts: 5

Joined: Fri Jul 30, 2010 7:51 pm

New to the Forum

Post Mon Aug 02, 2010 8:32 pm

Re: where to find post background effect code (example)

Hi Gyms,
One other question. I followed your directions and it worked great. Only kink is that in the new template, on Chrome and IE, the edges of the background color block show up squared and in Firefox they show up rounded. I'd love to be able to choose one way or the other (preferably rounded). Any suggestions?

skyyaa

Posts: 5

Joined: Fri Jul 30, 2010 7:51 pm

New to the Forum

Post Fri Sep 17, 2010 2:46 pm

Re: where to find post background effect code (example)

Another background code question, but this time for the entire page, not just the post background. How do I grab the code for this transparent background (http://skyyaatest.blogspot.com/) for use in this template (http://newsecuritymeat2.blogspot.com)? I tried copying the content-outer and content-inner code from one to the other but it had no effect. Any tips? Templates are attached and thank you!
Attachments
templates.zip
(18.86 KiB) Downloaded 20 times


Related Topics


Return to Blogger Templates

Home | Privacy Policy | Contact us | Blogger Templates |
© 2009-10 Blogger Forum. All rights reserved.