Blogger Talk blogging forums Todays Woman Writing Community 
Blogger Talk
Blogger Talk
View topic - Template Issues



 Forum FAQ  •  Search  •   Statistics   •   Memberlist   •   Usergroups   •  Register  •  Profile  •  Log in to check your private messages   

BloggerTalk.net Forum Index » Template Design » Template Issues

Post new topic  Reply to topic
 Template Issues « View previous topic :: View next topic » 
Author Message
BlueJeanFemme
PostPosted: Mon Jun 02, 2008 8:56 am    Post subject: Template Issues Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

Hi all,

I know I haven't been around much lately. It's my own fault for letting my attention get pulled in 20 directions at once. The email I received made me feel guilty about not being here more often. icon_redface.gif

Anyway, my blog, Complex Femme, is in need of repair. I tried fiddling with it on my own for a while and couldn't find anyone who could really help me achieve the look I was aiming for, so I left it as is. But now I want it fixed as it should be. What I want is for that picture to be a fixed background and for the text to be both readable and scroll over it. I've tried everything I can think of and it still looks like crap.

Can anyone help me? Please!!

Thanks!!


~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
Sponsored Ads
Shawn
PostPosted: Sun Jun 08, 2008 9:31 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 327
Location: Canada

Hello BlueJeanFemme ,

My appoligize I missed this post entirely...

Here is the CSS you will need to add...
near the header of your blog template.

Look at the top where you see the first CSS attribute body{ - now where it shows the background image your going to need the full URL to where you have it uploaded. Wheither it be Blogger or an Image Hosting site...


Code:

body {
background-image: url('path-to-background-image.jpg');
}


Now add this to the attribute...

Code:
background-repeat: no-repeat;
background-attachment: fixed;


So it should look like this now...


Code:

body {
background-image: url('path-to-background-image.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}


If you need any further help just let me know..

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
BlueJeanFemme
PostPosted: Sun Jun 08, 2008 10:36 pm    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

That's what I have... with the addition of...

Quote:
background-position: Center center;


... just above the background-attachment: fixed;

If I take that line out then you can't see the whole picture and having it there is pointless.
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
Rose
PostPosted: Sun Jun 08, 2008 10:56 pm    Post subject: Reply with quote

Site Administrator
Site Administrator

Joined: Sep 06, 2006
Posts: 1913
Location: Canada

The background does look to be fixed though I admit the text is so hard to read.
_________________
Help Support Blogger Talk Blogging Community|
Rose DesRochers - World Outside my Window
Back to top
View user's profile Send private message Visit poster's website
Shawn
PostPosted: Sun Jun 08, 2008 11:02 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 327
Location: Canada

The problem isnt the CSS its the background itself - its not seamless.

For this effect to work you need to use a seamless background.

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
BlueJeanFemme
PostPosted: Mon Jun 09, 2008 7:34 am    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

Not seamless? It's just a photograph... icon_confused.gif

~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
Shawn
PostPosted: Mon Jun 09, 2008 4:12 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 327
Location: Canada

I understand its just a photograph, but if you want the image to stand still and let the content flow over it yet not distract / a seamless background is your only option..

A seamless background will scroll properly and your content will more legible..

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Rose
PostPosted: Mon Jun 09, 2008 5:32 pm    Post subject: Reply with quote

Site Administrator
Site Administrator

Joined: Sep 06, 2006
Posts: 1913
Location: Canada

Shawn, I think BlueJeanFemme is confused with what a seamless background is. icon_wink.gif
_________________
Help Support Blogger Talk Blogging Community|
Rose DesRochers - World Outside my Window
Back to top
View user's profile Send private message Visit poster's website
BlueJeanFemme
PostPosted: Mon Jun 09, 2008 9:12 pm    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

No I know what it is, Rose. I just haven't done much with graphics in about 4 years and that's a very long time to go without creating any graphics. Okay I have the seamless tile, but the text is not very readable at all. I didn't want visitors to have to scroll till the text is in the sky area of the photo to be able to read it, which is why I was trying to add the two white columns.

~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
Rose
PostPosted: Tue Jun 10, 2008 12:37 am    Post subject: Reply with quote

Site Administrator
Site Administrator

Joined: Sep 06, 2006
Posts: 1913
Location: Canada

The background (photo) you are using makes it difficult to find the right color to blend. I guess you might need to play around with some bold colors.
_________________
Help Support Blogger Talk Blogging Community|
Rose DesRochers - World Outside my Window
Back to top
View user's profile Send private message Visit poster's website
BlueJeanFemme
PostPosted: Tue Jun 10, 2008 7:37 am    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

I have some other photos I can use. I'll try one of those first. Before I let this go, though, any tips on how I can centre my title? It's cocked off to one side. icon_rolleyes.gif

Thanks loads!


~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
BlueJeanFemme
PostPosted: Tue Jun 10, 2008 8:26 am    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

Okay I looked through my photos and found one with more vivid colours which doesn't look half bad when I make it a bit opaque. Will try that... later. Can't make it a seamless background while here at work. At least I don't think I can. Will have to see who has Photo Shop on their computer. Shhhhhhh!

~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
BlueJeanFemme
PostPosted: Tue Jun 10, 2008 9:47 pm    Post subject: Reply with quote

Moderator
Moderator

Joined: Oct 25, 2007
Posts: 351
Location: Somewhere Beyond the Veil

Okay had to wait til I got home to change the photo, but it works a lot better. Now my problem is with the title being cocked over to one side and there being such a huge gap between the title and the rest of the blog.

~BJF~
Back to top
View user's profile Send private message Visit poster's website Yahoo Messenger
Display posts from previous:   
Post new topic  Reply to topic Page 1 of 1

BloggerTalk.net Forum Index » Template Design » Template Issues
Jump to:  



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Design by Invision-Graphics | Powered by phpBB © 2006 phpBB Group
Mortgages | Loans | Problem Mortgage | Charity | Online Dating
BloggerTalk.net Statistics
 Today: 5,062  Yesterday: 25,802  Unique Hits: 19953  Total Hits: 7,292,998
Page Rendered in: 0.61s - Total Queries: 0 - MySQL DB: 119.2 mb's - Pages served in past 5 minutes: 29

BloggerTalk.net All rights reserved.
Unauthorized distribution, transmission or republication strictly prohibited.
Design by Invision-Graphics.com Proudly hosted by VisionThisHosting.com