Three more requests



    • It would be awesome if in lavendar, the "recent replies" on the home page were collapsed, then showed up when you hover over the category.
    • It would be awesome if someone changed the URL-to-image plugin so that if there were multiple images in a row it would combine them into a lightbox/slideshow with left/right arrows (similar to my blog @ http://krtong.com )
    • It would be awesome if i could limit the width of the posts/topics to 1080 or 960..

    I'm looking into how to do this but I'm slow when it comes to these things.


  • GNU/Linux Admin

    ^ No guarantees on whether it still works with NodeBB 😛


  • Plugin & Theme Dev

    3rd:
    To limit the width of each site (home, categories, etc.):

    #content {
      max-width: 1080px;
    }
    

    To limit only topics/posts:

    .topic {
      max-width: 1080px;
      margin: auto;
    }
    

  • Plugin & Theme Dev

    1st:

    Sth. like this would do it:

    .category .recent-replies {
      max-height: 0;
      -webkit-transition: 1s max-height ease-in;
      -moz-transition: 1s max-height ease-in;
      -o-transition: 1s max-height ease-in;
      -ms-transition: 1s max-height ease-in;
      transition: 1s max-height ease-in;
    }
    .panel:hover .recent-replies {
      max-height: 700px;
    }
    

    You may change max-height: 0; to higher values to gain more preview without hovering.
    You may change max-height: 700px to higher values, this would result in longer delay until it hides after leaving the box (and faster show/hide if transition-duration stays the same).
    You may change 1s to any time you want (isn't the exact time to show/hide because the max-height on hover should be higher than the auto-hight)

    Don't even try to use the transition for height, etc because the transition to/from the auto-value isn't implemented in any browser I know 😉



  • That was awesome @frissdiegurke , the first worked great and got me to rethink some other stuff too. The second was for the recent replies, and worked great. I couldnt edit it to work right for the categories on the lavendar homepage.

    Also does anybody have an easy way to combine the overriding style sheet with the old style sheet?


  • Plugin & Theme Dev

    @kevin Within /admin/themes is a tab named Customize 😉

    To get the show/hide working with the recent replies within the categories of the home-page is kind of hard since you don't have a good value to limit the max-height since it's really different dependent on the replies.

    So I'd say there is no good way to do it with css only, you'll need to get the height via js and animate it via css. To only show/hide the recent replies you'd have to wrap them within another html-tag too (can be done within templates/home.tpl of the theme).



  • that's the tab i've been using but i'm ready to just compile it into one style sheet without all the overrides. it creates a few problems doing it like this. It's great for learning what value is assigned to what but i'm making bigger and bigger changes to the template files, and i'm too lazy to merge the two style sheets by hand.


  • Admin


  • Community Rep

    @kevin said:

    • It would be awesome if someone changed the URL-to-image plugin so that if there were multiple images in a row it would combine them into a lightbox/slideshow with left/right arrows (similar to my blog @ http://krtong.com )

    You mean, the imgbed plugin? someone's using this?? 🙂



  • @BDHarrington7 said:

    @kevin said:

    • It would be awesome if someone changed the URL-to-image plugin so that if there were multiple images in a row it would combine them into a lightbox/slideshow with left/right arrows (similar to my blog @ http://krtong.com )

    You mean, the imgbed plugin? someone's using this?? 🙂

    Isnt everyone??? Who actually likes to use codes while typing?


  • GNU/Linux Admin

    @kevin Haha -- as someone who grew up with computers, BBCode, WikiCode, Markdown all feel natural to me.

    After a bit of practice, using ![]() to format images just flows.



  • Of course you know. But if you've ever been part of a non-dev forum you've seen mods helping with embeds every other thread. I'm all for as much automation as possible.


  • GNU/Linux Admin

    Yeah, I completely get that sentiment. It's part of the reason why NodeBB uses Markdown instead of BBCode, since I code is more legible and (to me, anyways) makes more sense to the layman.

    Still has a learning curve, though.



  • @julian

    The thing with Markdown is once you get the hang of it, it feels so natural. On my forum (not public yet), I'm finding that it's a lot easier to post content using NodeBB than WP. Using Markdown just flow



  • by wp you mean html? See I'm fine using both, but they're still a language other than english that someone must learn. Im not a fan of making anyone learn a web language just so they can format their posts. Not a fan of wysiwyg either as it's glitchy and too involved. WYSIWYG is good for learning what code does what, but eventually you need to learn the code. I learned html because of pagemill, if anyone remember that pre-dreamweaver gem. problem is it taught me to use iframes when i was 17, which wasn't great either.


Log in to reply
 

Suggested Topics

  • 1
  • 3
  • 6
  • 6
  • 3
| |