What is on Your Mind?

Screen Recording 2018-07-25 at 1.40.01 PM.mov (17.92 MB)

07-25-2018

Administrator

19,118, 3,359

Join Date: Sep 2000

Last Activity: 15 July 2022, 8:51 AM EDT

Location: Asia Pacific, Cyberspace, in the Dark Dystopia

Posts: 19,118

Thanks Given: 2,351

Thanked 3,359 Times in 1,878 Posts

Ditto for search results including (search, new topics, today's post, etc):

Code:

<script>
jQuery(".neo-threadbit").hover(function(){
   jQuery(this).css({"cursor":"pointer"});
   jQuery(this).find(".neo-threadbit-threadpreview").css({"color":"rgba(15, 31, 132,0.95)","padding":"20px 10px 20px 20px","margin":"20px 0px; 20px 20px","word-wrap": "break-word"});;
   jQuery(this).find(".neo-threadbit-threadpreview").fadeIn(1000);
});
</script>

Comments welcome (color, size, margins, timing, effect, etc)

(see attached screen recording)

Neo

07-25-2018

Administrator

19,118, 3,359

Join Date: Sep 2000

Last Activity: 15 July 2022, 8:51 AM EDT

Location: Asia Pacific, Cyberspace, in the Dark Dystopia

Posts: 19,118

Thanks Given: 2,351

Thanked 3,359 Times in 1,878 Posts

Maybe change the animation to just have all the thread previews appear at one time, and not by thread individually?

Or just leave it "as is" with the previews on a per thread basis?

Update:

Changed this to preview all the threads at once:

Code:

<script>
jQuery(".neo-threadbit").hover(function(){
jQuery(this).css({"cursor":"pointer"});
   jQuery(".neo-threadbit-threadpreview").css({"color":"rgba(15, 31, 132,0.95)","padding":"20px 10px 20px 20px","margin":"20px 0px; 20px 20px","word-wrap": "break-word"});;
  // jQuery(this).find(".neo-threadbit-threadpreview").fadeIn(1000);
     jQuery(".neo-threadbit-threadpreview").fadeIn(1000);
});
</script>

Neo

View Public Profile for CarloM

07-25-2018

Registered User

1,119, 264

Join Date: Oct 2011

Last Activity: 14 August 2020, 12:53 PM EDT

Location: London, UK

Posts: 1,119

Thanks Given: 134

Thanked 264 Times in 247 Posts

Having preview on every thread makes the forum display pretty cluttered, imo.

Last edited by CarloM; 07-26-2018 at 06:18 AM..

This User Gave Thanks to CarloM For This Post:

CarloM

Find all posts by CarloM

07-25-2018

Administrator

19,118, 3,359

Join Date: Sep 2000

Last Activity: 15 July 2022, 8:51 AM EDT

Location: Asia Pacific, Cyberspace, in the Dark Dystopia

Posts: 19,118

Thanks Given: 2,351

Thanked 3,359 Times in 1,878 Posts

Your image link does not work:

Code:

[IMG]https://img42.com/jHxs3+[/IMG]

It's best to add attachments using the forum attachments for at least two reason:

(1) Third party services come and go. Their links often are dead after a year or more.

(2) It's possible for others to change those external links to malicious code.

Please upload using the forum attachment function; or put in your forum album and put the IMG link from your album.

Neo

View Public Profile for vgersh99

07-25-2018

Moderator

8,825, 1,112

Join Date: Feb 2005

Last Activity: 23 August 2021, 11:26 AM EDT

Location: Foxborough, MA

Posts: 8,825

Thanks Given: 579

Thanked 1,112 Times in 1,003 Posts

I like the dea, but tend to agree with CarloM - the display does look too "busy" for my taste.
Also I couldn't find a way to "collapse" the expanded threads to get tot a "minimalistic" display.
How about compromise: the mouseover expands the hovered thread and collapses it once the focus is gone?

These 2 Users Gave Thanks to vgersh99 For This Post:

vgersh99

Find all posts by vgersh99

07-25-2018

Administrator

19,118, 3,359

Join Date: Sep 2000

Last Activity: 15 July 2022, 8:51 AM EDT

Location: Asia Pacific, Cyberspace, in the Dark Dystopia

Posts: 19,118

Thanks Given: 2,351

Thanked 3,359 Times in 1,878 Posts

OK. Thanks for the feedback. Done...

Code:

<script>
jQuery(".neo-threadbit").hover(function(){
   jQuery(this).css({"cursor":"pointer"});
   jQuery(".neo-threadbit-threadpreview").css({"color":"rgba(15, 31, 132,0.95)","padding":"20px 10px 20px 20px","margin":"20px 0px; 20px 20px","word-wrap": "break-word"});;
   jQuery(this).find(".neo-threadbit-threadpreview").fadeToggle(1000);
   //jQuery(".neo-threadbit-threadpreview").fadeIn(1000);
});
</script>

Let me know if this is better "fadeToggle()"

These 2 Users Gave Thanks to Neo For This Post:

Neo