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

Node (Sponsored by) Image

Discussion in 'Resource and Add-on Requests' started by wickedstangs, Feb 18, 2015.

  1. wickedstangs

    wickedstangs Well-Known Member

    Is there any add-on that can do this?


    sponser.JPG
     
  2. wickedstangs

    wickedstangs Well-Known Member

    Alright been playing around with this...

    How can I move it over to the right?
    sponser2.JPG

    Code:
    .nodeList .node_32 .nodeTitle:after {
    content:"SPONSORED BY" url('@imagePath/path/to/image.png');
    display: inline;
    vertical-align: middle;
    padding-right: 4px;
    }
     
  3. Dakota Storm

    Dakota Storm Well-Known Member

    could you not add it as a custom node icon?
     
  4. wickedstangs

    wickedstangs Well-Known Member

    where do you mean? The above is placed in my extra.css
     
  5. Dakota Storm

    Dakota Storm Well-Known Member

  6. FredC

    FredC Well-Known Member

    I've just been using html in the description for the same result.
     
  7. wickedstangs

    wickedstangs Well-Known Member

  8. wickedstangs

    wickedstangs Well-Known Member

    can you show me what you did?
     
  9. wickedstangs

    wickedstangs Well-Known Member

    description.JPG

    In the description only shows when you hover over it.. I need it permanently
     
    Last edited: Feb 18, 2015
  10. FredC

    FredC Well-Known Member

    I'm on my phone right now but I believe there is an option to always show forum descriptions.

    Of course now that you mention it that probably isn't really what you had in mind because all your other forum descriptions would be visible to.
     
    wickedstangs likes this.
  11. wickedstangs

    wickedstangs Well-Known Member

    @FredC and @TwistedMerlin thanks for your help.. I think I got it working the way I want and responsive too:)
    sponser.JPG

    Extra.css
    Code:
    .nodeList .node_33 .nodeTitle::after {
    content:"SPONSORED BY:" url('http://www.wickedstangs.com/images/Sponsors/ajeracingbannersm.jpg');
    position: relative;
    display: inline;
    float: right;
    text-align: center;
    min-height: 32px;
    line-height: 32px;
    font-size: 14px;
    }
     
    Last edited: Feb 19, 2015
    racersimage, FredC and Dakota Storm like this.
  12. racersimage

    racersimage Active Member

    Is there anyway to make the image clickable? Thanks!
     
  13. wickedstangs

    wickedstangs Well-Known Member

    I am playing around with it.. maybe one of these experts can help @Russ , @Brogan :) Please
     
  14. Russ

    Russ Well-Known Member

    No way of making clickable using the :after that I know of.

    You'd have to edit the template: node_forum_level_2 I think?

    Then do a xen:if is node conditional to show a specific image for that node. You could use this as somewhat of a guide if you wanted too: https://xenforo.com/community/threads/button-post-new-thread-at-homepage.90557/ completely different but html placement is almost the same.
     
    racersimage likes this.
  15. wickedstangs

    wickedstangs Well-Known Member

    Russ sent you a couple of question on your site about zipped and thanks for the above..
     
  16. wickedstangs

    wickedstangs Well-Known Member

    ok anyone have this issue?

    This is a different issue, I have found that I hope someone can help.

    When I log off zip my Sponsor image disappears.
    logoff.JPG

    When I log in my Sponsor image appears...
    logon.JPG

    This is my Extra.css Code
    Code:
    .nodeList .node_30 .nodeTitle::after {
    content:"SPONSORED BY:" url('http://foxbodymustangs.org/images/200x71.png');
    position: relative;
    display: inline;
    float: right;
    text-align: center;
    min-height: 32px;
    line-height: 32px;
    font-size: 14px;
    }
     
  17. Russ

    Russ Well-Known Member

    You'll probably want to disable the "NEW" indicators on the style: Style Properties -> [XB] Nodes ->

    Enable New Thread Indicator, seems like it's conflicting with it. I'll check your thread over on PE shortly.
     
    wickedstangs likes this.
  18. wickedstangs

    wickedstangs Well-Known Member

    that worked.. Thank you
     
  19. wickedstangs

    wickedstangs Well-Known Member

    How can I put a Text Link In a Certain Thread ?
    ad.JPG
     

Share This Page