The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Link Button in the Editor

3 posters

Go down

Solved Link Button in the Editor

Post by Snows September 1st 2019, 8:56 pm

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, 3:23 am; edited 1 time in total
Snows
Snows
Forumember

Male Posts : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by SLGray September 1st 2019, 10:07 pm

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 : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows September 2nd 2019, 12: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 : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by skouliki September 2nd 2019, 1: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 : 12594
Reputation : 1537
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows September 2nd 2019, 1: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 : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Guest September 3rd 2019, 1: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]
avatar
Guest
Guest


Back to top Go down

Solved Re: Link Button in the Editor

Post by Snows September 3rd 2019, 2: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 : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Guest September 3rd 2019, 3:05 am

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


Back to top Go down

Solved Re: Link Button in the Editor

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

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

Male Posts : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by Guest September 3rd 2019, 3:17 am

Remove this part of the CSS code above:
Code:
padding: 15px 32px;
avatar
Guest
Guest


Back to top Go down

Solved Re: Link Button in the Editor

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

Thanks alot, am glad you helped.
Snows
Snows
Forumember

Male Posts : 140
Reputation : 4
Language : English

View user profile http://9jatech.forumotion.com

Back to top Go down

Solved Re: Link Button in the Editor

Post by skouliki September 3rd 2019, 6:17 am

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

Female Posts : 12594
Reputation : 1537
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

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