Tuesday, April 05, 2005

Annoyed that I don't know code!

Attempting to update my blog, and make it appear as desired, I realized my main dehibilitation: I don't know code. It drives me insane that I don't know how to fix that darn alignment error for "Frequented Sites" and the link underneath it. I also don't know how to change the orange description box color ot match the rest of the site. My resources are limited through the 'guess and see what happens' method. One of these days, maybe I'll magically be taught code so I can at least be a better manager of my website. UGH!

6 comments:

jamin said...

Edit the inline CSS style for the 'sidebar dl' to read:

#sidebar dl { margin: 0pt 0pt 20px; }

that should fix that alignment issue. The problem is that the little picture of yourself is big enough to overlap with the sidebar titles. If you increase the margin everything looks good.

To change the sidebar description, edit:

#sidebar #description

and mess around to get what you want. Notice the background colour (rgb) and url it's loading. Get rid of the url and change the background colour.

Muse said...

Ok, I did that, but I still can't change the ugly orange box. I can't figure out where in the code that color is listed. Here's what it looks like:

#sidebar #description {border: solid 1px #FF33CC; padding: 10px 17px; color: #FF33CC; background: #FF33CC url(http://www.blogblog.com/snapshot/bg-profile.gif); font-size: 1.2em; font-weight: bold; line-height: 0.9; margin: 0 0 0 -6px;}

Is there a way to make the word "Frequented Sites" appear below the profile and not next to it?

jamin said...

It looks like you *removed* the sidebar dl instead of modifying it . So the links are still not aligned. As for the box, as I mentioned in my first post, remove the part where it's loading the url and change the colour to whatever you want. For example, you might make it:

#sidebar #description { border: 1px solid rgb(255, 51, 204); margin: 0pt 0pt 0pt -6px; padding: 10px 17px; background: rgb(255, 255, 255); color: rgb(255, 51, 204); -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-size: 1.2em; font-weight: bold; line-height: 0.9; }

Muse said...

I didn't remove it, I just replaced it with your code. I really don't understand the code language. It's not like I have a translator over here. It's like me trying to tell you to decipher music theory with no clue how to read music. Anyway, can I just cut-paste your idea? Does that work?

jamin said...

yeah...

Muse said...

I surrender.