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.<br />
<br />
Now, onto the code: I am somewhat knowledgeable in HTML, which is the language involved.<br />
<br />
If you go into Admin --> Template<br />
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:<br />
<br />
<pre class="code">&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;460&quot; height=&quot;100&quot; rowspan=&quot;2&quot;&gt;&lt;a href=&quot;<a href="https://actionsoft.com/forum/showthread.php?tid=1174">https://actionsoft.com/forum/showthread.php?tid=1174</a> src=&quot;<a href="http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg&quot;">http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg&quot;</a> alt=&quot;YaBB - Yet another Bulletin Board&quot; title=&quot;Click here to download La Luna Mansion!&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/td&gt;</pre><br />
<br />
Tip: Look for the <blockquote><a href="http://www.photobucket.com</blockquote>">www.photobucket.com<blockquote></a> link, or my </blockquote>wingy001<blockquote> in the link while scrolling down. I attached a picture with the code highlighted and position it should be at while scrolling down.<br />
<br />
Anyway, the <strong>first</strong> bit of code which is<br />
<br />
<pre class="code">&lt;td align=&quot;center&quot; valign=&quot;middle&quot; width=&quot;460&quot; height=&quot;100&quot; rowspan=&quot;2&quot;&gt;</pre><br />
<br />
is simply the position of the picture. Don't change that. The <strong>second</strong> bit which is<br />
<br />
<pre class="code">&lt;a href=&quot;<a href="https://actionsoft.com/forum/showthread.php?tid=1174">https://actionsoft.com/forum/showthread.php?tid=1174</a></pre><br />
<br />
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 <strong>third</strong> code which is<br />
<br />
<pre class="code">img src=&quot;<a href="http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg&quot;">http://i99.photobucket.com/albums/l314/Wingy001/LunaMansion.jpg&quot;</a> alt=&quot;YaBB - Yet another Bulletin Board&quot; </pre><br />
<br />
is the image source. I use a free website to host my images called [link=www.photobucket.com]Photobucket.[/url] Simply copy the <strong>direct link</strong> which is provided by the host. Where you see 'alt=</blockquote>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.<br />
<br />
Finally, the fourth part of this little bit of code is<br />
<br />
<pre class="code">title=&quot;Click here to download La Luna Mansion!&quot;</pre><br />
<br />
which is what you will see if you mouse over the image! The very last bit is just more positioning code.<br />
<br />
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<br />
<br />
<pre class="code"> [Link= (address here) ] (Button name here) [/url] </pre><br />
<br />
Make <strong>sure</strong> that you have a /link to end the link , or a /size code, or anything, or els code won't look terribly pleasing.
As some of you may have noticed above in the news I used a nifty little trick I've been using since I first started web designing back in 2002. (I was 8 years old, I think!) And thus, ended up with this : <a href="http://www.antsarts.surf.to">www.antsarts.surf.to</a> , (if you're curious) which I haven't updated in... nearly 4 years.<br />
<br />
The trick I used was putting a break in the lines to organize things, make it much easier on some of our older Midnight Mansion Fans. To have an effect which basically makes a line stop here,<br />
<br />
and pick up from there to here, simply install two HTML codes:<br />
<br />
<pre class="code"> &lt;br&gt;&lt;br&gt;</pre>.<br />
<br />
and there you have it, a simple way to organize your forum news.