Style Tag Plugin v2.3.1 [support thread]

[Bennett 🚀]

Jan 27, 2014 8:13:13 GMT -8 La Lune Mauve said:

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

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.

Anything that can be done with css normally can be done with this plugin, so yes.

La Lune Mauve flashburnout cirredarkwolf - First post updated with latest version! Fixed problem with multiple google fonts, and code tags now don't parse style tags.

[sinsnottragedies]

Would someone mind explaining for me in the simplest possible terms exactly what i'd need to change in a table with code that looks like this? I'm kind of useless at coding. ^^"


[center][table][tr][td][atrb=border,0,true][atrb=cellSpacing,0,true][atrb=cellPadding,0,true][atrb=width,600,true][atrb=height,500,true][atrb=background,http://i1176./x325/xXAlbinoCrowXx/AAAA_background.png]

[style=height: 500px; width: 570px; overflow: auto; margin-top: 10px; margin-left: 10px;]



CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT

[/style]
[/td][/tr][/table][/center]

[Bennett 🚀]

sinsnottragedies

CONTENT CONTENT CONTENT CONTENT

[div style="width:600px; height: 500px; background-image: url('http://i1176./x325/xXAlbinoCrowXx/AAAA_background.png');"][div style="height: 500px; width: 570px; margin-top: 10px; margin-left: 10px; overflow: auto;"]CONTENT CONTENT CONTENT CONTENT[/div][/div]

[sinsnottragedies]

umm...im not sure if I'm just doing something wrong, but while the table itself is now working, my content looks fine in the preview, but all my font changes in the actual post.

I.E., the code looks like this:
[div align="center"][div style="width:600px;height:500px;background-image:url('http://i1176./x325/xXAlbinoCrowXx/AAAA_background.png');"][div style="height:500px;width:570px;margin-top:10px;margin-left:10px;overflow:auto;"]
[div align="center"][font size="8"][font face="Edwardian"]TITLE[/font][/font][/div]
[div align="left"][font face="Georgia"]
CONTENT CONTENT CONTENT[/font][/div]
[/div][/div][/div]

but when I post it, all my text, including the title becomes my default text xtyle (small, georgia font), and the content is all centered, and making the scroll box scroll horizontally instead of vertically. This is probably something dumb I'm doing, but I'm too scared to mess with it, because I know I'll just make it worse. ^^"

[Bennett 🚀]

Just put in the style="" of the div with the height: 500px; and width: 570px; -- font-size: 25px; font-family: 'Edwardian';

[div style="height:500px;width:570px;margin-top:10px;margin-left:10px;overflow:auto; font-size: 25px; font-family: 'Edwardian';"]

Dorothia arrysjowls Boy_Wonder ₪» ⅀ ƪ Ƒ «₪ ashycat! gundamu Luna Berry bcsladmin cirredarkwolf La Lune Mauve Welshling mildred

Check first post for documentation/guide

[mildred]

Bennett 🚀 omg var is so cool i'm so excited!! thank you so much for all your work all the time :3 and the guide will be hella useful for everyone thank you!! you're the best!

[flashburnout]

Oh my goodness, thank you for the new version! Also, I just stumbled upon your template HQ site, hope to try out style tag templates on there soon. I'm currently only posting them over at Caution, but there isn't much of a proboards crowd there.

[flashburnout]

Card flip template for La Lune Mauve, sorry about the delay!

[newclass=.cardholder]height:270px;width: 400px;border:0;perspective:1000;-webkit-perspective:1000;[/newclass]
[newclass=.card]width: 400px;height:100%;padding:0px;position: absolute;border:0;-webkit-transition: all 1.2s ease-in-out;-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transition-delay: 0.9s; [/newclass]
[newclass=.card:hover]-webkit-transform:rotateY( -180deg );-moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out;[/newclass]
[newclass=.front]width: 400px; height: 244px; -webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute; [/newclass]
[newclass=.back]-webkit-transform:rotateY( -180deg ); -webkit-backface-visibility: hidden;backface-visibility: hidden; position: absolute;[/newclass]

[div][attr="class","cardholder"]
[div][attr="class","card"]
[div][attr="class","front"]

Stuff for the front of the card (usually image)

[/div]
[/div]
[div][attr="class","back"]

Stuff on card back
[/div]
[/div]


[` embers]

Bennett 🚀,

Hi, I'm having issues getting your plugin to cooperate with the alternate code tag remodel you linked to in the original post. When the code tag remodel in is positioned beneath your plugin, in posts where multiple code tags are used, it puts odd scroll bars onto the code tags listed after the first one, with the "highlight code" inside of the scroll. Here is an example. I'm using Chrome, and I hope you can see the issue; otherwise, I can screenshot it. I tried moving the code tag remodel above the plug in, which corrects the scroll bar issue for the most part, but renders the "highlight code" button without function. I may have just done something silly to cause this problem, but I can't for the life of me figure out what I'm doing wrong. I apologize if this is the wrong support thread in which to ask this question, but I couldn't find one for the alternate code tag remodel. 

Thank you!

[tanya2byour21]

Where do I put this code. Someone told me I needed to use to get a templet that she made to work but I have not at to where I am suppose to put it can you please help me.

Jun 24, 2013 23:02:49 GMT -8 Bennett 🚀 said:

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:

[Bennett 🚀]

Apr 29, 2014 19:13:47 GMT -8 tanya2byour21 said:

Where do I put this code. Someone told me I needed to use to get a templet that she made to work but I have not at to where I am suppose to put it can you please help me.

Jun 24, 2013 23:02:49 GMT -8 Bennett 🚀 said:

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:

You'll need to install my plugin in your administration panel first for templates with [attr] tags to work.

Apr 18, 2014 19:18:07 GMT -8 ` embers said:

Bennett 🚀,

Hi, I'm having issues getting your plugin to cooperate with the alternate code tag remodel you linked to in the original post. When the code tag remodel in is positioned beneath your plugin, in posts where multiple code tags are used, it puts odd scroll bars onto the code tags listed after the first one, with the "highlight code" inside of the scroll. Here is an example. I'm using Chrome, and I hope you can see the issue; otherwise, I can screenshot it. I tried moving the code tag remodel above the plug in, which corrects the scroll bar issue for the most part, but renders the "highlight code" button without function. I may have just done something silly to cause this problem, but I can't for the life of me figure out what I'm doing wrong. I apologize if this is the wrong support thread in which to ask this question, but I couldn't find one for the alternate code tag remodel. 

Thank you!

Your CSS settings in the plugin's settings tab is telling the height to be a max of 75px. Simply tell it to be 100% and the problem leaves. You can set in the additional styles a max-height of like 250px which is what I have as the default I'm pretty sure.
EDIT: Updated to a new version to allow for editting of the separate parts of the remodel - the actual code area and the wrapper div around it for more styling possibilities.

[Alanna 🥀🖤]

Quick question Bennett 🚀, does it read each post separately or the entire forum as a whole when it comes to classes? Basically, if I have a class called "myTable" in one post and someone else uses the SAME class in another, will they enter-fear? If so- could that be changed so it reads one post at a time?

[Bennett 🚀]

May 8, 2014 10:50:37 GMT -8 @khristian said:

Quick question Bennett 🚀, does it read each post separately or the entire forum as a whole when it comes to classes? Basically, if I have a class called "myTable" in one post and someone else uses the SAME class in another, will they enter-fear? If so- could that be changed so it reads one post at a time?

The classes you create only effect your posts.

[Alanna 🥀🖤]

May 8, 2014 14:19:47 GMT -8 Bennett 🚀 said:

May 8, 2014 10:50:37 GMT -8 @khristian said:

Quick question Bennett 🚀, does it read each post separately or the entire forum as a whole when it comes to classes? Basically, if I have a class called "myTable" in one post and someone else uses the SAME class in another, will they enter-fear? If so- could that be changed so it reads one post at a time?

The classes you create only effect your posts.

Good to know.

[Alanna 🥀🖤]

May 8, 2014 14:42:49 GMT -8 @khristian said:

May 8, 2014 14:19:47 GMT -8 Bennett 🚀 said:

The classes you create only effect your posts.

Good to know.

Could it be possible to have to effect each post individually instead of just your posts?