YourForum Tutorials

YourForum > Tutorials > IPS Tutorials > Shadow BBCode Button to standered editors

Quick Links

User Links
· Your Tutorials

Misc. Links · Top 5 Tutorials by Hits
· Top 5 Tutorials by Rating
· Last 5 Tutorials Submitted

Categories

Home
IPS Tutorials
SEO Tutorials
Windows Tutorials
YourForum Tutorials
cPanel Tutorials
iPhone Tutorials

Top Submitters

· NickTheGreek (127)
· (127)
· www.yourforum.gr (61)
· nickpar (20)
· Big (1)

Random Tutorials

Tutorial name: How to create additional FTP accounts
Submitted by: NickTheGreek

Announcments

Welcome to Tutorial System!

courtesy of www.ipsbeyond.com & www.invisionize.com

Shadow BBCode Button to standered editors

Tutorial Information

Name:	Shadow BBCode Button to standered editors
Submitter:	NickTheGreek
Category:	IPS Tutorials

Submitted:	17 Sep 2007
Updated:	17 Sep 2007
Views:	405
Rating:	This tutorial is unrated.

No image available

View All Tutorials By This Member
View Discussion Topic

Description:
Shadow BBCode Button to standard editors

Tutorial Instructions

::::::::::wanna Youe My tutorials Keep My Credits::::::::::

Shadow BBCode Button In Standerd Post Edit
NOTE::::: This requires Shadow BBCODE to be installed on your Board
NOTE::::: Shadow Effect Works only on IE

Step 1
Go to /jscripts/ipb_editor_std.js on your FTP.

Find the following around line 395:

CODE

/*-------------------------------------------------------------------------*/
// URL tag
/*-------------------------------------------------------------------------*/

function tag_url()
{
    var FoundErrors = '';

    //----------------------------------------
    // Do we have ranged text?
    //----------------------------------------

    if ( check_range() )
    {
        //----------------------------------------
        // Yes, just ask for the URL and wrap
        //----------------------------------------

        var enterURL = prompt(text_enter_url, "http://");

        if ( ! enterURL)
        {
            alert(error_no_url);
            return;
        }

        wrap_tags( "[url="+enterURL+"]", "[/url]", "" );
    }
    else
    {
        var enterURL    = prompt(text_enter_url, "http://");
        var enterTITLE  = prompt(text_enter_url_name, jsfile_myweb_lang );

        if ( ! enterURL)
        {
            FoundErrors += " " + error_no_url;
        }
        if ( ! enterTITLE)
        {
            FoundErrors += " " + error_no_title;
        }

        if ( FoundErrors )
        {
            alert( jsfile_error_lang +FoundErrors);
            return;
        }

        wrap_tags("[url="+enterURL+"]"+enterTITLE+"[/url]", "");
    }
}

Add the following below:

CODE

/*-------------------------------------------------------------------------*/
// SHADOW tag [CUSTOM BUTTON]
/*-------------------------------------------------------------------------*/

function tag_shadow()
{
    var FoundErrors = '';

    //----------------------------------------
    // Do we have ranged text?
    //----------------------------------------

    if ( check_range() )
    {
        //----------------------------------------
        // Yes, just ask for the OPTION and wrap
        //----------------------------------------

        var enterOPTION = prompt("Sacred Says Put Shadow Color here", "black");

        if ( ! enterOPTION)
        {
            alert("Sacred Says You Must Choose Color For Your Shadow");
            return;
        }

        wrap_tags( "[shadow="+enterOPTION+"]", "[/shadow]", "" );
    }
    else
    {
        var enterOPTION    = prompt("Sacred Says Put Shadow Color here", "black");
        if ( ! enterOPTION)
        {
            FoundErrors += " " + "Sacred Says You Must Choose Color For Your Shadow";
        }
        if ( FoundErrors )
        {
            alert( jsfile_error_lang +FoundErrors);
            return;
        }

        wrap_tags("[shadow="+enterOPTION+"]", "[/shadow]", "");
    }
}

You Can Change where is says "Sacred Says Put Shadow Color here" to anything you would like AND "black" to any color u would like to be ur default shadow on your board

Save Close & upload ipb_editor_std.js

================================================

Step 2 :

NOTE:::: this have to be done to all skins

Go to AdminCP >Look & Feel >Edit Template HTML > Post / PM Editor > editor_std

Find :

CODE

Add after

CODE

<td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/shadow.bmp" width="40" height="24" alt="shadow" title="Shadow" onclick="tag_shadow()"></div></td>

================================

Step 3 : Upload the shadow.gif to

style_images/*/folder_rte_images/

Note:::::: the ( * ) is the name of your skin under the style images folder

Heres an image u can use download it and upload it to ur site

Thats it your Done
Sacred

Add a Comment

Comments

There have been no comments made as of yet. Why not be the first?

1 user(s) active
	1 guests, 0 members, 0 anonymous members Sorted by Last Click
Quick Stats
	There have been a total of 244 tutorials in 6 categories and 0 sub-categories with 117143 views and 24 comments The newest tutorial is How to Add “Move to” or “Copy to” to Windows 10’s Context Menu by NickTheGreek

Lo-Fi Version

Time is now: 21st June 2025 - 05:11 AM

InvisionGames - Your #1 Arcade Games Repository | AllSigs - Signatures for all | Rock Band + Guitar Hero = RockHero ! | The Remoters - Remote Assistance | FileMiners - You ask, We find

Licensed to: www.yourforum.gr