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

Add an image to the left of poll titles, replacing the question mark 1.0

Everyone likes images, right?

  1. Brogan

    Brogan XenForo Moderator Staff Member

    Brogan submitted a new resource:

    Add an image to the left of poll titles, replacing the question mark (version 1.0) - Everyone likes images, right?

    Read more about this resource...
  2. Wuebit

    Wuebit Well-Known Member

    Nice touch
  3. M@rc

    M@rc Well-Known Member

    Looks great at my forum, [​IMG]
  4. Shelley

    Shelley Well-Known Member

    Why didn't I think of this? Nice work Brogan. (y)
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Thanks Shelley.

    I think the icon could do with some work though ;)

    I reached the limit of my design skills with it :D
  6. Shelley

    Shelley Well-Known Member

    I'll see what I can come up with and I'll send you the image to attach in your post. :)
    ArnyVee and Brogan like this.
  7. Shelley

    Shelley Well-Known Member

    Sorry I took so long Paul to get to this I've only just got to this and (not sure the design is fitting) but I'll post it anyway.Preview and poll icon below (feel free to insert it into the first post pending you think it's even worth using.


    Attached Files:

  8. Brogan

    Brogan XenForo Moderator Staff Member

    Looks good Shelley, I've added it to the first post :)
  9. Shelley

    Shelley Well-Known Member

    Few more others (same design) in the attachments (previous post). Once I have some free time I'll work on some decent looking icons. :)
  10. Shelley

    Shelley Well-Known Member

    Well, you know us woman we always like it bigger. [​IMG] Anyway, the only way I could get a larger icon displaying without 1. being cut off 2. overlapping the poll options was to insert the following code in your EXTRA.css template if anyone wants this design of icon.

    .pollBlock .questionMark {
    background: url('@imagePath/xenforo/widgets/poll.png') no-repeat !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    width: 65px !important;
    height: 61px !important;
    .pollBlock .pollContent {
        margin: 0 auto !important;
        padding-left: 70px !important;
        position: relative !important;
        width: 580px !important;
    Preview: >> poll_preview_altgraph.png

    Attached Files:

    Archet and Tomble like this.
  11. Tomble

    Tomble Active Member

    Wow that's a really nice touch, thank-you to both of you :).
  12. Shelley

    Shelley Well-Known Member

    There's a few more changes I've made along with alternative polls I want to post (if it's okay with Brogan) or I can send him the code and archives this week which entails a little more code I think members would benefit from (some screenshots in this post and throughout that thread). I just need to gather up the icons (as each sizes and colour changes requires it's ow unique css if people are interest in alternatives.
  13. ShadyX

    ShadyX Well-Known Member

    Thanks for the code, My polls are looking yummy now :love:

  14. GencnesilleR

    GencnesilleR Member

    nice mod thank you
    Fuhrmann likes this.
  15. Brendon Meynell

    Brendon Meynell Active Member

    Love these changes - all I need to do now is learn how to have the actual results bars to be like shadyX's ones :)
  16. Brogan

    Brogan XenForo Moderator Staff Member

    Easily done with a background image set for the class.
  17. tommydamic68

    tommydamic68 Well-Known Member

    Do i need to clear any caches - it is not showing, paths are correct.
  18. tommydamic68

    tommydamic68 Well-Known Member

    is it the full path? url('@imagePath/community/stuff/images/poll.png')
  19. Brogan

    Brogan XenForo Moderator Staff Member

    Using @imagepath ensures it will use the directory set for each style.

    Does your style directory have /community/stuff/images folders?
  20. tommydamic68

    tommydamic68 Well-Known Member

    yes, i just newly created it.

Share This Page