Back to Basics will cover the main items that any store owner should know. I will not cover any RTML in this post; just the basics like images, image links, links, small CSS changes, and other tips on HTML for everyone that does not like to learn the major items but just the little ones to make managing a store easier. Enjoy.

First part of this i would like you to set up your work station (your computer). These are a few tools that will make life easier for you:

1. Firefox, firefox is a powerful browser that has many extensions to help get work done in your store and you need to have this browser to use the other two tools we will talk about.
2. The other tools I will mention are both extensions for Firefox.  The first one is the most important and it is called Firebug.  Firebug will let you “inspect” the coding on the page and even let you make changes to the code in real-time, changing what you see, but without really changing the code. That way you can see what the CSS or HTML will do to the page without doing it.
3.  The third and final tool I want to show you is Colorzilla, which will allow you to hover over colors on the page and easily identify the hex or RGB code of anything, even images, simplifying the maddening process of trying match colors on the page.

Now the basics:

First is one that people like, but I still don’t know why, and that is how to hide the product “code.”  This is way easy and will not require much explanation as it is a simple and fast fix.  All you need to do is open css-edits.css in the “contents” section of your Store Editor.  Look through the list of documents and find the link for css-edits, from there hit edit and add this into a blank part: “.code {display:none;}” just leave out the quotes.

page width is easy too, i have made an easy to use form that will give you the code needed. goto Yahoo Page width change and follow the instructions.

Adding a color around the images on your site, this can be a nice effect to frame the images, keep in mind that this is site wide. once again we will be in css-edits and add this code, “.image-l {background-color:YOURCOLOR; padding:Size Of Boarder;}” so this .image-l {background-color:#000; padding:2px;} will add a 2 pixel border that is black around all product images.

Now some basic HTML, first is a link, this link can be used in any area of the store that displays text. this is the code for a link <a href=”url”>Link text</a>, <a href=”http://e-commsolution.com”>E-comm Solution</a>

To post an image all you need is <img src=”image url”/> and that is the basic of the image where the image url is, well the best place is the “files” in the store. you can add the image there and the url will start with /lib/yhst-#######/filename.jpg

This is the biggest option that I will show you, how to move the top navigation bar to the search bar, this can be an under taking and will need some work from you. You will need to add this code #nav-general {bottom:-82px;position:relative;} to css edits and the bottom size in pixels will have to change depending on the size of your header size so keep that in mind and just keep adding numbers to it.

If you have anymore requests for Basic tips and tricks in the Yahoo! Store