The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

I Want solved & info & warning buttons in sceditor

View previous topic View next topic 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 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:



and thank you ..
i think @AngeTuteur can help me :rose: :rose:

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

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
Forumember

Male Posts : 533
Reputation : 80
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


It's great but it's not like I want and is not similar to that in the picture

coolkool
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

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: http://help.forumotion.com/t87870-notice-using-css-and-table

And edit the style css Wink


YoshiGM
Forumember

Male Posts : 533
Reputation : 80
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
Forumember

Posts : 116
Reputation : 3
Language : arabic

http://x-gaming.lforum.biz

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


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


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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