Style Tag Plugin v2.3.1 [support thread]

[Bennett 🚀]

Jan 20, 2014 16:13:53 GMT -8 cirredarkwolf said:

Here's a BIG BIG thing. They do not show up in the [code] tags or the [noubbc] tags.

Nor will they until I get a way to do something about that. There is a quote button as well..

[flashburnout]

Jan 7, 2014 17:47:37 GMT -8 La Lune Mauve said:

Jan 2, 2014 20:15:01 GMT -8 Bennett 🚀 said:

Of course! With the [newclass] tags, you can do just about anything you can do with normal CSS stylesheets.

So would you mind showing me how this would work? Like, I want to do this sort of flip animation for my application, which you can find on Adoxography in the burnout board.

To save iPokemon some valuable time, I can show you that. I did a flip animation for a post template here. I think that's what you mean? If so, I can post the code here. I used a -webkit-transform:rotateY( -180deg ) on hover. 

Also, this might be a really stupid question but, how is it that the code tags here show every single piece of the newclass code but the code tags on proboards sites elsewhere go nuts if you try to use newclass tags in them? I couldn't use the code box on any Probaords site. ):

[Bennett 🚀]

Jan 25, 2014 17:46:45 GMT -8 flashburnout said:

Jan 7, 2014 17:47:37 GMT -8 La Lune Mauve said:

So would you mind showing me how this would work? Like, I want to do this sort of flip animation for my application, which you can find on Adoxography in the burnout board.

To save iPokemon some valuable time, I can show you that. I did a flip animation for a post template here. I think that's what you mean? If so, I can post the code here. I used a -webkit-transform:rotateY( -180deg ) on hover. 

Also, this might be a really stupid question but, how is it that the code tags here show every single piece of the newclass code but the code tags on proboards sites elsewhere go nuts if you try to use newclass tags in them? I couldn't use the code box on any Probaords site. ):

They don't have the plugin running here, that's why nothing works

[flashburnout]

Jan 25, 2014 17:48:28 GMT -8 Bennett 🚀 said:

Jan 25, 2014 17:46:45 GMT -8 flashburnout said:

To save iPokemon some valuable time, I can show you that. I did a flip animation for a post template here. I think that's what you mean? If so, I can post the code here. I used a -webkit-transform:rotateY( -180deg ) on hover. 

Also, this might be a really stupid question but, how is it that the code tags here show every single piece of the newclass code but the code tags on proboards sites elsewhere go nuts if you try to use newclass tags in them? I couldn't use the code box on any Probaords site. ):

They don't have the plugin running here, that's why nothing works

Ahh, thank you. ^_^ I've become disturbingly reliant on this plugin, it works beautifully! Also, is there any way to make two googlefont tags work in one post? 

[Bennett 🚀]

Jan 25, 2014 17:50:47 GMT -8 flashburnout said:

Jan 25, 2014 17:48:28 GMT -8 Bennett 🚀 said:

They don't have the plugin running here, that's why nothing works

Ahh, thank you. ^_^ I've become disturbingly reliant on this plugin, it works beautifully! Also, is there any way to make two googlefont tags work in one post? 

What do you mean by one post? They'll work in any post after the one has been used in any post.

[flashburnout]

Jan 25, 2014 17:55:34 GMT -8 Bennett 🚀 said:

Jan 25, 2014 17:50:47 GMT -8 flashburnout said:

Ahh, thank you. ^_^ I've become disturbingly reliant on this plugin, it works beautifully! Also, is there any way to make two googlefont tags work in one post? 

What do you mean by one post? They'll work in any post after the one has been used in any post.

Oh, wow, did not know that. Well, I wanted to use two different Googlefonts in one template, so I used the googlefont tag twice, but the second googlefont wouldn't show (it was my first time using either font in the thread). So I'm guessing I'd have to introduce them one in a post and then just use font-family in proceeding posts, correct?

[Bennett 🚀]

Jan 25, 2014 18:01:39 GMT -8 flashburnout said:

Jan 25, 2014 17:55:34 GMT -8 Bennett 🚀 said:

What do you mean by one post? They'll work in any post after the one has been used in any post.

Oh, wow, did not know that. Well, I wanted to use two different Googlefonts in one template, so I used the googlefont tag twice, but the second googlefont wouldn't show (it was my first time using either font in the thread). So I'm guessing I'd have to introduce them one in a post and then just use font-family in proceeding posts, correct?

