Style Tag Plugin v2.3.1 [support thread]

[Bennett 🚀]

Oct 16, 2013 11:27:12 GMT -8 Boy_Wonder said:

xDD yes quite

Does this support hovery stuff can I ask?

aka hover over something and it shows something?

Indeed it does. Any legitimate css class + pseudo code will work.

[Boy_Wonder]

Yaay! XDD I shall sit and play with this some more xD

[ashycat!]

Oct 16, 2013 11:16:53 GMT -8 Bennett 🚀 said:

Oct 15, 2013 22:51:24 GMT -8 ashycat! said:

I have installed and I have placed it up, problem is. I can't seem to get the hover portion of the classy old codes to work. I figured out instead of classy it needs to strictly be newclass problem is when I wrap what I want to - expand when you hover over it, it'll literally eat the code. does it need to be [newclass: hover - other info*] or does it still need the portion of the generalized bottom code, like it used to?

Instead of using [classy] tags, you just use [attr="class","classname"]. And the newclass tag syntax is [newclass=".something"]styles[/newclass]

Hmm. I seem to still be having problems. what I have is [attr="class","boo"] -- stuff I have inside [/newclass] then for the syntax I hav

[newclass=boo]float: center; background-color: #transparent; height: 20px; width: 320px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; font-family: courier new; overflow: hidden; text-align: center;[/newclass][newclass=boo:hover]float: down; height: 164px; width: 320px; background-color: #transparent; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; overflow: hidden; text-align: justify;[/newclass]

and it still won't complete the code. -- when originally on v4 it would expand and hover. - also sorry about all the derp questions, I just want to make sure I understand this better.

[Bennett 🚀]

Oct 16, 2013 17:48:42 GMT -8 ashycat! said:

Oct 16, 2013 11:16:53 GMT -8 Bennett 🚀 said:

Instead of using [classy] tags, you just use [attr="class","classname"]. And the newclass tag syntax is [newclass=".something"]styles[/newclass]

Hmm. I seem to still be having problems. what I have is [attr="class","boo"] -- stuff I have inside [/newclass] then for the syntax I hav

[newclass=boo]float: center; background-color: #transparent; height: 20px; width: 320px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; font-family: courier new; overflow: hidden; text-align: center;[/newclass][newclass=boo:hover]float: down; height: 164px; width: 320px; background-color: #transparent; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; overflow: hidden; text-align: justify;[/newclass]

and it still won't complete the code. -- when originally on v4 it would expand and hover. - also sorry about all the derp questions, I just want to make sure I understand this better.

[newclass=".boo"] and [newclass=".boo:hover"]
Maybe I should write a guide to using these new tags. Would you all find that helpful?

[ashycat!]

Oct 16, 2013 17:50:28 GMT -8 Bennett 🚀 said:

Oct 16, 2013 17:48:42 GMT -8 ashycat! said:

Hmm. I seem to still be having problems. what I have is [attr="class","boo"] -- stuff I have inside [/newclass] then for the syntax I hav

[newclass=boo]float: center; background-color: #transparent; height: 20px; width: 320px; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; font-family: courier new; overflow: hidden; text-align: center;[/newclass][newclass=boo:hover]float: down; height: 164px; width: 320px; background-color: #transparent; transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; overflow: hidden; text-align: justify;[/newclass]

and it still won't complete the code. -- when originally on v4 it would expand and hover. - also sorry about all the derp questions, I just want to make sure I understand this better.

[newclass=".boo"] and [newclass=".boo:hover"]
Maybe I should write a guide to using these new tags. Would you all find that helpful?

I certainly would find it benifitial. I'm still very much a novice, and any help is always appreciated

[Former Member]

YES PLEASE

[Bennett 🚀]

Alright, I'll throw a guide together and post it sometime soon.

[habbue]

Hi Bennett 🚀...

There seems to be a little trouble with the plugin and firefox ><

Okay. So on my site I do this thing where I use the plugin's classes to make templates. Here is the code for the template: CLICK

I put the css for the templates in my board code so I can easily update all the templates on the site when we change skins so that the templates match the skin without having to manually update the codes. It worked like a breeze in v4 and when you just updated your plugin I was ecstatic.

There is a big problem with firefox, though. Everything looks beautiful in Chrome. This is what the code above looks like in Chrome: CLICK

However, things get REALLY messed up in Firefox. See here: CLICK

I'm currently doing a workaround where I include parts of the CSS in the div tags so that the widths show up correctly in Firefox, but keeping the colors out so I can still change those when a skin change comes along. It's weird because some of the CSS shows up correctly in Firefox and some of it is completely messed up.

I'm not sure if I messed something up or what...but this is seriously freaking me out since I'm supposed to open the site tomorrow and I can't have crappy looking templates for firefox users. While the work around makes things look OKAY...they still don't look very good. ): Any and all help is much appreciated!

And I'm sorry if I didn't explain this very well, I'm not really sure how to explain it /:

[Bennett 🚀]

Oct 17, 2013 16:25:03 GMT -8 habbue said:

Hi Bennett 🚀...

There seems to be a little trouble with the plugin and firefox ><

Okay. So on my site I do this thing where I use the plugin's classes to make templates. Here is the code for the template: CLICK

I put the css for the templates in my board code so I can easily update all the templates on the site when we change skins so that the templates match the skin without having to manually update the codes. It worked like a breeze in v4 and when you just updated your plugin I was ecstatic.

There is a big problem with firefox, though. Everything looks beautiful in Chrome. This is what the code above looks like in Chrome: CLICK

However, things get REALLY messed up in Firefox. See here: CLICK

I'm currently doing a workaround where I include parts of the CSS in the div tags so that the widths show up correctly in Firefox, but keeping the colors out so I can still change those when a skin change comes along. It's weird because some of the CSS shows up correctly in Firefox and some of it is completely messed up.

I'm not sure if I messed something up or what...but this is seriously freaking me out since I'm supposed to open the site tomorrow and I can't have crappy looking templates for firefox users. While the work around makes things look OKAY...they still don't look very good. ): Any and all help is much appreciated!

And I'm sorry if I didn't explain this very well, I'm not really sure how to explain it /:

Interesting.. I had tried it in the browsers I have installed on my computer (Safari, Chrome, Firefox, Opera), and they all were parsing my test templates without a problem. I'll take a look and let you know what I figure out.

[habbue]

Oct 17, 2013 20:28:35 GMT -8 Bennett 🚀 said:

Oct 17, 2013 16:25:03 GMT -8 habbue said:

Hi Bennett 🚀...

There seems to be a little trouble with the plugin and firefox ><

Okay. So on my site I do this thing where I use the plugin's classes to make templates. Here is the code for the template: CLICK

I put the css for the templates in my board code so I can easily update all the templates on the site when we change skins so that the templates match the skin without having to manually update the codes. It worked like a breeze in v4 and when you just updated your plugin I was ecstatic.

There is a big problem with firefox, though. Everything looks beautiful in Chrome. This is what the code above looks like in Chrome: CLICK

However, things get REALLY messed up in Firefox. See here: CLICK

I'm currently doing a workaround where I include parts of the CSS in the div tags so that the widths show up correctly in Firefox, but keeping the colors out so I can still change those when a skin change comes along. It's weird because some of the CSS shows up correctly in Firefox and some of it is completely messed up.

I'm not sure if I messed something up or what...but this is seriously freaking me out since I'm supposed to open the site tomorrow and I can't have crappy looking templates for firefox users. While the work around makes things look OKAY...they still don't look very good. ): Any and all help is much appreciated!

And I'm sorry if I didn't explain this very well, I'm not really sure how to explain it /:

Interesting.. I had tried it in the browsers I have installed on my computer (Safari, Chrome, Firefox, Opera), and they all were parsing my test templates without a problem. I'll take a look and let you know what I figure out.

Yeah, I'm not sure what the problem is >< The codes worked fine when I had them actually in the template... like [div="css blahblahblah"]stuff[/div] but once i put the classes in like [div][attr="class","classname"]stuff[/div] it got severely messed up :C

i have implemented my work arounds so the templates look somewhat okay but they're still obviously messed up in firefox. here's the url to the site if that helps: here

Thanks so much!!

I also haven't tried to see if it works in Opera or Safari yet, because I don't have them...but I can figure it out too.

[Boy_Wonder]

I'd really like this tutorial XD I gave it ago and can't quite work out what I'm doing wrong so

[div style="background-color:#000000;height:140px;width:140px;margin-top:-140px;"][attr="class","avhovery"][/div]


Below that and below all divs

[newclass=".avhovery"]

opacity: 0;

[/newclass]

[newclass=".avhovery:hover"]

opacity: 1;

[/newclass]

and naddah

[ashycat!]

I'm having the same problem.

[Boy_Wonder]

Bennett 🚀
I'm tagging just incase this has dropped off the face of the earth etc

[Bennett 🚀]

Oct 21, 2013 20:26:58 GMT -8 Boy_Wonder said:

Bennett 🚀
I'm tagging just incase this has dropped off the face of the earth etc

Yeah, sorry, I just haven't had free time to look at the problem behind these bugs in firefox and other browsers.

[Boy_Wonder]

Okaylies ^_^ just wanted to check in ^_^