Fading Quotes 1.0.0

[Peter]

A quick little plugin I threw together the other day while I had a bit of time that I thought may be useful to some forums.

Library: www.proboards.com/library/plugins/item/858

Important:  Yootil Library is required if you don't already have it installed, and needs to be placed above.

---

How often do you find yourself scrolling through posts that quote large posts?

This plugin will shorten all quotes and fade out the bottom for a nice touch. Users can expand the quote to read it fully.

Contains a few options to change gradient colour, text etc.

Any issues, please post below.

[dillonk47polik]

Can the plugin have an option to not fade the quote border? And only fade the content inside the quote border? (As of now, the bottom border is faded)

[Peter]

It's possible by tweaking the CSS and maybe the HTML, but I won't be doing it, sorry.

[Former Member]

Jul 14, 2015 14:23:49 GMT -8 Peter said:

It's possible by tweaking the CSS and maybe the HTML, but I won't be doing it, sorry.

cool plugin very neat and tidy, iv got someone who thinks he's jesus so he posts looooooong posts, funny world


one q just out of curiosity, how long does it take to write/build a plugin like this ?  

im just starting a go at this plugin stuff myself so im just wondering

[Peter]

@joecool111,

The basic concept took minutes to write. It's only like 100 lines or so. Most time was spent tweaking the CSS, testing, and fixing things.

Have a look through source code to see how some things are done.

github.com/PopThosePringles

[Former Member]

Jul 15, 2015 0:24:22 GMT -8 Peter said:

@joecool111,

The basic concept took minutes to write. It's only like 100 lines or so. Most time was spent tweaking the CSS, testing, and fixing things.

Have a look through source code to see how some things are done.

github.com/PopThosePringles

i was going to say is the hard work more tweeking and testing, im shocked that it only took MINUTES !! 

i suppose it takes a creative mind aswell to write something cool looking that looks stylish on screen, or did that minutes aswell

iv got any idea for a 'user friendly' chat forum like those big mobile phones you can get for old people with like 2 buttons on   like a chat room for beginners.
really really simple big buttons and nothing unnesesary.

maybe i'll do it when i got time peace

[Peter]

@joecool111,

lol, sorry, I didn't mean for it come off as cocky, but when you have been making plugins for so long like some of us, it really doesn't take long to write something like this. Some of us experienced with writing plugins have the important parts of the DOM memorised, so we can write quick prototypes then clean it up for a plugin.

The idea is something I had for a while, I visit a forum that has that feature built in, so thought it would be good as a plugin.

[Former Member]

you didnt sound cocky buddy, i made a slice of toast in under a second today see no cockyness.

i had this idea that it took like weeks lol !!

i was fooled.

do you like my idea for a user friendly site ?

[dillonk47polik]

Could the plugin get support for square borders (non-rounded borders)?

[Peter]

dillonk47polik,

Add this to your stylesheet.


.fading_quote {

border-radius: 0px !important;

}

[dillonk47polik]

Jul 15, 2015 12:52:07 GMT -8 Peter said:

dillonk47polik,

Add this to your stylesheet.


.fading_quote {

border-radius: 0px !important;

}

Could the fade being applied to only the content inside of the quote border be achieved by something simple like that as well?

[Former Member]

Jul 15, 2015 12:58:03 GMT -8 dillonk47polik said:

Jul 15, 2015 12:52:07 GMT -8 Peter said:

dillonk47polik,

Add this to your stylesheet.


.fading_quote {

border-radius: 0px !important;

}

Could the fade being applied to only the content inside of the quote border be achieved by something simple like that as well?

that would be good

[Peter]

dillonk47polik,

The "fade" is overlaying the content, so you could manipulate it with CSS to make it not connect to the border. It's a little tricky because already has a position set, and you can't just alter that directly with CSS. I suppose you could apply a left and right margin to shrink the width of it, and also apply a translate to move it up.

I did say I wouldn't do it, but after playing with the CSS, here...

You will have to play with the margin left and right value, and the translate y value to get it where it needs to be.


.fading_quote {

border-radius: 0px !important;
transform: translate(0px, -6px);
margin: 0px 2px;

}

[dillonk47polik]

Jul 15, 2015 14:10:54 GMT -8 Peter said:

I did say I wouldn't do it, but after playing with the CSS, here...

I know that you did say that you wouldn't give the plugin an option to not fade the border. I just wanted to ask if there was perhaps a simple line or two of CSS I could implement in the style sheet to achieve the same effect without a need for a plugin update.

I didn't intend for my post to sound pushy or naive. I'm sorry if I caused you any disruption. Anyway, thanks for the help you gave; I do greatly appreciate it!

[Peter]

dillonk47polik,

The problem doesn't really need an option. You will find a lot of plugins can be tweaked with some custom CSS. If the plugin was popular and more people wanted that option, sure, I would maybe consider it.

For now, CSS will have to be the solution.

Sorry if it sounds harsh, but I just don't feel an option is needed.