Correct. The googlefont tag should work, even if you have multiple in the same post.

[flashburnout]

Jan 25, 2014 18:05:13 GMT -8 Bennett 🚀 said:

Jan 25, 2014 18:01:39 GMT -8 flashburnout said:

Oh, wow, did not know that. Well, I wanted to use two different Googlefonts in one template, so I used the googlefont tag twice, but the second googlefont wouldn't show (it was my first time using either font in the thread). So I'm guessing I'd have to introduce them one in a post and then just use font-family in proceeding posts, correct?

Correct. The googlefont tag should work, even if you have multiple in the same post.

I'm not sure why they don't work for me. ): Only the first googlefont tag within a post will work. Like here I have this code:


[googlefont="Raleway:100"][googlefont="Lovers Quarrel:400"][div align="center" style="padding-top:50px;"]



[div style="text-align:center;color:#B4CDCD;font-size:20pt;line-height:20px;font-family:'Lovers Quarrel',arial;font-weight:400;text-transform:none;letter-spacing:0px;"]Eden Iesabel Jensen[/div][div style="text-align:center;color:#7A8B8B;font-size:13pt;line-height:17px;font-family:'Archivo Narrow', sans-serif;font-weight:400;text-transform:none;letter-spacing:0px;"]Pride is the master sin of the devil[/div][div style="text-align:center;color:#7A8B8B;font-size:23pt;line-height:27px;font-family:'Raleway';font-weight:100;text-transform:none;letter-spacing:0px;"]and the devil is the father of lies.[/div]

[/div]
But only Raleway will show up, as it is listed first. If I switch the googlefont tags around, Lovers Quarrel will show up only.

[Bennett 🚀]

Interesting.. I'll fix that up when I get the code tag situation figured out as well.

[flashburnout]

Jan 25, 2014 18:22:20 GMT -8 Bennett 🚀 said:

Interesting.. I'll fix that up when I get the code tag situation figured out as well.

Thank you so much!

[La Lune Mauve]

Jan 25, 2014 17:46:45 GMT -8 flashburnout said:

Jan 7, 2014 17:47:37 GMT -8 La Lune Mauve said:

So would you mind showing me how this would work? Like, I want to do this sort of flip animation for my application, which you can find on Adoxography in the burnout board.

To save iPokemon some valuable time, I can show you that. I did a flip animation for a post template here. I think that's what you mean? If so, I can post the code here. I used a -webkit-transform:rotateY( -180deg ) on hover. 

Yes! Thank you! That would help greatly! And would I be allowed to put text on top of a moving picture?

[Wormopolis]

Jan 20, 2014 16:21:30 GMT -8 Bennett 🚀 said:

Jan 20, 2014 16:13:53 GMT -8 cirredarkwolf said:

Here's a BIG BIG thing. They do not show up in the [code] tags or the [noubbc] tags.

Nor will they until I get a way to do something about that. There is a quote button as well..

hopefully my suggestion works.

[Bennett 🚀]

Jan 26, 2014 11:55:05 GMT -8 La Lune Mauve said:

Jan 25, 2014 17:46:45 GMT -8 flashburnout said:

To save iPokemon some valuable time, I can show you that. I did a flip animation for a post template here. I think that's what you mean? If so, I can post the code here. I used a -webkit-transform:rotateY( -180deg ) on hover. 

Yes! Thank you! That would help greatly! And would I be allowed to put text on top of a moving picture?

As in a .gif? Yes, you'd put position: relative; on the parent div, and then inside that div there would be an image and another div that would hold the text to put over the image. That one would have position: absolute; top/bottom: 0;

[La Lune Mauve]

Jan 26, 2014 21:44:38 GMT -8 Bennett 🚀 said:

Jan 26, 2014 11:55:05 GMT -8 La Lune Mauve said:

Yes! Thank you! That would help greatly! And would I be allowed to put text on top of a moving picture?

As in a .gif? Yes, you'd put position: relative; on the parent div, and then inside that div there would be an image and another div that would hold the text to put over the image. That one would have position: absolute; top/bottom: 0;

"moving picture" the picture that is animated to move, to flip around in the case that I'm wanting.

[Welshling]

Rotation, using css is what La Lune Mauve is referring too. I believe.