myspaceprodesigns.com
blog tutorial
- bookmark us
- add me on myspace
- add me on xuqa
- add me on yfly
10/27/2007 07:28 AM
Re: Link Probs. Please Help!
10/27/2007 02:35 AM
Link Probs. Please Help!
introduction
Introduction • Blog Selectors • Blog Header • Final Tips
The main things that we want to remember as we start to customize our blogs is getting everything to look the same or nearly the same in all browsers, making everything neat and legible, and building a nice navigation for people to maneuver through your blogs easily.
We will start by getting everything to look the same. The easiest way for me to teach you this is through the Web Developer Toolbar in Firefox and by using the blog located here. Open the toolbar and click CSS > Edit CSS or Control Shift E, you will see a new window appear on the left hand side of the blog page which contains all of the CSS used to make it.
Go ahead and scroll down to the very bottom of the Edit CSS window and look at the coding that's there. If you have read any of my other tutorials, you will know that that's not my coding because I like to seperate properties out line by line to make them easier to find and make my coding easy to read. However, I want you to note a few things that you see there.
1. Check out the selectors. Those are what we will use, modified, to change the look of our blog.
2. Note incompatability issues in MySpace's CSS. They really should hire one of us to fix this because if you're reading through this, you probably already understand CSS and know there are a lot of things in that style sheet that are bad which we will discuss further a little later on.
3. Notice the ungodly amount of tables used. As you probably know, I would rather avoid tables and go with CSS layers because tables tend to resize and act differently in different browsers. So, what we are going to have to do is work with this style sheet and manipulate it, and at times, force things to get everything to work right.
OK, so since you know what you need to have, let's take a look at the blog selectors.
Comments
View Comments (0) • Leave Comment • Support Forum