[bd] Image

Discussion in 'Other' started by xfrocks, Sep 11, 2013.

Tags:
Thread Status:
Not open for further replies.
  1. yavuz

    yavuz Member

    @xfrocks are you gonna push out an update regarding we talked about, anytime soon? Thank you.
     
    HenrikHansen likes this.
  2. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    New version!
    • Added browser scrolling for image widgets (good for responsive style or when the browser width is too low)
    • Switched to use progressive JPEG for all thumbnail
    • Added arrows for slider widget
     

    Attached Files:

    yavuz likes this.
  3. yavuz

    yavuz Member

    Thank you for the update xfrocks. I have uploaded it and tinkerin with it. A few concerns:

    I make great use of it, using several widgets together and one after another. It would be great if there were a space between widgets:

    [​IMG]

    When I narrow my brower (for testing purposes) the arrows get over the images. I recon with mobile themes this could become a problem.

    [​IMG]
     
  4. yavuz

    yavuz Member

    Also one note; the thread images (two images) widget is not responsive. Are the others not responsive as well?
     
  5. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    @yavuz, I don't understand your overlapping issue. You wanted extra space? Probably need to use CSS for that ;)

    About the arrow in tight width situation, it's unavoidable unfortunately.

    Yes, the two columns are not responsive (yet, still figuring out how to do that). The other two should work reasonably good.
     
    yavuz likes this.
    1. yavuz

      yavuz Member

      yavuz @xfrocks For the arrows I'm proposing something like this:

      caps.png

      You see the arrow highlited there? Maybe that would give you an idea.

      For the space between the slider widgets, It was merely a suggetion. For those who don't know how to do it, I added a simple margin to my extra.css code:

      Code:
      /*Widget Framework CSS Code*/
      .widget-tabs .tabs {
          background: none repeat scroll 0% 0% transparent;
          margin: 4px;
      }
      /*Widget Framework CSS Code*/
       
    2. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      xfrocks @yavuz Those arrows are doable but will not fit well when there are space left in the slider. Plus they requires graphics which I try to avoid...
       
  6. yavuz

    yavuz Member

    My users love the widgets so far, a great addition for the widget framework. The 2 coulmn view could maybe need some css tweeking maybe a news-slider type style.

    The widget header looks out of place when there are no tabs:

    caps1.png

    Could you style it to look like this even when there are no multiple tabs? (Mockup)

    caps2.png
     
  7. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    Actually the styling is rendered by [bd] Widget Framework. Probably you should hide the title with CSS.
     
    1. yavuz

      yavuz Member

      yavuz @xfrocks Oh, ok. How would I do that?
       
    2. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      xfrocks @yavuz Something like this

      Code:
      .non-sidebar-widget > h3 { display: none; }
       
    3. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      xfrocks @yavuz Depending on your need, you can style if to have the tab look if you want. I'm sure some designer can do that ;)
       
      yavuz likes this.
      1
    4. yavuz

      yavuz Member

      yavuz @xfrocks You are too subtle and polite :) Will try to find one.
       
      xfrocks likes this.
      1
  8. yavuz

    yavuz Member

    I get so much complaints with the arrows, some say that they never see them, another one says they are too simple & easy to overlook :confused:

    Can you at least do something like this: http://www.bbsmiley.com

    Adsız.png

    I know you want to avoid images but with narrow explorers and even in normal view they look banal
     
  9. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    If you want, you can give you some CSS to put into EXTRA.css to get that kind of arrow ;)
     
    yavuz likes this.
    1. yavuz

      yavuz Member

      yavuz @xfrocks That would be great if you could provide me a css to get there. Thanks xfrocks.
       
    2. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      xfrocks @yavuz Here you go, please copy the image and put it in your server and change the url accordingly

      Code:
      .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal,
      .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal
      {
          width: 32px;
          height: 32px;
          background: url(http://www.bbsmiley.com/styles/bbsmileyrevamped/nflj/showcase/bxslider/controls.png) no-repeat;
      }
      .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal
      {
          background-position: 0 -32px;
      }
      .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:hover
      {
          background-position: 0 0;
      }
      .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal
      {
          background-position: -43px -32px;
      }
      .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:hover
      {
          background-position: -43px 0;
      }
      
      .widget .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after,
      .widget .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after
      {
          display: none;
      }
       
      yavuz likes this.
      1
  10. yavuz

    yavuz Member

    Now this is how it should look like. Thanks for providing the necessary code @xfrocks.
     
    xfrocks likes this.
  11. yavuz

    yavuz Member

    What do you think of the forum home?

    caps2.png
     
    1. xfrocks

      xfrocks XenForo rocks!
      Staff Member

      yavuz likes this.
      1
  12. yavuz

    yavuz Member

    @xfrocks with to many images uploaded as attachments the overlay isn't scrollable anymore and the area is too populated. Could we maybe have the icons side by side, maybe 5-6 in a row rather have them vertically listed?

    caps.png
     
  13. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    This is v0.9.7b with improvement in the edit form.
     

    Attached Files:

  14. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    This is v0.10.0-dev19, added new renderer: Attachments Grid.
     

    Attached Files:

    yavuz likes this.
  15. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    Another beta, added new renderer: Threads Grid.
     

    Attached Files:

    daniel and Veer like this.
  16. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    Another beta, added new option to choose to process all attachments (instead of only embedded attachments) for thread image.
     

    Attached Files:

    anto74, daniel and Veer like this.
  17. xfrocks

    xfrocks XenForo rocks!
    Staff Member

Loading...