Link Button in the Editor

Go down

Solved Link Button in the Editor

Post by Snows on September 2nd 2019, 4:56 am

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

Link Button in the Editor Insho128


Last edited by Snows on September 3rd 2019, 11:23 am; edited 1 time in total
Snows
Snows
Forumember

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by SLGray on September 2nd 2019, 6:07 am

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 -
Link Button in the Editor 26520-89
If you just want text, add text in the bottom box.
My Profile


Link Button in the Editor 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 : 47005
Reputation : 3284
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows on September 2nd 2019, 8:39 pm

@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 -
Link Button in the Editor 26520-89
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.
Snows
Snows
Forumember

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by skouliki on September 2nd 2019, 9:07 pm

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
skouliki
Manager
Manager

Female Posts : 7675
Reputation : 1060
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows on September 2nd 2019, 9:54 pm

@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.
Snows
Snows
Forumember

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Roger123 on September 3rd 2019, 9:54 am

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
Roger123
New Member

Male Posts : 9
Reputation : 1
Language : Portuguese / English
Location : Portugal

https://help.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows on September 3rd 2019, 10:55 am

@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
Snows
Snows
Forumember

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Roger123 on September 3rd 2019, 11:05 am

Try it with HTML:
Code:
<div class="button">Your text</div>
(Remember to enable HTML first)
Roger123
Roger123
New Member

Male Posts : 9
Reputation : 1
Language : Portuguese / English
Location : Portugal

https://help.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows on September 3rd 2019, 11:11 am

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

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Roger123 on September 3rd 2019, 11:17 am

Remove this part of the CSS code above:
Code:
padding: 15px 32px;
Roger123
Roger123
New Member

Male Posts : 9
Reputation : 1
Language : Portuguese / English
Location : Portugal

https://help.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows on September 3rd 2019, 11:22 am

Thanks alot, am glad you helped.
Snows
Snows
Forumember

Male Posts : 111
Reputation : 4
Language : English

http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by skouliki on September 3rd 2019, 2:17 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 7675
Reputation : 1060
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


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