Klampert

The Main Layout has changed

Ok so the main layout has been changed. I went for a very simple graphic layout. I will be changing many of the links to graphic links also.
Do you like it?
It’s custom on wordpress.com…so not a standard thing which is cool.

Only thing I think I want is the whole thing centered, but I can’t get the code to work for me.

So my issues:
1. I can’t get it to center..and have grey go all the way across
2. I think I am going to change all of the orange to dark red  That’s done
3. Some reason the header doesn’t butt up with the top

Any Code genius peeps out there? HELP!

Posted

in

, ,

by

Joel Klampert

Tags:

,

Comments

24 responses to “The Main Layout has changed”

  1. erzsi1113 Avatar
    erzsi1113

    The new layout looks great!! We missed you guys on Sunday but look forward to seeing you next week!
    ~liz

  2. klampert Avatar
    klampert

    I was wondering where you guys were…It was a great service. cya sunday

  3. inWorship Avatar
    inWorship

    I like it. I’ve been thinking of switching to wordpress, because of the cleaner look. You’ve done well on the design.

  4. klampert Avatar
    klampert

    brent…thanks man…yeah do it…wordpress rocks..I do like your background though..but you can use it over here as well

  5. brenttrf Avatar
    brenttrf

    Alright, I am working on it as I type. I’ll see what I can come up with. So far i like it, but I would like to get into the CSS like Blogger allows you to do…without paying. I’d like to change some colors and font sizes. Maybe I am missing something?

  6. klampert Avatar
    klampert

    yeah I think it was $10 for the year for the CSS stuff. too me well worth it. I love the interface and the ease of wordpress way better than blogger.
    Let me know when you move.
    I totally forgot to add you to my blogroll…consider it done brent

  7. mandythompson Avatar
    mandythompson

    iLike

  8. inWorship Avatar
    inWorship

    Thanks for the blogroll link. I will return the favor on the new site.

    You can check put the basic setup at brenttrf.wordpress.com. Let me know what you think. Your welcome to comment there. I think I will purchase the CSS access. I agree that it would be worth it.

    Thanks!

  9. klampert Avatar
    klampert

    mandy: thanks im almost done

    brent: sweet…welcome to the cool world of blogging..

  10. inWorship Avatar
    inWorship

    Dude! Something is seriously wrong with my blog. I haven’t messed with the CSS stuff yet, just trying themes out and all I can get is what you see. you’ll have to check it out. it doesn’t matter what theme, they all look like this?

    I’ve posted a topic on the forum to see what’s up.

    Anyway, glad your still looks good 🙂

  11. Billy Chia Avatar
    Billy Chia

    Joel,
    Your centering solution:

    In your CSS file you start with something like:

    div#container {
    float: right;
    margin: 0 0 0 -200px;
    width: 100%;
    }

    Which is kewl, but above it you need to add something like:

    body
    {
    text-align: center;
    }

    div#container
    {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }

    For an explanation of why this works google “CSS center”

    For a website I designed and centered using this type of CSS see:

    http://thesource.peacesaginaw.org

    The site looks great, and I’m jealous 🙂 As soon as I get a job I’m spending $10 on some custom CSS for my site too 🙂

  12. klampert Avatar
    klampert

    huh…wierd…if I can help let me know…im not a genius but uh…ive got some smarts. lol

  13. inWorship Avatar
    inWorship

    OK, things seem to be back to normal…weird!

    But I will be taking it slow from here on out. Thanks for letting me freak out on your blog 🙂

  14. klampert Avatar
    klampert

    ha ha ha…freak away dude..

    just dont hit people. lol

  15. inWorship Avatar
    inWorship

    Hey this is off topic, but I checked out Fr Dave’s Blog and really enjoyed his writing. Please pass along this info of thanks.

    I have added him to my reader.

  16. klampert Avatar
    klampert

    ha considering he is my dad…Ive gotta like him…but yeah he is good. you can check out the church site as well if you want to hear any of the teachings…killer stuff.

  17. inWorship Avatar
    inWorship

    Awesome, I did not realize that. Very cool.

    I will be checking out the stuff on the website. Love the graphics. Our graphics guy is on The Lab at Flickr and said he has seen your churches stuff and likes it a lot.

  18. klampert Avatar
    klampert

    oh cool man..I love the lab…Ive gotta get back on there…i appreciate the kind words man

  19. inWorship Avatar
    inWorship

    I’m liking the new header. Believe it or not it seems more reverent to me.

  20. Billy Chia Avatar
    Billy Chia

    love the new header.

    Good job on using the !important feature to figure out the centering. Having multiple linked CSS files can really mess you up sometimes.

  21. klampert Avatar
    klampert

    brent: thanks man…I love changing the headers…i get bored easy. lol

    Billy: yeah man…I was able to center it but i couldnt get the text to left justify as well.. luckily Chris Moncus at fred mickinnons church helped me out with that.

    THANKS CHRIS!!!

  22. inWorship Avatar
    inWorship

    Dude, how are you setting up all your banner links?

    Also, maybe this is for Billy too. How would I canter and stretch a background. I don’t want it tiled.

    Here is the background code, what do I need to add to it?

    body {
    background: url(“http://www.something.com/jpg”);
    }

    Thanks guys.

  23. klampert Avatar
    klampert

    ok man here goes…

    banner link in sidebar. I save image on my server, but I think you can upload to wordpress as well and then…heres the code

    href=”http://cecworship.wordpress.com/tag/ancient-and-new/”><img src=”http://www.cecworship.com/blog/ancient.jpg” alt=”Ancient…new again” border=”0″

    close the tags with the < and a codes…cant type it cus it disappears. lol

    first part is the link address, second part is the image location, third part is the alt text

    K now onto the body code
    I would have to do a little trial and error here but it should be

    background:url(‘http://something.com/jpg’) repeat-x top center fixed;

    the center and fixed might be the variables but repeat x makes it tile across only

  24. inWorship Avatar
    inWorship

    I think I figured some stuff out. Thanks for the codes. I worked on stuff last night…colors, header and some borders. I think it is a little more me now.

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *