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

    I Want solved & info & warning buttons in sceditor

    coolkool
    coolkool
    coolkool
    Forumember


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

    Solved I Want solved & info & warning buttons in sceditor

    Post by coolkool September 5th 2015, 6:31 pm

    hi >> 
    please i want this button :


    I Want solved & info & warning buttons in sceditor 4oTBgAT


    i have this code :
    Code:
    $(function(){
      $(function(){
        $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Solved"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Solved</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=solved][tr][td]","[/td][/tr][/table]");
         });
     
        $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Lock"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Locked</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=lock][tr][td]","[/td][/tr][/table]");
         });
         $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Info"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Info</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("[table class=info][tr][td]","[/td][/tr][/table]");
         });
         });
          });
    It puts three buttons and its own codes and working properly
    But it does not show the same results that I want .. This picture of the result I'm looking for:


    I Want solved & info & warning buttons in sceditor KmJpkL8

    and thank you .. 
    i think @AngeTuteur can help me :rose: :rose:
    • Back to top
    YoshiGM
    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1562
    Reputation : 146
    Language : Spanish & English
    Location : Mexico
    • Post n°2

    Solved Re: I Want solved & info & warning buttons in sceditor

    Post by YoshiGM September 5th 2015, 6:59 pm

    Hello @coolkool,
    You should create a CSS Style for your table.

    Here's an expample:

    Code:
    .solved {
    background-color: darkgreen;
    border: 1px solid darkgreen;
    border-radius: 4px;
    color: darkgreen;
    }

    Don't forget to edit "darkgreen" for the background color, border and text color. Wink

    You do that with all tables to get the effect in the screenshot.
    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


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

    Solved Re: I Want solved & info & warning buttons in sceditor

    Post by coolkool September 5th 2015, 7:25 pm

    I Want solved & info & warning buttons in sceditor VU0HcXr

    It's great but it's not like I want and is not similar to that in the picture
    • Back to top
    YoshiGM
    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1562
    Reputation : 146
    Language : Spanish & English
    Location : Mexico
    • Post n°4

    Solved Re: I Want solved & info & warning buttons in sceditor

    Post by YoshiGM September 5th 2015, 7:34 pm

    How i said, that was an example.
    You should read this topic: https://help.forumotion.com/t87870-notice-using-css-and-table

    And edit the style css Wink

    • Back to top
    coolkool
    coolkool
    coolkool
    Forumember


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

    Solved Re: I Want solved & info & warning buttons in sceditor

    Post by coolkool September 5th 2015, 10:17 pm

    solved
    thanks 

    closed ^.^
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°6

    Solved Re: I Want solved & info & warning buttons in sceditor

    Post by SLGray September 6th 2015, 4:20 pm

    Topic solved and archived



    I Want solved & info & warning buttons in sceditor Slgray10

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

      Current date/time is November 11th 2024, 7:47 pm