Forum Signature Generator like Narutoclan

PREVIEW
Create 2 Pages Put the following code onto 1st page you created.
A. <div style="display::user-prvar-130:none:user-prvar-134:;word-wrap: break-word"><div width="100%" style="display:none:user-prvar-130:;padding:2px;margin:2px;border:4px double :user-prvar-131:" class="bluemenu"><font size=":user-prvar-133:" color=":user-prvar-131:" face=":user-prvar-132:">:user-prvar-130:</font></div><div style="display:none:user-prvar-134:" align="center"><img src=":user-prvar-134:" alt="http://narutoclan.tk" width="100%" height="100px" style="display:no:user-prvar-134:ne"/> </div></div>
B. <div class="content"> :eprofile-420: <div class="title">Forum Signature Generator</div> <div class="subcontent"> You can use either Text signature or upload via URL function. Or use both Text signature and Upload via URL. If you want to use only the Text Signature, just remove the URL in input box of Upload via URL or vice versa. <div class="content"> <b>Text Signature:</b> ::var-130::<br/> <b>Font Color:</b> ::var-131(black;blue;green;yellow;pink;teal;red;brown)::<br/> <b>Font Type:</b> ::var-132(algerian;forte;bold;italian)::<br/> <b>Font Size:</b> ::var-133(6;8;10;12;14;16):: </div></div> <div class="content"> <b>Upload via URL including http://</b>:br: <input type="text" name="pr_var[134]" size="15" value=":user-prvar-134:"/> </div> <br/> @@ Update Signature :/eprofile: <div> <img src="http://public.wsu.edu/~brians/errors/pencil.gif" width="100%"/></div> <div class="content"> You can also use <b>"Select Image"</b> as a substitute to the <b>Upload via URL</b>:br::br: <b> Select Image:</b> :br::eprofile-420: ::var-134('http://s7.postimg.org/biue9sqwr/image.jpg'>'A';'http://s9.postimg.org/4otxgwxm3/image.jpg'>'B';'http://s13.postimg.org/khcxeojfb/image.jpg'>'C';'http://s23.postimg.org/3knsss2u3/76495.jpg'>'D';'http://s23.postimg.org/jh2bdhtgb/image.png'>'E';'http://s10.postimg.org/6sq2s3lw9/image.jpg'>'F';'http://s24.postimg.org/byfhtu0at/image.jpg'>'G';'http://s23.postimg.org/5qugiuj4r/image.jpg'>'H';'http://s14.postimg.org/4veimqqwh/image.png'>'I';'http://s17.postimg.org/z6zidx5fz/76271.jpg'>'J';'http://s13.postimg.org/94dtjk8rb/76270.png'>'K';'http://s14.postimg.org/sehj08ib5/76249.png'>'L';'http://s24.postimg.org/rc51mwsud/76248.png'>'M';'http://s17.postimg.org/hyxkmh6tr/76224.jpg'>'N';'http://s24.postimg.org/44fcrt9fp/76081.jpg'>'0';'http://s12.postimg.org/3pqd2bolp/P_jpg.png'>'P'):: :br::br:@@Select Image :/eprofile:</div></div>
C. <div class="art">Preview of image you can select</div> <table width="100%" border="1px"> <tr><td width="50%" height="60px"><img src="http://s7.postimg.org/biue9sqwr/image.jpg" width="100%" height="100%"/><div>A</div></td> <td width="50%" height="50px"><img src="http://s9.postimg.org/4otxgwxm3/image.jpg" width="100%" height="100%"/><div>B</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s13.postimg.org/khcxeojfb/image.jpg" width="100%" height="100%"/><div>C</div></td> <td width="50%" height="60px"><img src="http://s23.postimg.org/3knsss2u3/76495.jpg" width="100%" height="100%"/><div>D</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s23.postimg.org/jh2bdhtgb/image.png" width="100%" height="100%"/><div>E</div></td> <td width="50%" height="50px"><img src="http://s10.postimg.org/6sq2s3lw9/image.jpg" width="100%" height="100%"/><div>F</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s24.postimg.org/byfhtu0at/image.jpg" width="100%" height="100%"/><div>G</div></td> <td width="50%" height="50px"><img src="http://s23.postimg.org/5qugiuj4r/image.jpg" width="100%" height="100%"/><div>H</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s14.postimg.org/4veimqqwh/image.png" width="100%" height="100%"/><div>I</div></td> <td width="50%" height="50px"><img src="http://s17.postimg.org/z6zidx5fz/76271.jpg" width="100%" height="100%"/><div>J</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s13.postimg.org/94dtjk8rb/76270.png" width="100%" height="100%"/><div>K</div></td> <td width="50%" height="50px"><img src="http://s14.postimg.org/sehj08ib5/76249.png" width="100%" height="100%"/><div>L</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s24.postimg.org/rc51mwsud/76248.png" width="100%" height="100%"/><div>M</div></td> <td width="50%" height="50px"><img src="http://s17.postimg.org/hyxkmh6tr/76224.jpg" width="100%" height="100%"/><div>N</div></td></tr> <tr><td width="50%" height="60px"><img src="http://s24.postimg.org/44fcrt9fp/76081.jpg" width="100%" height="100%"/><div>O</div></td> <td width="50%" height="50px"><img src="http://s12.postimg.org/3pqd2bolp/P_jpg.png" width="100%" height="100%"/><div>P</div></td></tr> </table>
change 420 in code B with site ID of 2nd page you created
Enter to 2nd page you created then paste the following code.
A. <div style="display::user-prvar-130:none:user-prvar-134:;word-wrap: break-word"><div width="100%" style="display:none:user-prvar-130:;padding:2px;margin:2px;border:4px double :user-prvar-131:" class="bluemenu"><font size=":user-prvar-133:" color=":user-prvar-131:" face=":user-prvar-132:">:user-prvar-130:</font></div><div style="display:none:user-prvar-134:" align="center"><img src=":user-prvar-134:" alt="http://narutoclan.tk" width="100%" height="100px" style="display:no:user-prvar-134:ne"/> </div></div>
B. <div class="content"><div class="title" >Do you really want to use this Signature Image/Text? Click <b>Yes</b> or <b>No</b> button to continue... </div><div align="center" class="subcontent"><table border="1px" width="100%"><td valign="top"><form method="post" action="blog_194.xhtml"> <input type="hidden" name="blog_title" value=":profile_picture_url:" /> <input type="hidden" name="fnc" value="new"/><input type="hidden" name="blog_body" value="has updated his/her SIGNATURE [br][color=:user-prvar-131:]:user-prvar-130:[/color][br][img]:user-prvar-134:[/img]"/>:admin-hash-input::br:<input type="submit" name="submit" value="Yes"/></form> </td><td valign="center">:eprofile-419: <input type="hidden" name="pr_var[134]" size="15" value=""/> <input type="hidden" name="pr_var[130]" size="15" value=""/> @@ No :/eprofile:</td></table></div></div>
*change 194 with site ID of your BLOG LIST PAGE. *change 419 with site ID of 1st page you created.

