Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

nbsp

edited July 2006 in Vanilla 1.0 Help
Non breaking spaces...
 
...are used widely in the html code in Vanilla.

How come, if used say in Application Settings:Label prefix they show up as an unknown character (question mark symbol)?

Comments

  • Options
    Anyone?
  • Options
    surely any possible reason you might have for including them in the label prefix field could be achieved through CSS?
  • Options
    edited July 2006
    Label prefixes are stripped of all html tags/entities. You can't stick <b> or <img> tags in there either.
  • Options
    Bergamot: Label prefixes are stripped of all html tags/entities. You can't stick <b> or <img> tags in there either.
    Not stripped but replaced with an unknown character.

    bigshow: surely any possible reason you might have for including them in the label prefix field could be achieved through CSS?
    Yes but the option is there, thought I could use it, apparently not, no biggy.
  • Options
    a_ja_j
    edited July 2006
    are you trying to get rid of the [sticky] etc. titles next to the topic name?

    edit: nevermind-- looks like you've already got that taken care of, sorry :)
  • Options
    a_j: are you trying to get rid of the [sticky] etc. titles next to the topic name?
    Yup, exactly!

    A sticky will stay at the top, I don't need to say so to my members.

    Must say that my members are the creative types, not too technical, the less they have to worry about the better.
  • Options
    a_ja_j
    edited July 2006
    Ahh, that edit was from another post where you posted this image:
    image

    Looked like you had it straightened out...

    What you need to edit is this:

    .DiscussionType { font-size:14px; float:left; margin-right:5px !important; color:#000; font-weight:bold; line-height:25px; padding-left: 30px !important; text-indent: -900000px; }</code It's important that the text-indent goes in this class. In other words, it's telling the Discussion type (Sticky, Bookmark, etc..) text to indent off of the screen so it hides the type of discussion, but not the title of the discussion.
  • Options
    edited July 2006
    a_j, the label also shows in the post...

    image

    ...I'd like to replace it with a mini icon if I could, not so much for bookmark but for sticky and closed.
  • Options
    a_ja_j
    edited July 2006
    like this?

    image

    if so, in vanilla.css you need to change this code:

    .DiscussionType { font-size:14px; float:left; margin-right:5px !important; color:#000; font-weight:bold; line-height:25px; padding-left: 30px !important; }

    to:

    .DiscussionType { font-size:14px; float:left; margin-right:5px !important; color:#000; font-weight:bold; line-height:25px; padding-left: 30px !important; text-indent: -900000px; }

    ~line 438 to hide the Type text ([Sticky], [Bookmarked], etc...)

    Then to add the icon you need to change/add this:

    .Sticky .DiscussionType { background: url('sticky.png') no-repeat center left; } .Bookmarked .DiscussionType { background: url('bookmark.png') no-repeat center left; } .Closed .DiscussionType, .Hidden .DiscussionType { background: url('closed.png') no-repeat center left; } ... .DiscussionTopic { background: url('discussion.png') no-repeat center left; padding-left: 30px !important; }

    to add the icons, also in vanilla.css

    edit:

    I still haven't figured out the double icon thing (like the bookmark icon, and discussion icons showing at the same time...

    edit2:

    OK, I see we were talking about 2 different things... sorry. You were talking about the comments page. sorry about that. It looks like that text gets inserted automatically... Not sure if you can get rid of the type from the ContentInfoTop class...
  • Options
    lamentlament
    edited July 2006
    see also this thread for turning [Sticky] and [Bookmark] into icons..
This discussion has been closed.