Link Button in the Editor

Please i need a button which i can add link and Text in my forum editor, Something like this

You already have one.  It is the Insert a Link button.  Just add this in the bottom box:

Code:

[img]IMAGE'S URL[/img]

Example:  My avatar is link to my profile -

If you just want text, add text in the bottom box.
My Profile

SLGray wrote:You already have one.  It is the Insert a Link button.  Just add this in the bottom box:

Code:

[img]IMAGE'S URL[/img]

Example:  My avatar is link to my profile -

If you just want text, add text in the bottom box.
My Profile

Thats not what am saying,.... Check this page 
http://fmdesign.forumotion.com/t1337-copy-code#30216
The button in that page is not an image button.

this is a table with ccs style to look like a button
similar information you will find here https://help.forumotion.com/t147483-announcement-and-tutorial-topic-table-style-on-this-forum?highlight=table+annoucement

skouliki wrote:this is a table with ccs style to look like a button
similar information you will find here https://help.forumotion.com/t147483-announcement-and-tutorial-topic-table-style-on-this-forum?highlight=table+annoucement

Something Similar to this... I will be glad if i get a help.

Add this CSS code:

Code:

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

And use this code in the topics:

Code:

[table class="button"][tr][td]Text[/td][/tr][/table]

Roger123 wrote:Add this CSS code:

Code:

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

And use this code in the topics:

Code:

[table class="button"][tr][td]Text[/td][/tr][/table]

This is what i want but the text is going out of the button on my forum.


Check it here 
https://www.9jaloud.com/t6371-test-button-code#7387

Try it with HTML:

Code:

<div class="button">Your text</div>

(Remember to enable HTML first)

Same thing occur... Check the link above to see how it appear.

Remove this part of the CSS code above:

Code: padding: 15px 32px;

Thanks alot, am glad you helped.