Midnight Mansion Forums
Forum Template - Printable Version

+- Midnight Mansion Forums (https://actionsoft.com/forum)
+-- Forum: Announcements (https://actionsoft.com/forum/forumdisplay.php?fid=6)
+--- Forum: 008 (https://actionsoft.com/forum/forumdisplay.php?fid=30)
+--- Thread: Forum Template (/showthread.php?tid=1237)

Forum Template - Wingy - 12-27-2009

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:

<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 my
wingy001
in the link while scrolling down. I attached a picture with the code highlighted and position it should be at while scrolling down.

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=
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.

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 Wink ) 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.

Re: Forum Template - Freddy - 12-27-2009

Thx for inviting us to ... highschool. :-? Smile

Love today's fixing btw. 8-)

Re: Forum Template - Semi-Native - 12-27-2009

Thanks, Anthony. I've worked with code before, so I don't think I'd have a problem with it.

Re: Forum Template - brell - 12-27-2009

Thanks - and also for the
tip.

Re: Forum Template - Freddy - 12-28-2009

:question :question :question :question :question

Wait a minute ... Wait a minute ...

How did you add your images IN the text and NOT as an attachment?

Re: Forum Template - Wingy - 12-28-2009

Oh Freddy lol that's not an attachment, only the picture at the bottom. The boxes with code in them I used [ code ] and put my code here [ /code ] but of course put the brackets closer. The reason is because if I don't use the /code then the forum post would actually try to apply the code to the post.