Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.7 > vBulletin 3.7 Template Modifications

Reply
 
Thread Tools
PNG Editor Buttons Details »»
PNG Editor Buttons
Version: 1.00, by Wayne Luke (Senior Member) Wayne Luke is offline
Developer Last Online: Oct 2023 Show Printable Version Email this Page

Category: New Posting Features - Version: 3.7.2 Rating:
Released: 12-19-2007 Last Update: 08-28-2008 Installs: 320
Template Edits
Re-useable Code Translations  
No support by the author.

As another step forward in usability, here is another simple template edit that uses the FAMFAMFAM Silk Icons for your editor buttons. These icons are in PNG format with alpha transparency so should look good on any background except pure black. Black doesn't work since most of the icons contain a lot of black.


If you have a lot of Internet Explorer 6 users, then you will need to install the following addon as well:
PNG Transparency for Internet Explorer - This will enable Internet Explorer 5.5 and 6.0 to utilize PNG Transparency through DirectX filters. This is not needed for Internet Explorer 7 or higher.



Features
  • PNG icons for Standard and WYSIWYG Editors
  • Cut, Copy and Paste enabled in Editor
  • Extra icons included for additional common BBCodes including superscript, subscript, audio, video, and horizontal rules.
Installation
  1. Upload all images to yourforumpath/images/editor
  2. Merge the style.xml file into each style you want to apply the changes to. This will only work on styles with unedited editor templates. If your editor templates are modified then you will need to revert them to apply this change. To do this follow the steps below.
Merging Styles
  1. Go to Styles & Templates -> Download / UploadStyles.
  2. In the Upload form, browse to the editor_png.xml file
  3. For the Merge Into Style choose the style that these changes should be applied on.
  4. Tell the system to ignore the version number (just in case).
  5. Click Import.
  6. Repeat for each additional style.
The FAMFAMFAM Silk icons are licensed under a Creative Commons Attribution 2.5 License.
Note:
If you install this template modification after upgrading to 3.7.0 RC4 or later, you will need to manually add the security token notification to the three templates. This line of code needs to be added:

Code:
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
If this is installed before you upgrade to RC4 then vBulletin will automatically add these lines during the upgrade process.

Update:
Updated to 3.7.3 with all code changes between Beta 2 and 3.7.3 applied.

Support:
For support with this template modification, please visit www.rabidbadger.net and post your issues in the Project Tools tracker. Registration is required. All registrations are moderated. To get access as soon as possible, use the same username that you use on this site.

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #82  
Old 04-22-2008, 01:43 AM
legionofangels's Avatar
legionofangels legionofangels is offline
 
Join Date: Mar 2007
Posts: 485
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Wayne Luke View Post
I'll work on a fix for the line display in Firefox. Cut, Copy and Paste can be turned on in Firefox. Here are the instructions:
http://googlesystem.blogspot.com/200...le-office.html

I'll make that an option and turn this into a proper product. Might take a bit.
You could have also used this instead:

https://addons.mozilla.org/en-US/fir...firefox&id=852

It's a plug in that basically does the same thing, and allows you to simply choose which sites you want it to work on.

The problem is however, as what people found in this thread:

https://vborg.vbsupport.ru/showthrea...y+Paste+Editor

That the buttons don't actually work, even when they "visually are seen".

EXAMPLE

So if I go copy some text on my screen shown here:

http://img.photobucket.com/albums/v3...6/dunwork1.jpg

Then hit the paste button from my editor shown here:

http://img.photobucket.com/albums/v3...6/dunwork2.jpg

The result is magically nothing. Nothing pastes, because from what Scott McVicar of VB.com says, one of your colleagues, is that they don't work consistently and there are security problems with them. He of course wouldn't clarify those security problems, so none of us know if it's just end user incompetence, or if there really are hackers holes there.

Nonetheless, still a great mod and you did a good job. But it's absolutely pointless to tell people how to unlock the imagery of those 3 buttons, without the "how to" on getting them to actually function. We tested 4 pc's, and 4 diff browsers on the Test style, and none of them worked.

