help in this code . the effect on code > add button to Put under the colored writing Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    help in this code . the effect on code > add button to Put under the colored writing

    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°1

    help in this code . the effect on code > add button to Put under the colored writing Empty help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 2:39 pm

    hi 

    i get a code in Portuguese help form
    the code is working
    But there is a problem
    It lacks the css code in order to show the activation
     
    i am using this code only :
    Code:
    $(function() {
      if (!$.sceditor) return;

      $.sceditor.command.set('neon', {

      _dropDown : function(editor,caller,callback) {
        var i, x, neon, neons, genneon = {
           r: 255, g: 255, b: 255
        },
        content = $("<div />"),
        neonColumns = editor.opts.neons?editor.opts.neons.split("|"):new Array(6),
        html = [],
        cmd = $.sceditor.command.get('neon');
        if(!cmd._htmlCache) {
           for(i = 0; i < neonColumns.length; ++i) {
                neons = neonColumns[i]?neonColumns[i].split(","):new Array(37);
                html.push('<div class="sceditor-color-column">');
                 for(x = 1; x < neons.length; ++x) {
                      neon = neons[x]||"#"+genneon.r.toString(16)+genneon.g.toString(16)+genneon.b.toString(16);
                      html.push('<a href="#" class="sceditor-neon-option" style="background-color: ' + neon + '" data-neon="' + neon + '" title="' + neon + '"></a>');
                      if(x%6 === 0) {
                         genneon.g -= 51;
                         genneon.b = 255;
                         if(genneon.g < 51) {
                            genneon.g = "00";
                         }
                      } else genneon.b -= 51;
                      if(genneon.b < 51) {
                         genneon.b = "00";
                      }
                 }
                 html.push('</div>');
                 if(i%1 === 0) {
                    genneon.r -= 51;
                    genneon.g = 255;
                    genneon.b = 255;
                    if(genneon.r < 51) {
                       genneon.r = "00";
                    }
                 } else {
                       genneon.g = 255;
                       genneon.b = 255;
                 }
           }
           cmd._htmlCache = html.join('');
        }
        content.append(cmd._htmlCache).find('a').click(function(e) {
             callback($(this).attr('data-neon'));
             editor.closeDropDown(true);
             e.preventDefault();
        });
        editor.createDropDown(caller, "neon-picker", content);
       },
       // WYSIWYG MODE
       txtExec : function(caller) {
       var editor = this;
           $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
             editor.insertText("[neon="+neon+"]","[/neon]");
       });
       },
       // SOURCE MODE
       exec : function(caller) {
       var editor = this;
           $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
             editor.insertText("[neon="+neon+"]","[/neon]");
           });
       }, tooltip: "Neon"});
      
      toolbar = toolbar.replace(/quote/,'neon,quote');

      $('head').append(
      '<style type="text/css">' +
      '.sceditor-button-neon div {' +
      '  background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif) !important}' +
      '  .sceditor-neon {' +
      '  width:auto;' +
      '  height:auto;' +
      '  overflow-y:auto;' +
      '}' +
      '.sceditor-neon-picker {' +
      '  padding: 0 !important;' +
      '}' +
      '.sceditor-neon-option {' +
      'border: 1px solid #fff;' +
      'display: block;' +
      'height: 10px;' +
      'overflow: hidden;' +
      'width: 10px;' +
      '}' +
      '</style>'
      );
    });

    http://ajuda.forumeiros.com/t100038-addon-bbcode-neon#690705
    He adds a button and make it work
    But for a preview Topic liters code does not take effect
    Because it needs to Code: CSS
    Thread, which was published in the support forum Portuguese 
     did not put us to the CSS code

    the effect on code > add button to Put under the colored writing
    anybody can help me ?


    Last edited by coolkool on September 18th 2015, 8:37 pm; edited 2 times in total (Reason for editing : change the titel)
    • Back to top
    Niko
    Niko
    Niko
    Helper
    Helper


    Male Posts : 3122
    Reputation : 245
    Language : English, Italian, French
    Location : Italy
    • Post n°2

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by Niko September 18th 2015, 6:28 pm

    Hello,

    the css code is included in the javascript code Wink
    However, if you want you can add it separately in your css stylesheet:

    Code:
    .sceditor-button-neon div {
        background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif)!important;
    }
        .sceditor-neon {
        width:auto;
        height:auto;
        overflow-y:auto;
      }
      .sceditor-neon-picker {
        padding: 0 !important;
      }
      .sceditor-neon-option {
      border: 1px solid #fff;
     display: block;
      height: 10px;
      overflow: hidden;
     width: 10px;
      }
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°3

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 6:51 pm

    help in this code . the effect on code > add button to Put under the colored writing IixdVDE

    It's not work Sad
    • Back to top
    Niko
    Niko
    Niko
    Helper
    Helper


    Male Posts : 3122
    Reputation : 245
    Language : English, Italian, French
    Location : Italy
    • Post n°4

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by Niko September 18th 2015, 7:04 pm

    @coolkool did you follow the other tutorial required? (see here)

    the tutorial you linked me is just an addOn, this means that a previous tutorial is required to make it work. (see here) will help you
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°5

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 7:16 pm

    No I didn't follow the other 
    [size=30] tutorial[/size]
    [size=30]Becuase I can't understand what code I will add [/size]
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51540
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°6

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by SLGray September 18th 2015, 7:34 pm

    Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.



    help in this code . the effect on code > add button to Put under the colored writing Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°7

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 7:38 pm

    I apologize I do not know the title fits Thread if you can help in the development of Title thank brother
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51540
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°8

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by SLGray September 18th 2015, 7:42 pm

    Add in the title what the code does.



    help in this code . the effect on code > add button to Put under the colored writing Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°9

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 8:28 pm

    anybody can help me ?
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51540
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°10

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by SLGray September 18th 2015, 8:30 pm

    I mean the title needs to related to what the code does on your forum.



    help in this code . the effect on code > add button to Put under the colored writing Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°11

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 8:39 pm

    add button to Put under the colored writing
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51540
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°12

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by SLGray September 18th 2015, 8:42 pm

    Have you translated the other tutorial so you know which codes you needed?



    help in this code . the effect on code > add button to Put under the colored writing Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


    Male Posts : 140
    Reputation : 3
    Language : Arabic
    Location : SA
    • Post n°13

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by coolkool September 18th 2015, 9:36 pm

    locked 
    finish i find the answer ^.^
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51540
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°14

    help in this code . the effect on code > add button to Put under the colored writing Empty Re: help in this code . the effect on code > add button to Put under the colored writing

    Post by SLGray September 18th 2015, 9:38 pm

    Locked as Requested



    help in this code . the effect on code > add button to Put under the colored writing Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top