Now Click
-Edit site>
-Wap2>
-Styles for content in forum/chat >
-Set global settings of styles for forum/chat >
-or set own form for: Messages in forum >
-Style of messages in the forum:*
ADD THIS CODE
<div style="display: ::prvar-130:: none ::prvar-134::;word-wrap: break-word"><div><img src="http://public.wsu.edu/~brians/errors/pencil.gif" width="100%"/></div><div width="100%" style="display:none::prvar-130::;padding:2px;margin:2px;border:4px double ::prvar-131::" class="bluemenu"><font size="::prvar-133::" color="::prvar-131::" face="::prvar-132::">::prvar-130::</font></div><div style="display:none::prvar-134::" align="center"><img src="::prvar-134::" alt="http://narutoclan.tk" width="100%" height="100px" style="display:no::prvar-134::ne"/> </div></div>
YON OH TAPOS NA. If you like my used CSS, just place my css in every SIGNATURE PAGE you created .
<link rel="stylesheet" type="text/css" href="http://zeroclan.wapka.me/styles.css" media="all,handheld"/> you have to use advanced bbcode to make this thing work in blogs
To enable the image in bloglist without restriction of image size, ADD this code at the bottom of bloglist page.
visit Narutoclans
To Copy this Code Because i cant post that script here
Then wrap

your bloglist code . Example:

:bloglist: CONTENT OF BLOG . THEN END-TAG :/bloglist:

Then go to E.s.> users> blogs> setting > wcode> untick the [ img ]http:// wap.domain.com/image_link.jpg[ /img ] - This WCODE create image from link (maximal size of image is 20KB) UNCHECK THEM.