[3.8.2] Ambient Lighting v2.0 [TheProphet]

TheProphet · Apr 22, 2009

This is a vBTEAM exclusive do not post else where!!

[3.8.2]Ambient Lighting v2.0

!!! Pay a little respect and "Thank Me" if you like this style and me continue to porting and ripping styles !!!

!!! No Thanks = No Support !!!

* Include Severall Template hacks.

Auto Remember Me.
Smiliebox - Move Smilies Below Editor.
Icons for UserCP Navbar (added true the whole style).
Nice Login Form With Lock Image.
Added a Blanc Logo.
Added a Post Thanks Button.
Guest Floating Bar and icons.

Installation:

I made with this style a very detailed installation instruction document. See the Docs directory.

Optional if you running the "post_thanks_7_7" hack.
Import the "product_thanked_ambient_3_8.xml" i made for this style.
Import the language file thanked-phrases-postbit.xml (select English).
See Postbit picture for result on this.

Main style layout:

Local Date & Time

Guest Notice for: Forgot Password, Forgot Username & Create New Account.

Pictures added around the whole style, based on the Icons for UserCP Navbar Hack.

Lock Image Hack with "Auto Remember Me":

Improved Smiliebox Under Editor Hack with optional PNG icons and smilies:

Postbit Legacy "Thanks Hack" (Optional)

TheProphet · Apr 22, 2009

*Reserved for Updates and Support*

mmmxiv · Apr 22, 2009

Thanks much mate, another brilliant skin

Love the docs thing, completely noob-proof ;d

WascallyWabbit · Apr 22, 2009

Very nice....tx

Dark_Fox2009 · Apr 22, 2009

very nice...I think im in <3

Dummi · Apr 22, 2009

Why the style is looking like this:

what is the fault?
i have uploaden the ambient folder and imports the xml file

Theone5000 · Apr 22, 2009

Like the style very much, but even better are those optional stuff

Added them all

But what do i do with the css and js folder?

WascallyWabbit · Apr 22, 2009

Agreed about the optional stuff, but I am having a rough time getting Magic Toolbox to work. The problem is that in their instructions, they say to replace the entire contents ofeditor_toolbar_on wiht

PHP:

