Jump to content

  •  

  • Tutorial info Visit support topic

    • Added on: May 14 2007 05:07 PM
    • Date Updated: May 17 2007 03:29 PM
    • Views: 1035
     


    * * * * *
    0 Ratings

    GLOW BBCode Button In Standerd Post Edit

    Glow BBCode Button In Standerd Post Edit

    Posted by AmgedOsman on May 14 2007 05:07 PM

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


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



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

    Find the following around line 395:

    /*-------------------------------------------------------------------------*/
    // 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:

    /*-------------------------------------------------------------------------*/
    // GLOW tag [CUSTOM BUTTON]
    /*-------------------------------------------------------------------------*/
    
    function tag_glow()
    {
    	var FoundErrors = '';
    	
    	//----------------------------------------
    	// Do we have ranged text?
    	//----------------------------------------
    	
    	if ( check_range() )
    	{
    		//----------------------------------------
    		// Yes, just ask for the OPTION and wrap
    		//----------------------------------------
    		
    		var enterOPTION = prompt("Sacred Says Put Glow Color here", "black");
    		
    		if ( ! enterOPTION)
    		{
    			alert("Sacred Says You Must Choose Color For Your Glow");
    			return;
    		}
    	
    		wrap_tags( "[glow="+enterOPTION+"]", "[/glow]", "" );
    	}
    	else
    	{
    		var enterOPTION	= prompt("Sacred Says Put Glow Color here", "black");	
    		if ( ! enterOPTION)
    		{
    			FoundErrors += " " + "Sacred Says You Must Choose Color For Your glow";
    		}	
    		if ( FoundErrors )
    		{
    			alert( jsfile_error_lang +FoundErrors);
    			return;
    		}
    	
    		wrap_tags("[glow="+enterOPTION+"]", "[/glow]", "");
    	}
    }


    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:

    <td><div id='do_code'><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/code.gif" width="21" height="21 alt="{ipb.lang['js_tt_code']}" title="{ipb.lang['js_tt_code']}" onclick="simpletag('code')"></div></td>

    Add after
    			<!--/SEP-->
    			 <td><div><img class="rteimage" src="{ipb.vars['img_url']}/folder_rte_images/glow.gif" width="40" height="24" alt="Glow" title="Glow" onclick="tag_glow()"></div></td>
    Save Close Template Bites

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

    Step 3 Upload the glow.bmp 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 and uplaod it to ur site
    Posted Image

    Thats it your Done
    Sacred

    Powered by Tutorials 1.4.1 © 2012, by Michael McCune