Community Header
< BACK TO ALL CONVERSATIONS

What are your design needs?

Started by Sara Elizabeth , author of Geeky Pet Mommy {Public} 12/22/2009 11:40:43 AM

While I did recently retire my Blog Design business, I am still and will always be a Graphic Designer. I have been designing Websites since I was 11 years old (yep). Through college and every job I have ever had I have freelanced locally.

At our blog (www.theomnicouple.com), I have a Tutorials and Freebies section setup. One of the things I know I am going to begin designing and offering as Freebies is widget based backgrounds for blogs.

What are some design needs you all have? I'd love to hear them. Also, what design Tutorials would you all find useful?

I have a question about your design abilities as well. If I were to create headers and buttons to match backgrounds I offer, are many of you all design savvy enough to add your blog name onto the headers and buttons if I left them blank?

I am trying to get a feel for the abilities of bloggers out there that are not designers, but maybe a little savvy.

Thanks!

Share Conversation

Embed
+ Login to choose updates by email

Replies


Viewing 1 - 5 of 5
""

Reply by Quirky Momma

author of quirkymomma.com 12/22/2009 12:24:24 PM
Oh, I was just thinking of this!  I would love a personal assistant.  Could you have a weekly "color" chat?  I like figuring out where in the code to change the colors and stuff, but I am color illiterate!  I would love someone to look at my re-design colors and say, "Hey, that shade clashes with this one, why don't you change it to "x""  I'd love to see a forum or thread of designer advice!  Even reading the color advice given to others!  I could learn tons from that!

BTW, what is a wdiget-based blog design?

Another great tutorial would be a "how-to-read" a CSS stylesheet.  Sometimes it takes me hours to find the line of code I need to change.  Maybe an explanation or a map of sorts of where and what things are in the stylesheet.  I am slowly learning this, but it is so painful!

""

Reply by Sara Elizabeth

author of Geeky Pet Mommy {Public} 12/22/2009 12:43:46 PM

It's interesting that you mention color, because I have an obession with Pantone, Color Swatches, and Design books that feature color combinations.

Evidence of my addiction - here. LOL!

A widget based background is a background image that simply goes into an HTML widget. No fuss with the code, unless the blog owner wants to further customize their blog.


""

Reply by Quirky Momma

author of quirkymomma.com 12/22/2009 1:41:36 PM
I'll have to research more about a widget-based blog!  It sounds really interesting and simplified! 

Wow!  Ha!  When you said you LOVE color you weren't joking!  I bet your house is just gorgeous!

Thanks for your color help!  I think just "venting" (via twitter) helped clear things in my brain!  I really appreciate it!  I love that deep purple you suggested!  I'm looking forward to the tutorial posts you'll write!

""

Reply by Jamie

author of Mommy's Camera 12/23/2009 10:10:25 AM
Is it true that it's easier for search engines to find your blog if your main column is on the left?  If so, how do I put my main column on the left and then how do I make it look good with my other two columns on the right?

""

Reply by Sara Elizabeth

author of Geeky Pet Mommy {Public} 12/23/2009 2:00:29 PM

Jamie: Yes, that is true. It reads from left to right, so you want your main content on the left.

In your code find this section:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 98% Georgia, Serif;
}
#main-wrapper {
width: 420px;
margin-left: 25px;
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 */
}
#sidebar-wrapper {
width: 205px;
float: right;
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 */
}
#left-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 */
}

Try replacing that with this, and see how it works:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: url("") repeat;
border-left:1px dotted 0;
border-right:1px dotted 0;
width:1005px;
margin:0px auto;
padding:0px;
text-align:center;
font: normal normal 110% Trebuchet MS, Arial, sans-serif;
}
#main-wrapper {
  width: 500px;
  float: left;
  text-align: center;
margin-top: 0px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 13px;
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 */
}
#sidebar-wrapper {
  width: 200px;
  float: right;
  text-align: center;
margin-top: 0px;
margin-right: 35px;
margin-bottom: 0px;
margin-left: 0px;
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 */
}
#left-sidebar-wrapper {
  width: 200px;
  float: right;
  text-align: center;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 5px;
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 */
}


Reply to Conversation


-OR-

Join & Reply Switch to the simple version
Please review the rules of this community before posting:

This is not the correct community URL anymore. Head on over to: http://theblogfrog.com/psearch/Community.aspx?blogID=1328602



< BACK TO ALL CONVERSATIONS