$vBeditTemplate[clientscript]
<center>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
 <td id="$editorid" class="vBulletin_editor" width="100%">
  <div id="{$editorid}_controls" class="controlbar">
   <table cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td>
   <if condition="$show['font_bbcode'] OR $show['size_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['font_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>    
    </div></td>
   </if>
   <if condition="$show['size_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['color_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['wysiwygsmilies']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td><img src="$stylevar[imgdir_editor]/smilie.gif" alt="" width="21" height="20" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
   <if condition="$show['attach']">
    <td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
      <td><img src="$stylevar[imgdir_editor]/attach.gif" alt="" width="21" height="20" /></td>
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
     </tr>
     </table>
    </div></td>
   </if>
    <!--
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.gif" width="21" height="20" alt="$vbphrase[cut]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.gif" width="21" height="20" alt="$vbphrase[copy]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.gif" width="21" height="20" alt="$vbphrase[paste]" /></div></td>
    -->
    <if condition="$show['basicbbcodeonly']">
     <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
     <if condition="$show['basic_bbcode']">
      <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
     </if>
     <if condition="$show['url_bbcode']">
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
     </if>    
     <if condition="$show['align_bbcode']">    
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <if condition="$stylevar['textdirection'] == 'ltr'">
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
      <else />
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
      </if>    
     </if>
     <if condition="$show['quote_bbcode']">
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
      <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
     </if>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.gif" width="21" height="20" alt="$vbphrase[undo]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>
    
   <if condition="is_browser('ie') AND !is_browser('mac')">
    <td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td>
   </if>
    <td>
     <div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
     <div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
    </td>
   <if condition="$show['wysiwyg_compatible']">
    <td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
   </if>
   </tr>
   </table>
  
   <if condition="!$show['basicbbcodeonly']">
   <table cellpadding="0" cellspacing="0" border="0">
   <tr>
   <if condition="$show['basic_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['align_bbcode']">
    <if condition="$stylevar['textdirection'] == 'ltr'">
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
    <else />
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['list_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.gif" width="21" height="20" alt="$vbphrase[ordered_list]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.gif" width="21" height="20" alt="$vbphrase[unordered_list]" /></div></td>
   </if>
   <if condition="$show['align_bbcode'] OR $show['list_bbcode']">
    <if condition="$stylevar['textdirection'] == 'ltr'">
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
    <else />
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
    </if>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['url_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
   </if>
   <if condition="$show['img_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td>
   </if>
   <if condition="$show['quote_bbcode']">
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
   </if>
   <if condition="$show['code_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.gif" width="21" height="20" alt="$vbphrase[wrap_code_tags]" /></div></td>
   </if>
   <if condition="$show['html_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.gif"  width="21" height="20" alt="$vbphrase[wrap_html_tags]" /></div></td>
   </if>
   <if condition="$show['php_bbcode']">
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.gif" width="21" height="20" alt="$vbphrase[wrap_php_tags]" /></div></td>
   </if>
    $vBeditTemplate[extrabuttons]
   </tr>
   </table>
   </if>
  
  </div>
</center>
  
  <table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr valign="top">
   <td class="controlbar">
    <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="display:block; width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea>
   </td>
   <if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
  </tr>
  </table>
 </td>
</tr>
</table>
<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra');
//-->
</script>

and it is moving the smileys from the bottom, back to the side.....any suggestions??

TIA

mmmxiv · Apr 23, 2009

might have something to do with the placement of:

PHP:

<if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>

Patchy · Apr 23, 2009

Will wait for the other colors themes you said you're doing. Anyway great job.

TheProphet · Apr 23, 2009

Theone5000 said:
Like the style very much, but even better are those optional stuff Added them all
But what do i do with the css and js folder?

Nothing, its used for the document file, thats why i put it in the docs m8.

TheProphet · Apr 23, 2009

WascallyWabbit said:
Agreed about the optional stuff, but I am having a rough time getting Magic Toolbox to work. The problem is that in their instructions, they say to replace the entire contents ofeditor_toolbar_on wiht

PHP:

bunch of code

and it is moving the smileys from the bottom, back to the side.....any suggestions??

TIA

Try this m8y

PHP:

$vBeditTemplate[clientscript] 
<center> 
<table cellpadding="0" cellspacing="0" width="100%" border="0"> 
<tr> 
 <td id="$editorid" class="vBulletin_editor" width="100%"> 
  <div id="{$editorid}_controls" class="controlbar"> 
   <table cellpadding="0" cellspacing="0" border="0"> 
   <tr> 
    <td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td> 
   <if condition="$show['font_bbcode'] OR $show['size_bbcode']"> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
   </if> 
   <if condition="$show['font_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]"> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td> 
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td> 
     </tr> 
     </table>     
    </div></td> 
   </if> 
   <if condition="$show['size_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]"> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td> 
      <td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td> 
     </tr> 
     </table> 
    </div></td> 
   </if> 
   <if condition="$show['color_bbcode']"> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
    <td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]"> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td> 
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td> 
     </tr> 
     </table> 
    </div></td> 
   </if> 
   <if condition="$show['wysiwygsmilies']"> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
    <td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]"> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td><img src="$stylevar[imgdir_editor]/smilie.gif" alt="" width="21" height="20" /></td> 
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td> 
     </tr> 
     </table> 
    </div></td> 
   </if> 
   <if condition="$show['attach']"> 
    <td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]"> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td><img src="$stylevar[imgdir_editor]/attach.gif" alt="" width="21" height="20" /></td> 
      <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td> 
     </tr> 
     </table> 
    </div></td> 
   </if> 
    <!-- 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.gif" width="21" height="20" alt="$vbphrase[cut]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.gif" width="21" height="20" alt="$vbphrase[copy]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.gif" width="21" height="20" alt="$vbphrase[paste]" /></div></td> 
    --> 
    <if condition="$show['basicbbcodeonly']"> 
     <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
     <if condition="$show['basic_bbcode']"> 
      <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td> 
     </if> 
     <if condition="$show['url_bbcode']"> 
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td> 
     </if>     
     <if condition="$show['align_bbcode']">     
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
      <if condition="$stylevar['textdirection'] == 'ltr'"> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td> 
      <else /> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td> 
      </if>     
     </if> 
     <if condition="$show['quote_bbcode']"> 
      <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
      <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td> 
     </if> 
    </if> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.gif" width="21" height="20" alt="$vbphrase[undo]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td> 
     
   <if condition="is_browser('ie') AND !is_browser('mac')"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td> 
   </if> 
    <td> 
     <div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div> 
     <div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div> 
    </td> 
   <if condition="$show['wysiwyg_compatible']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td> 
   </if> 
   </tr> 
   </table> 
   
   <if condition="!$show['basicbbcodeonly']"> 
   <table cellpadding="0" cellspacing="0" border="0"> 
   <tr> 
   <if condition="$show['basic_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
   </if> 
   <if condition="$show['align_bbcode']"> 
    <if condition="$stylevar['textdirection'] == 'ltr'"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td> 
    <else /> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td> 
    </if> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
   </if> 
   <if condition="$show['list_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.gif" width="21" height="20" alt="$vbphrase[ordered_list]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.gif" width="21" height="20" alt="$vbphrase[unordered_list]" /></div></td> 
   </if> 
   <if condition="$show['align_bbcode'] OR $show['list_bbcode']"> 
    <if condition="$stylevar['textdirection'] == 'ltr'"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td> 
    <else /> 
    <td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td> 
    </if> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
   </if> 
   <if condition="$show['url_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td> 
   </if> 
   <if condition="$show['img_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td> 
   </if> 
   <if condition="$show['quote_bbcode']"> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td> 
    <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td> 
   </if> 
   <if condition="$show['code_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.gif" width="21" height="20" alt="$vbphrase[wrap_code_tags]" /></div></td> 
   </if> 
   <if condition="$show['html_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.gif"  width="21" height="20" alt="$vbphrase[wrap_html_tags]" /></div></td> 
   </if> 
   <if condition="$show['php_bbcode']"> 
    <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.gif" width="21" height="20" alt="$vbphrase[wrap_php_tags]" /></div></td> 
   </if> 
    $vBeditTemplate[extrabuttons] 
   </tr> 
   </table> 
   </if> 
   
  </div> 
