Is it possible to replace/edit subforum icons?

[ADMIN-PERK]

Hi. Would it or is it possible to change the folder icons? E.g. I have a Modern Warfare 3 forum and would like to have symbols related to the games instead of the folders??

 Thanks!

[ADMIN-PERK]

Anyone??

[Peter <Nabble>]

We will add this feature in the future. For now, you can use pure CSS to replace the icons and use your custom images. Here is a simple example on how to do this:

html>body img[src='/images/icon_post_message.png'] {
  width: 0; height: 0; padding-top: 16px; padding-left: 16px;
  background: url('...your-image-url-goes-here...') no-repeat -112px 0;
}

It is important to remember that we may change our icons without further notice. So your custom CSS would have to be fixed whenever we change icon names and files.

[ADMIN-PERK]

Ah, that's great. Thank you!

[ADMIN-PERK]

Well this is embarising...

 I mucked up my forum and can't get into the css section now? I tried adding the html that you posted above but it is messed up now. Any suggestions? Thanks and sorry!

 Here is the link -- http://www.modernwarfare3news.co.cc/forum.html

[Peter <Nabble>]

Are you logged in as owner?

[ADMIN-PERK]

At my forum? Yes. On here? No. Did you see what I meant by saying it's messed up? I saved the css because when you preview it, it just shows you the colour scheme but not the layout. Now I can't get back into the css section as I can only see part of my forum.

 Do you think it would be worthwhile just starting over with a new forum?

[Hugo <Nabble>]

I reset the CSS code of your forum, so it is working again now. Your previous code is below in case you want to put something back.

.nabble,
.nabble table,
.nabble .info-message th {
	color: #ffffff;
}
.nabble a:link,
.nabble a.not-visited-link,
span.dropdown-item {
	color: #ffcc66;
}
.nabble a:visited,
.nabble a.visited-link{
	color: #ffffcc;
}
.nabble h1,
.nabble .light-black {
	color: #eeeeee;
}
.nabble .important {
	color: #ffcc33;
}
.nabble th,
.nabble .form-label,
.nabble .weak-color {
	color: #cccccc;
}

.nabble .message-text, .small, .nabble .editor-table td, p, form, small, ul, table td, .breadcrumbs {
color:#dddddd;
}

body, .nabble,
img[src='/images/icon_post_message.png'] {
  width: 0; height: 0; padding-top: 16px; padding-left: 16px;
  background: url('http://www.mw3forumz.com/avatars/admin.gif?dateline=1302485388') no-repeat -112px 0;
}

.nabble .no-bg-color {
	background-color: #000000;
}
.nabble .light-bg-color {
	background-color: #191919;                	
}
.nabble .shaded-bg-color {
	background-color: #00CD00;
}
.nabble th,
.nabble .dark-bg-color {
	background-color: #666666;
}
.nabble .highlight {
	background-color: #545500;
}
.nabble .error-message,
.nabble .info-message,
.nabble .light-highlight {
	background-color: #631900;
}
.nabble .info-message th,
.nabble .dark-highlight {
	background-color: #cc0000;
}

.nabble table,
.nabble li,
.nabble div,
.nabble .medium-border-color  {
	border-color: #666666;
}
.nabble td,
.nabble .light-border-color {
	border-color: #00CD00;
}
.nabble .dark-border-color {
	border-color: #cccccc;
}
.nabble .error-message {
	border-color: #ffcc33;
}
.nabble .info-message {
	border-color: #3366ff;
}
span.dropdown table {
	background-color:#333333;
	border-color:#6a6a6a;
}
tr.dropdown-hover {
	background-color:#111111;
}
.post-border, td.post-border {
	border-color: #d9d9d9;
}
span.post-date {
	color:#AFAFBB;
}
span.post-author {
	color:#6FA669;
}
span.post-subject {
	color:#C0BA79;
}
span.post-snippet {
	color:#999999;
}
.post-hover {
	background-color:#333333;
}
select, input, textarea, button {
	color: #eeeeee;
	background-color:#222222;
	border:1px solid #888888;
}
input[type=radio] {
	border:none;
}

[ADMIN-PERK]

Thank is fantastic. Thankyou so much! Really appreciate it!