Style Tag Plugin v2.3.1 [support thread]

[Bennett 🚀]

Current Version: v2.3.1 Release

Library Link

style-tag.pdf (96.83 KB) Documentation/Help Guide

As of the v2.0.0 Release, this plugin is now editable by anyone who would like to extend upon it. Go nuts.

If you've got any questions, ask here!
This code does not work with Highlightable Code by shortyverrett94, so here's an alternate version that works with style tags: Code Tag Remodel by iPokemon

Change Log

v2.1.0

As of v2.1.0, these elements can have [attr] tags used inside of them:

a, b, blockquote, div, i, li, ol, span, td, ul.

 

v2.2.0

As of v2.2.0, there are massive speed improvements with an overhauled system. Variables in [newclass] tags can now use dollar-sign notation as in CSS preprocessors such as LESS or SASS, 

e.g. [newclass=".newclass"]background-color:$variable;[/newclass]

v2.3.0

With ProBoards recent transition to HTTPS, the Google Fonts tag may have stopped working for your forum. v2.3.0 fixes the linked Google Fonts files to be HTTPS instead of HTTP.

Appreciate my work?

Attachments:

Style Tag.pbp (3.21 KB)

[Dorothia]

I'm not going to lie, I squealed at this. Does it work the same as it did before?

[Bennett 🚀]

Jun 22, 2013 13:38:40 GMT -8 Dorothia said:

I'm not going to lie, I squealed at this. Does it work the same as it did before?

Not exactly. The newclass tags are the same, but since v5 uses div tags that don't allow classes or ids or rels, I had to add something different to have the same features.



To add an id, class, rel, or style, you simply put an [attr="type","values"] inside a [div] tag, and the [attr] will attach itself to the closest div tag. You can use multiple attr tags on one div tag as well.

[Dorothia]

Okay so just making sure I got this correctly. To add a class it would be.

[div] [attr="class","css here"] [/div]

Was that correct?

---

Okay so like the old Style Tags we had before, it doesn't matter if someone else uses the same class name as you does it? I found a Headers/Footers Style Tags code but two people on the site couldn't use the same class name.

[Bennett 🚀]

Jun 22, 2013 14:33:12 GMT -8 Dorothia said:

Okay so just making sure I got this correctly. To add a class it would be.

[div] [attr="class","css here"] [/div]

Was that correct?

---

Okay so like the old Style Tags we had before, it doesn't matter if someone else uses the same class name as you does it? I found a Headers/Footers Style Tags code but two people on the site couldn't use the same class name.

That's still a problem, yes. I plan to add more functionality to the code soon, just haven't had time to do more work on it.
And yes, that's correct.

[arrysjowls]

Is there any chance of a couple of examples to show how to use this.

Thanks

H

[Bennett 🚀]

Taken from my pokemon RPG:


[nospaces]
[div]
[attr="class","orion-container"]
[div]
[attr="class","post_right-orion"]
[div style="padding:8px;"]
[img src="http://storage.proboards.com/3700925/a/gaFqyCDbmGz0grEnhB5h.png"] [img src="http://storage.proboards.com/3700925/a/gaFqyCDbmGz0grEnhB5h.png"] [img src="http://storage.proboards.com/3700925/a/gaFqyCDbmGz0grEnhB5h.png"][break]
[span style="font-size:22px !important;font-weight:bold;color:white;"]professor orion[/span][break]
[span style="font-size:15px !important;font-weight:bold;color:#c7c7c7;"]paging @@aurelio[/span]
[/div]
[div][attr="class","clear"][/div]
[/div]
[div]
[attr="class","post_content-orion"]
[div style="padding:12px;"]
[b]"Talking"[/b], he said.. Lorem ipsum dolor set, be bop boop.
[/div]
[/div]
[div][attr="class","clear"][/div]
[/div]
[newclass=.orion-container]width:425px; margin: 0 auto; border-radius: 4px;background-color: #1fa7b3; padding-bottom:15px; border: 1px solid #13565C;[/newclass]
[newclass=.post_content-orion]width: 100%; background-image:url(http://i.imgur.com/FUIm5ad.png); color: #5f5f5f; font-size: 13px;[/newclass]
[newclass=.post_right-orion]width:100%; text-align:center; [/newclass]
[newclass=.post_right-orion img]width:100px; height: 100px;margin-right: 10px;[/newclass]
[newclass=.post_right-orion img:last-child]margin-right:0;[/newclass]

Looks like this:

[arrysjowls]

Thanks,

Looking forward to experimenting with this.

H

[Boy_Wonder]

Just curious but where can we get this from - if at all? I can't find it any more

[Boy_Wonder]

-nudges this curiously- Bennett 🚀 any information-

I'm just curious as to if its been deleted

[Bennett 🚀]

Boy_Wonder: It's been removed from the library for exploits that could potentially cause chaos on your forum, given the person knows how to use it.

[Boy_Wonder]

Awwh okay, will it be brought back up at any point?

[Bennett 🚀]

Jul 19, 2013 10:45:14 GMT -8 Boy_Wonder said:

Awwh okay, will it be brought back up at any point?

Once I get around to completely recoding it and making it as clunky as possible with all these conditionals Hopefully sooner than later. I also plan to fix some of the other problems like conflicting class names.

[Boy_Wonder]

Okaylies! I can't wait xD

[ETTY]

So, is there a new one or is it still WIP?