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.
-
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; }
-
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 changemax-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 change1s
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 theauto
-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?
-
@kevin Within
/admin/themes
is a tab namedCustomize
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.
-
does this help at all? http://burnaftercompiling.com/nodebb/nodebb-hands-on-theming-guide-part-1/
-
@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?
-
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.