[fxwoody]

Well after playing and playing around this, i ended up with the perfect combination for my place!

This is my setup from the "stylevars", "template editor" and "Message Posting Interface Options".

PHP Code:

******SMILIES BELOW**********
 USERCP_SHELL

HTML Code:
</head>

Add directly above it:
HTML Code:
{vb:raw headinclude_bottom}

********************************

Adjust Stylevars :editor-smiliebox-smiliesize to 55px

+++++++++editor.CSS++++++++++

.editor_smiliebox ul.smiliebox li {
    float:{vb:stylevar left};
    height:{vb:stylevar editor_smiliebox_smiliesize};
    width:{vb:stylevar editor_smiliebox_smiliesize};
    margin:2px;
    overflow:hidden;
    position:relative;
    text-align:center;
}

++++Option for textbox size++++

.editor_textbox iframe {
    margin:0;
    padding:0;
    height:406px;      *****Adjust height to your taste! Original was 206px*****
}

++++Option for quickreply size++++

.editor_textbox.quickreply iframe {
        height:156px;        *****Adjust height to your taste! Original was 106px*****
}

++++++++EDITOR2++++++++

@charset "UTF-8";
/* editor2.css */
      .editor_smiliebox {
      clear:both;
      height:{vb:math 5*{vb:math 21+2*2}}px;
      position: relative;
      float:left;
      width: 100%;
}

.editor_smiliebox ul.smiliebox {
      height:{vb:math 4.5*{vb:math 21+2*2}}px;
      margin:0 auto;
}

.editor_textbox_smilie {
      margin-right:0;
} 


Adjust Message Posting Interface Options:

Smiliebox Total Smilies:30
Smiliebox Smilies Per Row:15
Smilie Menu Total Smilies:30

Hope it helps some of you