Staff BBcodes (with extra two) - PijaniTvor.com

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

No permission to download
Overview Reviews (2) History Discussion
Sunka

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...
Click to expand...

Read more about this resource...
 
puertoblack2003 said:
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
Click to expand...
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;
}
 
Sunka said:
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;
}
Click to expand...

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

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

View attachment 250817
Click to expand...

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;
}

kelle67 said:
Is it possible that only moderators can use the bbcode?
Click to expand...
Nop
 
Sunka said:
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
Click to expand...
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;
}
 
You must log in or register to reply here.
Back
Top Bottom