Recent Topics

1 Aug 26, 2004 22:55    

I'm very new to CSS and to blogging in general. I'm wordering what file I need to change and how I need to change it, in order to insert a button or other image (with an associated link), below my sidebar. I'd like it to move downward as I add things to the sidebar. I'm using a modified version of the custom skin.

Any suggestions?

Thanks,

Steve

2 Aug 26, 2004 23:31

To add images you add it to your skins/custom/_main.php file. Look down the file and you will see a note indicating START OF SIDEBAR. Under it you will see several bits that identify individual sidebar components

<div class="bSideItem">
blah blah blah - stuff goes in here
</div>

You don't HAVE to use a div but that's how you will get your little dividing lines to happen. To do images first put your images in the blogs/img folder then try this:

<div class="bSideItem">
<p class="center">
<a href="URI for linking" title="mouseover text"><img src="<?php imgbase() ?>imagename.gif" alt="mouseover text" width="XX" height="YY" class="middle" /></a>
<img src="../../img/flight/imagename.gif" alt="mouseover text" title="mouseover text" width="XX" height="YY" class="middle" />
</p>
</div>

Note the two different ways to get your image to show up. The first one is linked, the second is not, but either method for the image source will work with or without links. You could also put the image in skins/custom/img and call them up with src="imagename.gif" if you prefer. To continually add new ones to the bottom you just place the new image tag (or div with image tags inside) beneath the previous stuff.


Form is loading...