</center> 
   
  <table cellpadding="0" cellspacing="0" border="0" width="100%"> 
  <tr valign="top"> 
   <td class="controlbar"> 
				<textarea name="message" id="{$editorid}_textarea" rows="10" cols="80" style="display:block; width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea>
			</td>
		</tr>
		<if condition="$smiliebox">
		<tr>
			<td class=\"controlbar\">$smiliebox</td>
		</tr>
		</if>
		</table>
	</td>
</tr>
</table>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" /> 
<script type="text/javascript"> 
<!-- 
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra'); 
//--> 
</script>

WascallyWabbit · Apr 23, 2009

Thx.....I actually figured it out, despite my lack of html knowledge

, just hadn't posted yet. But, I have another tiny problem. In the smilie section of the posting toolbox, the link for "more" smilies is showing up whit for me and I am a phpbb3 transplant and have no clue where to change the color of just that link.

Chris2oo8 · Apr 23, 2009

@ TheProphet: can i change the samile box like that one in any skin...?

TheProphet · Apr 23, 2009

WascallyWabbit said:
Thx.....I actually figured it out, despite my lack of html knowledge , just hadn't posted yet. But, I have another tiny problem. In the smilie section of the posting toolbox, the link for "more" smilies is showing up whit for me and I am a phpbb3 transplant and have no clue where to change the color of just that link.

Goto your style manager and select "All style options" now scroll down to the legend settings and change the color there.

Chris2oo8 said:
@ TheProphet: can i change the samile box like that one in any skin...?

Yes you can... copy from my style's template: editor_smiliebox and editor_toolbar_on to your other skins.

kriDje · Apr 23, 2009

w000t! Thanks!

I am using version 1.0, and I 'm glad to see another one.

Chris2oo8 · Apr 23, 2009

I've got the smilie box to displaay under th editor btw how can i make em display in a line like urss...?

WascallyWabbit · Apr 23, 2009

Hmmm...that changed the the Smilie label itself, I meant the "more" label.....see the pic, it's invisible (white).

lilfabbro · Apr 23, 2009

were would a place my ad code specifically to get it like in the demo image

this is my ad code

Code:

<!-- Begin: AdBrite, Generated: 2009-04-23 15:08:10  -->
<script type="text/javascript">
var AdBrite_Title_Color = 'FFFFFF';
var AdBrite_Text_Color = 'FFFFFF';
var AdBrite_Background_Color = '171717';
var AdBrite_Border_Color = '171717';
var AdBrite_URL_Color = 'FF0000';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<span style="white-space:nowrap;"><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1141675&zs=3436385f3630&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
<a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1141675&afsid=1"><img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-banner-w.gif" style="background-color:#171717;border:none;padding:0;margin:0;" alt="Your Ad Here" width="11" height="60" border="0" /></a></span>
<!-- End: AdBrite -->

TheProphet · Apr 23, 2009

lilfabbro said:
were would a place my ad code specifically to get it like in the demo image

this is my ad code

Code:

 

Choose one of the Ad Location Templates for yer code... play to see were it fit most your need.

[3.8.2] Ambient Lighting v2.0 [TheProphet]

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member