I Want solved & info & warning buttons in sceditor

Go down

Solved I Want solved & info & warning buttons in sceditor

Post by coolkool on 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:
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

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

Post by YoshiGM on 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.
YoshiGM
YoshiGM
Forumember

Male Posts : 842
Reputation : 115
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

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

Post by coolkool on 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
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

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

Post by YoshiGM on 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

YoshiGM
YoshiGM
Forumember

Male Posts : 842
Reputation : 115
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

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

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

solved
thanks 

closed ^.^
coolkool
coolkool
Forumember

Male Posts : 140
Reputation : 3
Language : Arabic
Location : SA

http://x-gaming.forumakers.com/

Back to top Go down

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

Post by SLGray on 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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 46687
Reputation : 3273
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum