Welcome Guest [Log In] [Register]
Important Links
Contests & Events
Latest Announcements
Forum Guidelines
Meet the Staff
Update Log
  • SOTM #3 [Winner]
  • TOTM #3 [Winner]
  • October Updates!
  • Become a Contributor!
  • Affiliate with us!
    Add Reply
    [C] Images Within CSS Forum Markers
    Topic Started: Jul 4 2015, 04:57 PM (345 Views)
    Vocal.
    Member Avatar
    Resource Administrator

    So I have CSS forum markers on my latest theme. I want to use them for redirect, stats, active users, etc. but for those I want to put an arrow, a little man, and poll bars. Can I add those to a CSS marker?

    [Foundation's Ultimate Theme Guide]

    Exclusive Themes!
    [Crystal] [ZETAOne] [Foundation Purple]


    Posted Image Posted Image Posted Image

    Posted Image Posted Image

    Off
    Profile
    Quote
    Top
     
    Titch
    Member Avatar


    The easiest way would be to import something like http://fortawesome.github.io/Font-Awesome/

    I've never tried it, but I assume you get the browser to load up what it thinks is a custom font and then each letter, or group of letters, corresponds to a CSS image when the font-family is determined.

    Posted Image



    Released Themes
    Innovate | Zeta Rehashed | Ontorus (Blue) | Endless Horizons | Lyrical | Too Simple | Rasterize | Pokee

    Requests Completed
    3

    Off
    Profile
    Quote
    Top
     
    Vocal.
    Member Avatar
    Resource Administrator

    You know, I think I saw a post on Atrium about this. I will have to look further into it. Thanks!

    [Foundation's Ultimate Theme Guide]

    Exclusive Themes!
    [Crystal] [ZETAOne] [Foundation Purple]


    Posted Image Posted Image Posted Image

    Posted Image Posted Image

    Off
    Profile
    Quote
    Top
     
    + DPM
    Member Avatar


    If you want to add an actual image and not get involved with something like Font Awesome, a nice alternative would be to add a span/div into the markers' HTML and give the tag a class then add the image with the background CSS property.
    Off
    Profile
    Quote
    Top
     
    Vocal.
    Member Avatar
    Resource Administrator

    That would also work. I already used Font Awesome but for the next theme I will totally try that. Thanks!

    [Foundation's Ultimate Theme Guide]

    Exclusive Themes!
    [Crystal] [ZETAOne] [Foundation Purple]


    Posted Image Posted Image Posted Image

    Posted Image Posted Image

    Off
    Profile
    Quote
    Top
     
    Geoffrey
    Member Avatar



    Support Issue Resolved!

    This support request has been resolved and has been marked as complete. This is only to help sort the forum, the topic will remain open in case you experience more issues with this topic.

    If you have another support request with another issue, please post a new topic.


    Geoffrey l Foundation Staff
    Like us on Facebook | Follow us on twitter

    Posted Image
    Off
    Profile
    Quote
    Top
     
    1 user reading this topic (1 Guest and 0 Anonymous)
    « Previous Topic · Support Zone · Next Topic »
    Add Reply


    Foundation Affiliates (Click Here)

    Discuss Academy Foundation