[ quote ]
Posted By TheWicked on 06 Feb 2010 12:54 PM
<p>[ TWP ]Here are some basic edit functions. If you want to use them write them without any spaces.[ /color ]
<span style="font-size: larger;[ /img ][ red ]How to create a Link:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ url=http://www.google.at ] Google Austria [ /url ]
Link: <a href="http://www.google.at" ; target="_blank[ /img ]<span style="color: #800000[ /img ] Google Austria [ /color ][ /u ]</a>
[ TWP ]will also open in new tab[ /color ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to add a Picture:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ img ] http://www.freeimagehosting.net/uploads/d9b11b9803.jpg [ /img ] [ TWP ]or [ IMG ] and [ /IMG ][ /color ]
[ img ] http://www.freeimagehosting.net/uploads/d9b11b9803.jpg [ /img ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to use italic, bold and the basic colors functions:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ b ] Bold [ /b ]
[ b ] Bold [ /b ]
[ i ] Italic [ /i ]
[ i ] Italic [ /i ]
[ red ] Red [ /red ]
[ red ] Red [ /color ]
[ green ] Green [ /green ]
[ green ] Green [ /color ]
[ blue ] Blue [ /blue ]
[ blue ] Blue [ /color ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to use custom colors:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ color=#12345f ] Hex Color #12345f [ /color ] [ TWP ]with "#" and than "rrggbb"[ /color ]
<span style="color: #12345f[ /img ] Hex Color #12345f [ /color ]
[ TWP ]or[ /color ]
[ color=rgb(35, 95, 160) ] rgb color 35, 95, 160 [ /color ] [ TWP ]with "rgb(" than "rrr, ggg, bbb" and than ")"[ /color ]
<span style="color: rgb(35, 95, 160)[ /img ] rgb color 35, 95, 160 [ /color ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to change the Fontsize:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ fontsize=xx-large ] Real big Letters [ /fontsize ]
<span style="font-size: xx-large;[ /img ] Real big Letters [ /color ]
[ TWP ]Following options are avaliable:[ /color ]
<span style="font-size: xx-small;[ /img ]xx-small[ /color ]
<span style="font-size: x-small;[ /img ]x-small[ /color ]
<span style="font-size: smaller;[ /img ]smaller[ /color ]
<span style="font-size: small;[ /img ]small[ /color ]
<span style="font-size: medium;[ /img ]medium[ /color ]
<span style="font-size: larger;[ /img ]larger[ /color ]
<span style="font-size: large;[ /img ]large[ /color ]
<span style="font-size: x-large;[ /img ]x-large[ /color ]
<span style="font-size: xx-large;[ /img ]xx-large[ /color ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to create a List:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ ListO ] [ * ]One [ * ]Two [ * ]Three [ * ]Four [ /ListO ]
[ ListO ] [ * ]One [ * ]Two [ * ]Three [ * ]Four [ /ListO ]
[ ListN ] [ * ]One [ * ]Two [ * ]Three [ * ]Four [ /ListN ]
[ ListN ] [ * ]One [ * ]Two [ * ]Three [ * ]Four [ /ListN ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to mix different functions:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ TWP ]You can also do sth like this[ /color ]
[ i ] [ red ] italic Red [ /i ] [ /red ]
[ i ] [ red ] italic Red [ /i ] [ /color ]
[ fontsize=larger ][ i ] [ red ]larger italic Red [ /red ] [ /i ] [ /fontsize ]
<span style="font-size: larger;[ /img ][ i ] [ red ]larger italic Red [ /color ] [ /i ] [ /color ]
[ ListN ][ fontsize=larger ][ i ] [ red ][ * ]Listing larger italic Red[ /red ] [ /i ] [ /fontsize ] [ /ListN ]
[ ListN ]<span style="font-size: larger;[ /img ][ i ] [ red ] [ * ]Listing larger italic Red[ /color ] [ /i ] [ /color ] [ /ListN ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to embed videos:[ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ TWP ]Youtube for example gives you something like this:[ /color ]
< object width="640" height="385" >
< param value="[ red ]http://www.youtube.com/v/V_MG8R7pjiw&hl=de_DE&fs=1&[ /color ]" name="movie" / >
< param value="true" name="allowFullScreen" / >
< param value="always" name="allowscriptaccess" / >< embed width="640" height="385" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="[ red ]http://www.youtube.com/v/V_MG8R7pjiw&hl=de_DE&fs=1&[ /color ]" >< /embed >< /object >
[ TWP ]Copy the red part and write:[ /color ]
[ embed ][ red ] http://www.youtube.com/v/V_MG8R7pjiw&hl=de_DE&fs=1&[ /color ] [ /embed ]
[ embed ]http://www.youtube.com/v/V_MG8R7pjiw&hl=de_DE&fs=1& [ /img ]</embed>
[ TWP ]It is small to save space... if you want to watch just click the fullscreen button.[ /color ]
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]How to add Spoilers: [ /color ][ /color ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ]
[ spoiler ] Spoiler 1 [ /spoiler ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ] Spoiler 1 </dd></div></dl><p>
<p>
[ spoiler ] Spoiler 2 [ /spoiler ]
</p><dl class="codebox[ /img ]<dt>Spoiler: <a onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[ 0 ]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = 'hide'; } else { spoiler.style.display = 'none'; this.innerHTML = 'show'; };" href="javascript: void(0);[ /img ]show</a></dt><div style="border: 1px solid rgb(0, 102, 96);[ /img ]<dd style="display: none;[ /img ] Spoiler 2 </dd></div></dl><p>
<p>
</dd></div></dl><p>
<p>
</dd></div></dl><p>
<p>
<span style="font-size: larger;[ /img ][ red ]Some of them might be converted to HTML code if you try to edit your post. Just make Sure that you change it back.[ /color ][ /color ]
[ TWP ]For example:[ /color ]
[ url=http://www.google.at ] Google Austria [ /url ]
[ TWP ]Will look like[ /color ]
Link:< a target="_blank" href="http://www.google.at" >< u > < span style="color: rgb(128, 0, 0);" > Google Austria < /span >< /u >< /a >
[ TWP ]If so just remove it and use [ url ] again.[ /color ]
[ TWP ] If you experience further problems with those BB-Codes, then please post it in here. Thanks![ /color ]
</p>
[ /quote ]