I was wondering if there could be a topic that had a complete list all of the commonly used or very useful codes. Right now, they are scattered around the forums and can be difficult to track down if you don't know where to look.

Edit: Also, why does my siggie not show up when I'm the first one to post in a topic. It shows up in later posts.

Edit Answer: You need to check the add signature box while in edit mode;)


BB CODES

Tutorial: BB Code Made Easy

ADDRESS CODES: [*url=link to profile]Name[/url]

ADDRESS CODE WITH SIZE AND COLOR:
[*url=URLHERE][*size=medium][*color=330033]NAME[/size][/color][/url]



LINE SPACE CODES:

If you are getting extra spaces... try this
[font][colour][size]
TEST ME LINE 1
TEST ME LINE 2
ALL TESTED OUT...
[/size][/colour][/font]

This strategy should take care of the multiple line spacing... at least it worked for me.

As for the placement of words... you've two choices:
1) Format by hand (that is, use the tab and space bar to achive your desired look)
2) Format via HTML (that is, use tables or perhaps a simple few formatting lines might do the trick... like this one <center>testing</center>.

SINGLE PIECE OF MUSIC TO PLAY CONSTANTLY:
[*code]<bgsound src="URL OF MUSIC FILE GOES HERE" loop="infinite">[/code]

COTTAGE SCRIPT CODE
[*code][*size=large][*font=Georgia][*color=009933]
[*i][/size][/font][/color][/i][/code]

HIGHLIGHT SPOILER CODE:

[*color=FFFFFF]Highlight the line below this[/color]
Your Spoiler Here

HTML CODE:

Tutorial: HTML Code Made Easy


BACKGROUND CODES:

CENTER A LINE, PARAGRAPH OR PICTURE:

<center>testing</center>.



PAGE CODE, Copy this to the top of the page .



DtD's MAIN BACKGROUND CODE:
<script type="text/javascript">var divs=document.getElementsByTagName("div");divs[0].style.background="#008000 url('ENTER HTTP ADDRESS HERE') top center fixed";divs[1].style.background="transparent none";</script>


ROLLING SCRIPT CODE

<div align="center"><FONT><MARQUEE bgcolor="#008080">
<STRONG>I'll tell you... but it's going to cost you!
</STRONG></MARQUEE></FONT></DIV>


-------------------
CENTER PICTURE CODE
<center><img src="PIC URL" /></center>

PLACING PICTURES SIDE BYBSIDE
To put images side-by-side, it's best to use a table. Here's the code for that:

<table cellspacing=2><td>[*img]picture or words[/img]</td><td>[*img]picture or words 2[/img]</td><td>[*img]picture or words 3[/img]</td></table><table cellspacing=2><td>[*img]picture or words[/img]</td><td>[*img]picture or words 2[/img]</td><td>[*img]picture or words 3[/img]</td></table>

<table cellspacing=20><td>img tags here</td><td>img tags here</td></table>

The cellspacing number is how far apart the images are spaced. You can play with that value (cellspacing=0 means the images are right next to each other). There are other table parameters you can put in, like borders around each table cell; just do a search for table codes and you can find what you need.

You can list as many images as you want, but each one has to be surrounded by <td> and </td>


3 COTTAGE ROOMS
<a href="#" onclick="toggleBlock('1', true); toggleBlock('2', false); toggleBlock('3', false)">Insert your page 1 title here</a> | <a href="#" onclick="toggleBlock('1', false); toggleBlock('2', true); toggleBlock('3', false)">Insert your page 2 title here</a> | <a href="#" onclick="toggleBlock('1', false); toggleBlock('2', false); toggleBlock('3', true)">Insert your page 3 title here</a>

<div id="1" style="display: ;"><br />Insert your page 1 content here</div>
<div id="2" style="display: none;"><br />Insert your page 2 content here</div>
<div id="3" style="display: none;"><br />Insert your page 3 content here</div>

Note: All astericks need to be removed for the codes to work. I forgot to save the code from Shaz that allows codes to be viewed :oops:


HINTS AND TIPS:

The pages here are 500px wide. To make banners stretch across to whole page change the code to read [img width=440] they auto load at 300.

Siggies auto load at 300 also, adjust them to read [img width=440] The siggie limit size is 440px by 135px.

Change the size of all pictures in 'Paint' to 400px wide or less before uploading to a hot link site. This will avoid stretching pages in the forums.

How to take a screen shot: Hit the Print Screen key on your keyboard. Navigate to your Paint Program. Hit Edit and Paste. Then size to 440px or less and save picture as a png.


Thank you to all who have contributed codes to this list for site use.

Haha, yep, BBCode is more simplified, kinda like a HTML shortcut for forums (to my amateurish brain). For example, BBCode for images is [*img][/*img], and the most you can add to it here is [*img width=300 align=right], but HTML code can go:

<*img style="margin: 0px auto 10px; display: block; text-align: center; width: 300px; height: 195px;" src="IMAGE URL" alt="" border="0" />

(See what I mean about it being nastily long? Useful, though, if you know how to play with it)

yea, but if you don't know. It kinda hurts the brain to look at it. But anyways, I think have a master list of all this would be very useful. Oracle keeps sending me tips on how to do things that I wouldn't even think to ask about.

Okay we are open for business. If you find codes bring them here and I will add them to the list, and clean up the thread. It will be just for submitting codes not for chatter. We can just referrence people here to find the codes

I added a turorial for each BBCode and HTML

in answer to your siggie question... it shows up when you first make the post, but when you edit it, the "show signature" box is unchecked, and you have to check it if you want it displayed. I'm guessing you edited your original post after making it

Just a suggestion but it might be worth putting a link to this thread in the Cottage help area. It's really useful (thanks everyone ) and I only found it by seeing a comment by Mizzou in someone's cottage.

Feel free to delete this post when it's no longer needed. Thanks.

I think the cottage part needs revision since the site has been updated and changed. The inner background is not working anymore in my cottage.

Are you sure it's not because the background's URL is now invalid instead of the code, Heimdall?

Nope, my inner background isn't loading either. Looks like Shiki's script doesn't work anymore.

@aislingyngaio: Nope too. It appears that all inner backgrounds in each and every cottages of members are not working. The shiki script is not working anymore....pity.

oh yeah me and Abby where just discussing that on kingdom chat~ the code does not work anymore such a pity considering i found such a great background.......
i wish it would work! what should we do now?

The inner background isn't working in threads either.

To all questions regarding the inner background, go to this thread for your own convinience.

The topic was locked.

@Phoenixalia: That is because in threads such as this one, BBCodes are used, not Hyper Text Mark-Up Language.

Thank you Mizzou. Oh yes, this is sort of web page designing! By the way, for the centering the picture code, will it works on cottage? I'm trying to work at it, but to no avail...

<*center><img src="PIC URL">WORDS HERE</center*>

P.S. I removed asterisk when putting in my cottage edit box.

Why need to put "WORDS HERE" after the picture source?

Good point. I'll edit the code. It should just be:
<center><img src="PIC URL" /></center>

Yes the centering code will work in your cottage. It just doesn't work here because it's HTML code.


A very general rule of thumb: If the code is in [ ], then it's probably BB code and will work everywhere. If it's in < >, then it is probably HTML and will only work in your cottages.

Thanky you, Argoyle. It really worked out after I placed my cottage edit box with opened <center> and closed with </center>. Everything is aligned in the center.

I'll help to spread the words about the difference between BB [] code and HTML <> code.

Can someone complete the inner bg code (shiki code)?


<*script type="text/javascript" src="http://shiki.ryouji.googlepages.com/freestyle.js"*></script> <script type="text/javascript">window.onload=freestyle("#000000","ENTER HTTP ADDRESS HERE"*)</script >

The http://shiki.ryouji.googlepages.com/freestyle.js is not complete in the code given above, therefore making the inner background not work, and I myself still need to look back here and check the complete one. What I did is that I placed an asterisk near /freestyle.js"> (so it must be /freestyle.js"*>

edit: please refer to the code at the first post

The code you have there is correct (minus the *s).

I mean the code on the first post. Sorry, I wasn't able to say that.

edit: its done. Thanks Arggie/Aisling.