HexagonReborn

Custom BBCodes - HexagonReborn

Custom BBCodes

by svetep » Tue Apr 24, 2018 9:36 am

Custom BBCodes appear with broken icons in the Post Reply screen. Could you please fix that?

Otherwise it's a great style, thank you for the amazing work!

Is HexagonReborn going to be the only maintained style in future or Hexagon will also stay?
svetep
Registered User
Posts: 2
Joined: Tue Apr 24, 2018 9:33 am
Contact:

Re: Custom BBCodes

by Mannix_ » Wed Apr 25, 2018 4:37 pm

Can you post a screenshot of how it looks like ? Both will be supported as long as possible
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 475
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Custom BBCodes

by svetep » Thu Apr 26, 2018 8:40 am

Screenshot attached
Broken_forum_scr.png
svetep
Registered User
Posts: 2
Joined: Tue Apr 24, 2018 9:33 am
Contact:

Re: Custom BBCodes

by Mannix_ » Thu Apr 26, 2018 10:03 am

Thank you very much for this. If you don't want to wait for the "official" fix. You can do it yourself by choosing how you want it to be implemented
Option no.1
2018-04-26_11h48_44.png
2018-04-26_11h48_44.png (1.06 KiB) Viewed 86 times
Option no.2
2018-04-26_11h50_05.png
2018-04-26_11h50_05.png (688 Bytes) Viewed 100 times
For both options you have to copy posting_buttons.html file from the prosilver/template folder and place it in HexagonReborn/template folder then you need to edit it with good text editor like Notepad++.
When you open the file find

Code: Select all

{custom_tags.BBCODE_TAG}
Now for Option no.1
2018-04-26_11h48_44.png
2018-04-26_11h48_44.png (1.06 KiB) Viewed 86 times
replace

Code: Select all

{custom_tags.BBCODE_TAG} 
with

Code: Select all

<i class="custombbcode">{custom_tags.BBCODE_TAG}</i>
Then open Hexagon.css file in the theme folder (you need to edit both dark and light version) and at the end of the file add this

Code: Select all

.custombbcode {
	 position: relative;
	top: -2px;
	clip-path: polygon(-5px 7px,30px 0px,28px 28px,0px 30px);
	font-style: normal;
}
.custombbcode:hover {
	color: #e9ebee;
}
For Option no.2
2018-04-26_11h50_05.png
2018-04-26_11h50_05.png (688 Bytes) Viewed 100 times
replace

Code: Select all

 {custom_tags.BBCODE_TAG} 
with

Code: Select all

<i class="icon fa-delicious fa-fw" aria-hidden="true"></i>
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 475
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Custom BBCodes

by kamyk25 » Tue May 08, 2018 3:23 pm

Very nice style I want to customize it Im waiting for Your reply @Mannix_
kamyk25
Registered User
Posts: 19
Joined: Tue May 08, 2018 12:27 am
Contact:

Re: Custom BBCodes

by MadameSativa » Fri Jul 20, 2018 6:43 pm

Option no.3

edit posting_buttons.html

replace

Code: Select all

 {custom_tags.BBCODE_TAG} 
with

Code: Select all

<i class="icon bbcode-{custom_tags.BBCODE_TAG_CLEAN}">{custom_tags.BBCODE_TAG}</i>
Next step from here
FAQ wrote:To check what class you need to use right click on the custom bbcode button and select inspect element and you should get something like this:
Image
Then open Hexagon.css - First thing is making the text disappear by adding:

Code: Select all

i.icon.bbcode-Youtube{font-size: 0px;}
if you have more the one custom bbcode you can add do something like this:

Code: Select all

i.icon.bbcode-Youtube, i.icon.bbcode-align, i.icon.bbcode-font {font-size: 0px;}
Then we need to add an icon to the bbcode.

Code: Select all

i.icon.bbcode-Youtube:after { content:"\f167"; font-family: FontAwesome; z-index: 2; font-weight: 400; font-size: 14px; }
You can choose the icon from this list.

I've been working with this skin today, and I've searched for something simple to use for the custom bbcode.
MadameSativa
Registered User
Posts: 3
Joined: Fri Jul 20, 2018 6:22 pm
Contact:

Re: Custom BBCodes

by Mannix_ » Sat Jul 21, 2018 10:05 am

MadameSativa wrote:Option no.3

edit posting_buttons.html

replace

Code: Select all

 {custom_tags.BBCODE_TAG} 
with

Code: Select all

<i class="icon bbcode-{custom_tags.BBCODE_TAG_CLEAN}">{custom_tags.BBCODE_TAG}</i>
Next step from here
FAQ wrote:To check what class you need to use right click on the custom bbcode button and select inspect element and you should get something like this:
Image
Then open Hexagon.css - First thing is making the text disappear by adding:

Code: Select all

i.icon.bbcode-Youtube{font-size: 0px;}
if you have more the one custom bbcode you can add do something like this:

Code: Select all

i.icon.bbcode-Youtube, i.icon.bbcode-align, i.icon.bbcode-font {font-size: 0px;}
Then we need to add an icon to the bbcode.

Code: Select all

i.icon.bbcode-Youtube:after { content:"\f167"; font-family: FontAwesome; z-index: 2; font-weight: 400; font-size: 14px; }
You can choose the icon from this list.

I've been working with this skin today, and I've searched for something simple to use for the custom bbcode.
https://www.phpbb.com/customise/db/styl ... n/faq/2616 ;)
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 475
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Custom BBCodes

by MadameSativa » Sat Jul 21, 2018 10:51 am

Hi Mannix I try hard using only

Code: Select all

.bbcode-Youtube
but not work on my forum, that's why a make my own alternative. Thanks for FAQ.
MadameSativa
Registered User
Posts: 3
Joined: Fri Jul 20, 2018 6:22 pm
Contact:

Re: Custom BBCodes

by Mannix_ » Sat Jul 21, 2018 10:58 am

MadameSativa wrote:Hi Mannix I try hard using only

Code: Select all

.bbcode-Youtube
but not work on my forum, that's why a make my own alternative. Thanks for FAQ.
Ohhh ok thanks for contribution :)
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 475
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Custom BBCodes

by xTheWolf » Sun Jul 29, 2018 6:55 pm

I still cant make it work....
xTheWolf
Registered User
Posts: 3
Joined: Sun Jul 29, 2018 6:54 pm
Contact:

Re: Custom BBCodes

by Mannix_ » Mon Jul 30, 2018 9:48 am

xTheWolf wrote:I still cant make it work....
What part you get stuck on? and also link me to your board so I will try and help you.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 475
Joined: Sun Oct 25, 2015 2:56 pm
Contact: