12-27-2009, 02:20 PM
Freddy asked me to put a little something up to show the other admins how to edit the forum template, thus the above picture. The picture can be no larger then 400x350y, that's the limit that I want to put in place or the boards may look a tad silly. Please note that the images will *not* resize themselves, you have to resize it. For the most part I will be handling the weekly images, and code below, but this is for when I'm away, or can't access a computer with MM.
Now, onto the code: I am somewhat knowledgeable in HTML, which is the language involved.
If you go into Admin --> Template
you will see about 30% down the list the following. There will be lots of code, it's very important you *don't* delete anything or edit anything but the following:
Tip: Look for the
Finally, the fourth part of this little bit of code is
which is what you will see if you mouse over the image! The very last bit is just more positioning code.
Any questions post below. If the above seems to mind boggling (Actually HTML is the simplest code
) no worries, I can do most of the image changing and what not. Just a quick note though, make sure that if you have a
Make sure that you have a /link to end the link , or a /size code, or anything, or els code won't look terribly pleasing.
Now, onto the code: I am somewhat knowledgeable in HTML, which is the language involved.
If you go into Admin --> Template
you will see about 30% down the list the following. There will be lots of code, it's very important you *don't* delete anything or edit anything but the following:
<td align="center" valign="middle" width="460" height="100" rowspan="2"><a href="https://actionsoft.com/forum/showthread.php?tid=1174 src="http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg" alt="YaBB - Yet another Bulletin Board" title="Click here to download La Luna Mansion!" border="0" /></a></td>
Tip: Look for the
www.photobucket.com link, or mywingy001
in the link while scrolling down. I attached a picture with the code highlighted and position it should be at while scrolling down.yabb etc" that's just incase Photobucket closes down somehow (which is very unprobable) somehow and an alternate header picture is needed until a working image link is reinstalled, the YaBB board picture will be there instead.
Anyway, the first bit of code which is
<td align="center" valign="middle" width="460" height="100" rowspan="2">
is simply the position of the picture. Don't change that. The second bit which is
<a href="https://actionsoft.com/forum/showthread.php?tid=1174
is the link where you will go if you click on the picture. You should have this linked to the page were you download the featured mansion. The third code which is
img src="http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg" alt="YaBB - Yet another Bulletin Board"
is the image source. I use a free website to host my images called [link=www.photobucket.com]Photobucket.[/url] Simply copy the direct link which is provided by the host. Where you see 'alt=
Finally, the fourth part of this little bit of code is
title="Click here to download La Luna Mansion!"
which is what you will see if you mouse over the image! The very last bit is just more positioning code.
Any questions post below. If the above seems to mind boggling (Actually HTML is the simplest code
) no worries, I can do most of the image changing and what not. Just a quick note though, make sure that if you have a[Link= (address here) ] (Button name here) [/url]
Make sure that you have a /link to end the link , or a /size code, or anything, or els code won't look terribly pleasing.
![http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg"](http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg"){kind=link}