Staff BBcodes (with extra two) - PijaniTvor.com

Staff BBcodes (with extra two) - PijaniTvor.com 2018-02-25

No permission to download

Sunka

Well-known member
Sunka submitted a new resource:

Staff BBcodes (with extra two) - PijaniTvor.com - Nice four BBcodes for your Staff members and another two for non Staff users.

Nice four BBcodes for your Staff members and extra two for all your users from www.PijaniTvor.com.
Nothing new, nothing big, but I like it, and maybe you will like it too.

This addon contain six bbcodes:
  • Info
  • Help
  • Warning
  • Important
  • Edit
  • Offtopic
All you have to do:
  1. copy text from Staff bbcodes.css file to your...

Read more about this resource...
 
the only issue I'm having is on the top corner not sure if it needs an image .How to fix that?

View attachment 250796
Did you copy text from Staff bbcodes.css file to your EXTRA.less template?
Did you change something in there?

Below is part in css for FA icon for Info bbcode like in your picture

Code:
.info-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}
 
Did you copy text from Staff bbcodes.css file to your EXTRA.less template?
Did you change something in there?

Below is part in css for FA icon for Info bbcode like in your picture

Code:
.info-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}

followed instruction you provided that bbcode css is in extra.less not EXTRA.less as you mentioned.

Screenshot.png
 
followed instruction you provided that bbcode css is in extra.less not EXTRA.less as you mentioned.

View attachment 250817

Capitale code is not relevant.
I wrote with capital letters because than was a period when new xf version rising and there was a change from extra.css to extra.less

On my site everything is working as it should be.
Did you put that code on bottom of extra.less template?
Did you change something in code or in admin CP regarding those custom bbcodes?

Could you press right click on that icon and choose inspect and see what will show?

For INFO bbcode on my site:

1.webp


In ACP

2.webp

In extre.less file:

Code:
/* Info */
.info-naslov {
    font-style: italic;
    font-size: 105%;
    color: #262384;
    margin: 2px auto 0px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background-color: #94b4d4;
    border-width: 1px 1px 0px 4px;
    border-color: #638c9c;
    border-style: solid;
}

.info-naslov:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: "Font Awesome 5 Pro";
    padding-right: 7px;
}

.info-tekst {
    padding: 4px;
    background: #c0d9f1;
    border-width: 0px 1px 1px 4px;
    border-color: #638c9c;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}

Is it possible that only moderators can use the bbcode?
Nop
 
Capitale code is not relevant.
I wrote with capital letters because than was a period when new xf version rising and there was a change from extra.css to extra.less

On my site everything is working as it should be.
Did you put that code on bottom of extra.less template?
Did you change something in code or in admin CP regarding those custom bbcodes?

Could you press right click on that icon and choose inspect and see what will show?

For INFO bbcode on my site:

View attachment 250926


In ACP

View attachment 250927

In extre.less file:

Code:
/* Info */
.info-naslov {
    font-style: italic;
    font-size: 105%;
    color: #262384;
    margin: 2px auto 0px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background-color: #94b4d4;
    border-width: 1px 1px 0px 4px;
    border-color: #638c9c;
    border-style: solid;
}

.info-naslov:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: "Font Awesome 5 Pro";
    padding-right: 7px;
}

.info-tekst {
    padding: 4px;
    background: #c0d9f1;
    border-width: 0px 1px 1px 4px;
    border-color: #638c9c;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}


Nop
been doing this for 20 years. it's an error in your code you need to fix so someone novice wont run into issue

Code:
.info-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}


fixed code

Code:
.info-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: "FontAwesome";
    padding-right: 7px;
}
 
Top Bottom