Thanks,

Legion of Angels
Reply With Quote
  #83  
Old 04-22-2008, 03:36 AM
elmati elmati is offline
 
Join Date: Mar 2007
Location: Argentina
Posts: 183
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

nice! works like a charm

thanks for this mod!
Reply With Quote
  #84  
Old 04-23-2008, 06:03 AM
FassoL FassoL is offline
 
Join Date: Aug 2006
Location: Saudi Arabia
Posts: 3
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Very nice
Thank u
Reply With Quote
  #85  
Old 04-29-2008, 08:42 PM
Stubbed's Avatar
Stubbed Stubbed is offline
 
Join Date: Dec 2007
Location: New Zealand
Posts: 105
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

How difficuilt is it to apply this modification to a custom theme? Not an issue as long as the theme hasn't already edited the three templates that require it?

Quote:
Originally Posted by therogueforums View Post
That would actually be most awesome. I sincerely hope you decide to release it.

...And back to this mod, I simply love it. It looks so much better than the standard setup, IMO. Great release!
:up: I agree, it's a minter.

Quote:
Originally Posted by Wayne Luke View Post
Can you provide an example of what it looks like in IE6? I actually don't have that browser accessible to me anymore as all my computers are on IE7 and IE8 and no one at my website uses IE6.
I'm also interested in this, as over 20% of my forums userbase still use IE6...
Reply With Quote
  #86  
Old 05-11-2008, 05:57 PM
dannykilla's Avatar
dannykilla dannykilla is offline
 
Join Date: Jun 2007
Location: Manchester, UK
Posts: 151
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I am using 3.7.0, now is anyone getting 3 templates out of date when they install this mod/hack ?
If so is there a fix ?

thanks
Danny
Reply With Quote
  #87  
Old 05-11-2008, 06:04 PM
Wayne Luke's Avatar
Wayne Luke Wayne Luke is offline
Senior Member
 
Join Date: Jan 2002
Location: Southern California
Posts: 1,694
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You could compare them to the newly released version but there shouldn't be any issue. It is probably the changes for the security token that were auto-inserted.

Edit and then save the template and they won't be out of date anymore.
Reply With Quote
  #88  
Old 05-11-2008, 06:08 PM
dannykilla's Avatar
dannykilla dannykilla is offline
 
Join Date: Jun 2007
Location: Manchester, UK
Posts: 151
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

OK didnt even think of that

thanks
Reply With Quote
  #89  
Old 05-11-2008, 06:42 PM
ABDALWAHID ABDALWAHID is offline
 
Join Date: Aug 2006
Posts: 57
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hello,
I have plugin installed, but can I get an error. Under color button, my address?

regard
Reply With Quote
  #90  
Old 05-11-2008, 08:39 PM
BarcaMaroc's Avatar
BarcaMaroc BarcaMaroc is offline
 
Join Date: Mar 2006
Location: Morocco
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

nice
Reply With Quote
  #91  
Old 05-11-2008, 09:05 PM
BarcaMaroc's Avatar
BarcaMaroc BarcaMaroc is offline
 
Join Date: Mar 2006
Location: Morocco
Posts: 27
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

showthread_quickreply



PHP Code:
<if condition="$show['editor_toolbar']">
<
div id="{$editorid}_controls" class="controlbar">
    
$vBeditTemplate[clientscript]

<
div id="$editoridclass="vBulletin_editor">

    <
table cellpadding="0" cellspacing="0" border="0">
    <
tr>
        <
td id="{$editorid}_controls0" class="controlbar">

            <
table cellpadding="0" cellspacing="0" border="0">
            <
tr>
                <
td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.png" alt="$vbphrase[remove_text_formatting]/></div></td>
            <if 
condition="$show['font_bbcode'] OR $show['size_bbcode']">
                <
td><img src="$stylevar[imgdir_editor]/separator.png" 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.png" 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.png" alt="" /></td>
                    </
