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.
avatar
YoshiGM
Forumember

Male Posts : 559
Reputation : 83
Language : Spanish [Native], English [69%], Italian [16%]
Location : Support Area ~

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

avatar
YoshiGM
Forumember

Male Posts : 559
Reputation : 83
Language : Spanish [Native], English [69%], Italian [16%]
Location : Support Area ~

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 38215
Reputation : 2574
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