nbsp

Wanderer · July 2006

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)?

Wanderer · July 2006

Anyone?

bigshow · July 2006

surely any possible reason you might have for including them in the label prefix field could be achieved through CSS?

Bergamot · July 2006

Label prefixes are stripped of all html tags/entities. You can't stick <b> or <img> tags in there either.

Wanderer · July 2006

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.

a_j · 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

Wanderer · July 2006

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.

a_j · July 2006

Ahh, that edit was from another post where you posted this 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.

Wanderer · July 2006

a_j, the label also shows in the post...

...I'd like to replace it with a mini icon if I could, not so much for bookmark but for sticky and closed.

a_j · July 2006

like this?

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...

lament · July 2006

see also this thread for turning [Sticky] and [Bookmark] into icons..

nbsp

Comments