tr>
                    </
table>
                </
div></td>
            </if>
            <if 
condition="$show['color_bbcode']">
                <
td><img src="$stylevar[imgdir_editor]/separator.png" 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.png" 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.png" alt="" /></td>
                    </
tr>
                    </
table>
                </
div></td>
            </if>
            <if 
condition="$show['wysiwygsmilies']">
                <
td><img src="$stylevar[imgdir_editor]/separator.png" 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.png" alt="" /></td>
                        <
td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" 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.png" alt="" /></td>
                        <
td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.png" alt="" /></td>
                    </
tr>
                    </
table>
                </
div></td>
            </if>
                <!--
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.png" alt="$vbphrase[cut]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.png" alt="$vbphrase[copy]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.png" alt="$vbphrase[paste]/></div></td>
                -->
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.png" alt="$vbphrase[undo]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.png" alt="$vbphrase[redo]/></div></td>
            <
td width="100%">&nbsp;</td>
            <if 
condition="is_browser('ie') AND !is_browser('mac')">
                <
td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.png" alt="$vbphrase[check_spelling]/></div></td>
            </if>
                <
td>
                    <
div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.png" alt="$vbphrase[decrease_size]/></div>
                    <
div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.png" alt="$vbphrase[increase_size]/></div>                </td>
            
                <
td><div class="imagebutton" id="{$editorid}_cmd_switchmode">
                  <
div align="right"><img src="$stylevar[imgdir_editor]/switchmode.png" alt="$vbphrase[switch_editor_mode]/></div>
                </
div></td>
            
            </
tr>
            </
table>
            <
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.png" alt="$vbphrase[bold]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.png" alt="$vbphrase[italic]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.png" alt="$vbphrase[underline]/></div></td>
                <
td><img src="$stylevar[imgdir_editor]/separator.png" 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.png" alt="$vbphrase[align_left]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]/></div></td>
                <else />
                <
td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.png" alt="$vbphrase[align_right]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.png" alt="$vbphrase[align_center]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.png" alt="$vbphrase[align_left]/></div></td>
                </if>
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
            </if>
            <if 
condition="$show['list_bbcode']">
                <
td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.png" alt="$vbphrase[ordered_list]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.png" 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.png" alt="$vbphrase[decrease_indent]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[increase_indent]/></div></td>
                <else />
                <
td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.png" alt="$vbphrase[decrease_indent]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.png" alt="$vbphrase[increase_indent]/></div></td>
                </if>
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
            </if>
            <if 
condition="$show['url_bbcode']">
                <
td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.png" alt="$vbphrase[insert_link]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.png" alt="$vbphrase[remove_link]/></div></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.png" 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.png" alt="$vbphrase[insert_image]/></div></td>
            </if>
            <if 
condition="$show['quote_bbcode']">
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
                <
td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.png" alt="$vbphrase[wrap_quote_tags]/></div></td>
                <
td><img src="$stylevar[imgdir_editor]/separator.png" alt="" /></td>
            </if>
            <if 
condition="$show['code_bbcode']">
                <
td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.png" 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.png" 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.png" alt="$vbphrase[wrap_php_tags]/></div></td>
            </if>
                
$vBeditTemplate[extrabuttons]
            </
tr>
            </
table>        
        
        </
td>
    </
tr>
    </
table>

</
div>

</
div>
</if>
<
div class="controlbar">
    <if 
condition="$show['qr_require_click']">
    <
textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]disabled="disabled">$vbphrase[click_quick_reply_icon]</textarea>
    <else />
    <
textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
    </if>
</
div>

<
input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype/>
<
input type="hidden" name="styleid" value="$session[styleid]/>

<
script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid'$editortype'$forumid''$parsesmilie');
var 
QR_EditorID '$editorid';
//-->
    
</script
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:28 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.10094 seconds
  • Memory Usage 2,540KB
  • Queries Executed 25 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)bbcode_code
  • (1)bbcode_php
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete