Style Tag Plugin v2.3.1 [support thread]

[Alanna 🥀🖤]

No, using no code plugin since I do not like them. See this thread: support.proboards.com/threads/recent/530572

[Bennett 🚀]

Nov 1, 2014 10:32:48 GMT -8 @khristian said:

No, using no code plugin since I do not like them. See this thread: support.proboards.com/threads/recent/530572

Well, my style tags do go through and replace []s in <code> elements. It is a bit greedy because it doesn't check if it's got any tags in it.. I'll note to fix that in the next version.

[habbue]

Bennett 🚀


i was trying to make something work with div ids and i'm not sure if i'm not doing it right, or if it's impossible. i hope you can help out~!

[div][attr="id","plot"][div][attr="id","one"]content[/div][/div]

[newclass="#plot"]background: url(http://placehold.it/500x500); width: 500px; height: 500px; overflow: hidden;[/newclass][newclass="#one"]width: 300px; height: 200px; opacity: 0; transition: all 1s; transition-delay: .4s;[/newclass][newclass="#slide:hover #one"]opacity: 1; transition-delay: .2s; background: #fff;[/newclass]

this is what i was working on so far, obviously far from finished. basically, i want it so when i hover over the 500x500 img a myriad of boxes fade in using transition delays.

is there any way to do this? thanks!!

[Niomi]

Hi Bennett 🚀

I'm using your style tag and code plugin but is there anyway to get the "highlight code" button to center with all box sizes? As it stands they're mostly to the left and almost off the code box. It looks a little weird, nothing breaking but I was hoping there was a easy solution that I'm not seeing to center them so they look nice and neat.

SPOILER: Click to show

[Sweetest Sara<3]

I'm also having the problem where copying and pasting code seems to smush it all together and mess up the line breaks. This is how it should look, with the code beneath it, and this is what happens when you copy/paste the code. I tried what you said on previous pages, about moving it up and down in the list, but it hasn't resolved the problem

[Bennett 🚀]

Nov 17, 2014 17:25:47 GMT -8 Sweetest Sara<3 said:

I'm also having the problem where copying and pasting code seems to smush it all together and mess up the line breaks. This is how it should look, with the code beneath it, and this is what happens when you copy/paste the code. I tried what you said on previous pages, about moving it up and down in the list, but it hasn't resolved the problem

I didn't get any problems after copying and pasting? Has this happened more than once before or is this the only time it's happened?

[Sweetest Sara<3]

It's more copying and pasting into somewhere off site, say in Microsoft word or something. This has happened more than once. I mean is it possible that it's a proboards glitch? Because I can rework my code so that works if that's the case.    

[Bennett 🚀]

Nov 18, 2014 20:40:30 GMT -8 Sweetest Sara<3 said:

It's more copying and pasting into somewhere off site, say in Microsoft word or something. This has happened more than once. I mean is it possible that it's a proboards glitch? Because I can rework my code so that works if that's the case.    

Could you take a screenshot of how it looks when you copy it into Microsoft word? Because when I paste it into my text editor, it shows up with the spaces and line breaks that were in the code area.

[Sweetest Sara<3]

Nov 19, 2014 8:46:22 GMT -8 Bennett 🚀 said:

Nov 18, 2014 20:40:30 GMT -8 Sweetest Sara<3 said:

It's more copying and pasting into somewhere off site, say in Microsoft word or something. This has happened more than once. I mean is it possible that it's a proboards glitch? Because I can rework my code so that works if that's the case.    

Could you take a screenshot of how it looks when you copy it into Microsoft word? Because when I paste it into my text editor, it shows up with the spaces and line breaks that were in the code area.

Sure, This is what it looks like when I copy and paste it over. 

[Bennett 🚀]

Nov 19, 2014 12:39:24 GMT -8 Sweetest Sara<3 said:

Nov 19, 2014 8:46:22 GMT -8 Bennett 🚀 said:

Could you take a screenshot of how it looks when you copy it into Microsoft word? Because when I paste it into my text editor, it shows up with the spaces and line breaks that were in the code area.

Sure, This is what it looks like when I copy and paste it over. 

Well, generally things don't copy well into Word because it processes spaces differently than what the post area will. If you just go from code box to post instead of a middle ground like Word, you shouldn't have that problem. It works fine in a non-word editor!

[Sweetest Sara<3]

Nov 19, 2014 18:27:06 GMT -8 Bennett 🚀 said:

Nov 19, 2014 12:39:24 GMT -8 Sweetest Sara<3 said:

Sure, This is what it looks like when I copy and paste it over. 

Well, generally things don't copy well into Word because it processes spaces differently than what the post area will. If you just go from code box to post instead of a middle ground like Word, you shouldn't have that problem. It works fine in a non-word editor!

Alright, thank you!    

[Chev]

Hey there.

I'm trying to convert over several templates that pull from the CSS. Can you give me some tips on how to convert over these? Like general rules to keep in mind?

[Bennett 🚀]

Dec 1, 2014 12:00:19 GMT -8 Chev said:

Hey there.

I'm trying to convert over several templates that pull from the CSS. Can you give me some tips on how to convert over these? Like general rules to keep in mind?

Any and all css rules will work in the [newclass] tags.
I'd check the documentation PDF, which is in the first post. It has some examples

[drut]

Is there a way to do :before with this system. I'm trying to make a blockquote using this system:
How would I do that using the [newclass] tags?

Never mind found a work around using a background image for the quote

[hackerjack]

Hi there, I'm trying to use this but it doesn't seem to be working for me.

I have an original post Here and a version using Style Tags Here.  The Style Tags version doesn't appear to be styling anything, clearly I'm doping something wrong (and probably simple).

Here's my code:


[table style="width:600px"][tbody]



[tr][th colspan=2 style="padding:3px 5px;text-align:center;vertical-align:top;"][img src="http://www.archersofunderwood.co.uk/wp-content/uploads/2012/10/HeaderImg2.jpg" alt=" " style="width:400px"][/th][/tr]



[tr][th colspan=2][attr="class","bog-event-header"]Archers of Underwood Great Curry Shoot 2015[/th][/tr]



[tr][td][attr="class","bog-event-attribute"]Date:[/td][td][attr="class","bog-event-value"]Sunday, 29th March 2015[/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Venue:[/td][td][attr="class","bog-event-value"]Caerleon Comprehensive School,

Cold Bath Road,

Caerleon,

Newport,

NP18 1NF[/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Map:[/td][td][attr="class","bog-event-value"][a href="https://www.google.co.uk/maps/place/Caerleon+Comprehensive+School/@51.6095846,-2.9644441,15z/data=!4m2!3m1!1s0x4871e7076fc65dd5:0x6ccfd7a847df561d"]Map[/a][/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Round:[/td][td][attr="class","bog-event-value"]Portsmouth (5 dozen @ 20yds, 60cm face)[/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Entry Fee:[/td][td][attr="class","bog-event-value"]Adults £12.00

Juniors £10.00

Spectators £ 3.00

Price includes a Curry lunch[/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Closing Date:[/td][td][attr="class","bog-event-value"]15th March 2015[/td][/tr]



[tr][td][attr="class","bog-event-attribute"]Entry Form:[/td][td][attr="class","bog-event-value"][a href="https://www.dropbox.com/s/q5pxjcfft29cbf5/2015-03-29%20-%20Entry%20Form%20-%20Underwood%20Curry%20Shoot.pdf?dl=0"]2015-03-29 - Entry Form - Underwood Curry Shoot[/a][/td][/tr]



[/tbody][/table]





[newclass=".bog-event-header"]

 border :1px solid #000000;

 padding :3px 5px;

 background :#000066;

 color :#ffffff;

 text-align :center;

 font-size :2em;

 vertical-align:top;

[/newclass]



[newclass=".bog-event-attribute"]

 border :1px solid #000000;

 padding :3px 5px;

 background :#99ccff;

 color :#000000;

 width :150px;

 text-align :center;

[/newclass]



[newclass=".bog-event-value"]

 border:1px solid #000000;

 padding:3px 5px;"

[/newclass]

Any help would be greatly appreciated.