1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Featured Thread Enhancements

Featured Thread Enhancements

  1. Shelley

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Featured Thread Enhancements - Featured Thread Enhancements

    Read more about this resource...
     
    The Forum Heroes likes this.
  2. surfsup

    surfsup Well-Known Member

    Would be cool to have a feature where it would place the 1st image within the content instead of the users Avatar...

    Other than that thanks so much for these great additions to his plugin ;)
     
    tajhay likes this.
  3. Allan

    Allan Well-Known Member

    Thank you Shelley :) but, can you change the text of ribbon with that text please: Valorisée
     
  4. Code Monkey

    Code Monkey Well-Known Member

    Didn't take you long Shelley. :D
     
    Shelley likes this.
  5. Shelley

    Shelley Well-Known Member

    This will be the only adjustment I make from here on in regarding this resource so any requests should go in the xenforo request forums.
     
    Last edited: Dec 3, 2013
  6. Shelley

    Shelley Well-Known Member

    hey I seen the enhancements you made too your just as bad as me. :D:p BTW - excellent modifications you made yourself and the collapse thing is a nice touch too.
     
  7. Allan

    Allan Well-Known Member

    Thank you, (y)
     
  8. Shelley

    Shelley Well-Known Member

    Add Snow to featured Blocks. This may need adjusting per custom style but here is the outline of it. I have it so it removes on responsive you should do the same.
    Screenshot_5.png


    Upload the images to your Icons folder and then paste the following in EXTRA.CSS

    Code:
    .forum_list .ctaFtBlock:before{
    background: url("@imagePath/xenforo/icons/snow_l.png") no-repeat scroll 0 0%, url("@imagePath/xenforo/icons/snow_r.png") no-repeat scroll 100% 0 transparent;
      display: block;
      height: 30px;
      left: -5px;
      padding: 0 5px;
      position: relative;
      top: 11px;
      width: 100%;
      content: "";
      margin-top: -15px;}
    
     
    Last edited: Jan 17, 2014
  9. Paul

    Paul Well-Known Member

    Hiya Shelley :)

    Nice tweaks to the original design :) have applied all of them ( Particularly like the seasonal snow!) , however the ribbon doesn't seem to appear at all.. all the others are fine... Any ideas/pointers as to why that might be?? Just thought i would ask before ripping everything apart.... ;)

    Cheers
     
  10. Shelley

    Shelley Well-Known Member

    Yeah, the two of those use the same class which means you'll have to choose which one to use. I was going to suggest to @Brogan about adding a helper class or some to that equivalence but haven't yet. At this time you'll have to pick which one of those two to use.
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    I'm happy to add stuff which will help with styling.

    Let me know what you need exactly and I'll get it in to the next version.
     
    Shelley likes this.
  12. Jeremy

    Jeremy XenForo Moderator Staff Member

    @Shelley, what are you doing? This is horrible?!

    But seriously, stop being so fast! Great additions to a great base. (y)
     
    Shelley likes this.
  13. Shelley

    Shelley Well-Known Member

    I did initially add in <span class="helper"></span> in the cta_featuredthreads_forum_list template but having one in would be better. There is an issue though that is probably down to me. If you check the xmas style on my site the ribbon is using the helper span I added, but when I add in the height: it leaves a large space above, so not sure you would have these issues if you added it in.

    This is the css I have in if it helps.
    Code:
    .ctaFtBlock .helper  {
      background: url("styles/xmas/xenforo/icons/featured-ribbon.png") no-repeat scroll 0 0 transparent;
      content: "";
      height: 56px;
      position: relative;
      width: 56px;
      top: 53px;
      left: -3px;
      display: block;}
    
     
  14. Shelley

    Shelley Well-Known Member

    Oh wait, i think I resolved it. :)
     
  15. Shelley

    Shelley Well-Known Member

    To get the ribbon and snow working together you'll have to edit the cta_featuredthreads_forum_list template and

    After:
    Code:
    <div class="ctaFtBlock">
    
    Add:
    Code:
    <span class="helper"></span>
    
    Then paste the following into your EXTRA.CSS template.
    Code:
    .ctaFtBlock .helper  {
      background: url("@imagePath/xenforo/icons/featured-ribbon.png") no-repeat scroll 0 0 transparent;
      content: "";
      height: 56px;
      position: relative;
      width: 56px;
      top: 64px;
      left: 8px;
      display: block;
      margin-top: -56px;}
    
    Edit: Also, you'll want to hide the ribbon since the avatar gets removed in responsive so adding the following to EXTRA.CSS template is needed.
    Code:
    @media (max-width:@maxResponsiveNarrowWidth)
    { .ctaFtBlock .helper {display: none !important;} }
     
    Last edited: Dec 4, 2013
  16. Shelley

    Shelley Well-Known Member

    Just a note that in the next featured update you won't have to make the template edit for those that added the span class in and made the adjustment. Only the css is required in the next update.

    And with that, I've ran out of things to style on this particular featured block. The featured ribbon is the image using helper span and the snow is using selectors. Also added a background image and css 3 gradient in the footer. :p Lots of images in this one. :LOL:

    Screenshot_10.png
     
  17. Ernest L. Defoe

    Ernest L. Defoe Well-Known Member

  18. Shelley

    Shelley Well-Known Member

    Just another headsup that if you added the helper span and upgraded to 1.1.0 or when you do don't forget to revert the cta_featuredthreads_forum_list template if your one of those that added the helper span.
     
  19. Shelley

    Shelley Well-Known Member

  20. Shelley

    Shelley Well-Known Member

    This particular enhancement in this post goes unsupported (I'm surprised it even worked) but it seems to work in ie, chrome and ff.

    It all hinges on whether you styled your titleBar and even then you may need to finetune the css. What this enhancement will do is when a thread is featured it'll display A ribbon icon instead of the featured tag.

    Upload the icon to your /icons folder and paste the following in EXTRA.CSS and adjust to suit if the ribbon isn't sitting perfectly.

    Screenshot_13.png

    Code:
    .thread_view .ctaFtFeaturedThreadView:before{
      background: url("@imagePath/xenforo/icons/featured_ribbon_threadview.png") no-repeat scroll center top transparent;
      border: none;
      content: "";
      display: block;
      font-size: 0;
      height: 80px;
      margin-top: -21px;
      margin-left: -50px;
      position: absolute;
      width: 38px;}
    .thread_view .ctaFtFeaturedThreadView { background: none transparent; border: none; font-size: 0;}
    
     
    tajhay and Allan like this.

Share This Page