create a clickable button on a topic

Get help developing custom BBCodes or request one.
Post Reply
User avatar
hamidouki
Registered User
Posts: 164
Joined: Sun Aug 02, 2015 2:33 pm
Contact:

create a clickable button on a topic

Post by hamidouki » Fri Mar 08, 2019 4:19 pm

Hello,
how to create a clickable button on a topic
it means a button in a paragraph.
Thanks
Last edited by HiFiKabin on Fri Mar 08, 2019 4:57 pm, edited 1 time in total.
Salutations à la communauté phpBB

User avatar
</Solidjeuh>
Registered User
Posts: 1618
Joined: Tue Mar 29, 2016 3:45 am
Location: Aalst (Belgium)
Name: Andy Dm
Contact:

Re: create a clickable button on a topic

Post by </Solidjeuh> » Fri Mar 08, 2019 4:31 pm

Create BBcode with something like this:

[button][/button]

Code: Select all

<a href="https://www.phpbb.com"><img alt="image" src="https://iculture.textopus.nl/wp-content/uploads/2014/06/The-Test-Fun-for-Friends-iPhone-iPad.png" style="width: 512px; height: 512px;" /></a>
Register a free account & Play!!
~~~ https://www.solidjeuh.be ~~~
Have a secret? --> https://www.tellyoursecrets.eu

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 3989
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: create a clickable button on a topic

Post by HiFiKabin » Fri Mar 08, 2019 4:56 pm

or something like this

BBCode Usage

Code: Select all

[Button={TEXT}]{URL}[/Button]
HTML Replacement

Code: Select all

<span style="BACKGROUND-COLOR: orange; padding:6px; border-style: solid; border-width: 0.5px; border-radius: 10px; border-color: #536482; font-size: 25px;"><a href="{URL}"><font color="red">{TEXT}</font></a></span>
The finished button looks like this
screenshot_62.png
screenshot_62.png (4.17 KiB) Viewed 1913 times
You can edit the colour, font colour, font size etc as you require before you create the BBCode

User avatar
</Solidjeuh>
Registered User
Posts: 1618
Joined: Tue Mar 29, 2016 3:45 am
Location: Aalst (Belgium)
Name: Andy Dm
Contact:

Re: create a clickable button on a topic

Post by </Solidjeuh> » Fri Mar 08, 2019 5:23 pm

HiFiKabin wrote:
Fri Mar 08, 2019 4:56 pm
or something like this

BBCode Usage

Code: Select all

[Button={TEXT}]{URL}[/Button]
HTML Replacement

Code: Select all

<span style="BACKGROUND-COLOR: orange; padding:6px; border-style: solid; border-width: 0.5px; border-radius: 10px; border-color: #536482; font-size: 25px;"><a href="{URL}"><font color="red">{TEXT}</font></a></span>
The finished button looks like this

screenshot_62.png

You can edit the colour, font colour, font size etc as you require before you create the BBCode
Something wrong with this:

Image
Register a free account & Play!!
~~~ https://www.solidjeuh.be ~~~
Have a secret? --> https://www.tellyoursecrets.eu

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 3989
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: create a clickable button on a topic

Post by HiFiKabin » Fri Mar 08, 2019 5:30 pm

Its because its on the top line of the post.

Add

Code: Select all

<span style="padding:5px"></span>
before the rest of the HTML replacement.

User avatar
hamidouki
Registered User
Posts: 164
Joined: Sun Aug 02, 2015 2:33 pm
Contact:

Re: create a clickable button on a topic

Post by hamidouki » Fri Mar 08, 2019 7:17 pm

Nice gays , I will to try and I give you my exemple for helping
Salutations à la communauté phpBB

User avatar
mrgoldy
Jr. Extension Validator
Posts: 1047
Joined: Tue Oct 06, 2009 7:34 pm
Location: The Netherlands
Name: Gijs

Re: create a clickable button on a topic

Post by mrgoldy » Wed Apr 03, 2019 5:45 pm

The "nofollow" can already be achieved by this extension: External links in new window.
phpBB Studio / ''Proud member of the Studio"

User avatar
hamidouki
Registered User
Posts: 164
Joined: Sun Aug 02, 2015 2:33 pm
Contact:

Re: create a clickable button on a topic

Post by hamidouki » Sun Apr 07, 2019 12:31 am

Thanks , topic solved
Salutations à la communauté phpBB

Post Reply

Return to “Custom BBCode Development and Requests”