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

Unmaintained Favorites

Your members certainly have one....

  1. Sheldon

    Sheldon Well-Known Member

    Sheldon submitted a new resource:

    Favorites - Your members certainly have one....

    Read more about this resource...
    Lone Wolf likes this.
  2. Sheldon

    Sheldon Well-Known Member

    Various uses from this resource:

    11.png Screenshot_3.png Screenshot_4.png Screenshot_5.png Screenshot_6.png Screenshot_7.png Screenshot_8.png Screenshot_9.png

    On the Call of Duty site, the prestige icons, not the userbars. I repeat, not the userbars.
    Shelley likes this.
  3. Ernest L. Defoe

    Ernest L. Defoe Well-Known Member

    Hey one of those screenshots is from my site. The very first one actually. Love how @Sheldon did it.
  4. Code Monkey

    Code Monkey Well-Known Member

    Is this like the persona chooser at Discussion Junkies?
  5. Ernest L. Defoe

    Ernest L. Defoe Well-Known Member

    I'm not sure but it could be something similar......
  6. Sheldon

    Sheldon Well-Known Member

    No. It's not.
  7. Code Monkey

    Code Monkey Well-Known Member

    I'm confused as to what this does exactly then. I see the screen you put on the resource page and then the ones you put in the thread and it looks like two different things. When I look at the first one it looks like you can put an image in the user info. Then these thread screens it looks like you can put several in a row.
  8. Sheldon

    Sheldon Well-Known Member

    It's the same thing, all based off this resource. It is all in how creative you get with it.

    You can put 1 image, 9 image, 437 images... again, it's all up to how creative you are or want to be. I've learned that sometimes the best things come from a branch of the original.
  9. Code Monkey

    Code Monkey Well-Known Member

    Ah ok got it. thanks
  10. Wing

    Wing Active Member

    I have completed all the steps. And I now want to place the images for each option. Where do I define the image URLs for each preference option?
    I see there is a entry box here: http://www.optiksgaming.com/admin.php?user-fields/persona/edit in the "General Options" called Value Display HTML.

    Guessing that is where you define the images for each selection? If so, how do you correctly link each option to the image?
  11. Sheldon

    Sheldon Well-Known Member


    The block on the left is the name of your image file, without the png gif or jpg extension added. Simply the name. The block on the right is what is used to identify it when the member goes to choose on the dropdown....

  12. Wing

    Wing Active Member


    So I am guessing you simply places these images into the /images folder for them to be correctly linked up to the preferences?
  13. Sheldon

    Sheldon Well-Known Member

    Place them wherever you want, really... just make sure your code matches and they are called from the proper spots.
  14. Allan

    Allan Well-Known Member

    Thank you for sharing Shelton (y)

    Little correction:
    - Replace:
    <xen:if is="{$user.customFields.favchar}">
    <div align="center" class="favchar"><img class= "favchar2" src="/favchar/{$user.customFields.favchar}.png" /></div>
    - By:
    <xen:if is="{$user.customFields.favchar}">
    <div align="center"><img class="favchar2" src="/favchar/{$user.customFields.favchar}.png" /></div>
    Custom css: (in EXTRA.css)
    .favchar2 {
        float: right;
        margin-bottom: -6px;
        margin-right: -8px;
        margin-top: -110px;
        opacity: 0.6;
    Result: (with your minions)

    Screenshot_6.png Screenshot_4.png
    Last edited: Nov 14, 2013
  15. Sheldon

    Sheldon Well-Known Member

    That isn't a correction. Just another alteration.
  16. Allan

    Allan Well-Known Member

    In your code, what is this class ? ("favchar")

    <div align="center" class="favchar"><img class= "favchar2" src="/favchar/{$user.customFields.favchar}.png" /></div>

    I removed the space here: <img class=HERE"favchar2" src="/favchar/{$user.customFields.favchar}.png" />
  17. Sheldon

    Sheldon Well-Known Member

    I use it for other areas. It's for styling purposes, just as the image class is.
  18. Allan

    Allan Well-Known Member

    Display favorites directly ! (by bladinium):
    • Edit your Favorites field
    • Go to "Options for choice Fields"
    • Choice "Radio Buttons"
    • Replace the text of favorites by <img src="/forum/figurine/gru1.png" alt="gru1" style="width:44px; height:64px;"/> (look screen)
    <img src="/forum/figurine/gru1.png" alt="gru1" style="width:44px; height:64px;"/> -> gru1.png




    Attached Files:

    Code Monkey likes this.
  19. Wing

    Wing Active Member

    Got this working, with numerous other options to display in the post profile. Really appreciate it @Sheldon , its a brilliant code edit. :cool:

    oman likes this.
  20. xIsabel38

    xIsabel38 Well-Known Member

    When I try to relocate the image down near the message info it pushes everything down.


    So here's what I tried to do to fix it.
    • Disable Post Ratings Add-on
      Didn't fix
    • Alter the CSS numbers
      Pushed it further down or simply moved up and was barely legible (appeared okay on users without rank banners)
    • Remove the EXTRA.css code
      This worked best, but placed the image underneath the message field

    So I'm thinking that this may look best. But how would I relocate it below the post ratings bar?
    I also changed the CSS to this, is this wrong or advised?

    .mysystem2 {
    opacity: 0.9;

Share This Page