MyBB Community Forums

Full Version: Help editing icons through CSS
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello everyone! Sorry if this been posted before, I tried to look for it but didnt find anything. So, I need some help changing the default icons from my forum.

I'm talking about the icons that should appear here where that X appears:

[Image: screen0.png]

That screenshot doesnt show any icons cause the default icons where .gif and the icons I made are .png and I tried to change the icons throught the css but it seems to work if I try gif icons, but when its png, the icons are missing.

I know everyone says its easier to just change the icons using filezilla but for some reason that doesnt work for me, so I have to change them using the css method but my problem is that I dont know what section of the css to edit and what to change.

Heres a screen of the icons I made, these are .png icons.

[Image: screen1.png]

I edited forumdisplay_threadlist, this part:

<div class="float_left">
	<div class="float_left">
		<dl class="thread_legend smalltext">
			<dd><img src="<a href="http://s466.photobucket.com/albums/rr30/Ki-Kyou/AKR/?action=view&amp;current=newfolder.png" target="_blank"><img src="http://i466.photobucket.com/albums/rr30/Ki-Kyou/AKR/newfolder.png" border="0" alt="Photobucket"></a> {$lang->new_thread}</dd>
			<dd><img src="<a href="http://s466.photobucket.com/albums/rr30/Ki-Kyou/AKR/?action=view&amp;current=newhotfolder.png" target="_blank"><img src="http://i466.photobucket.com/albums/rr30/Ki-Kyou/AKR/newhotfolder.png" border="0" alt="Photobucket"></a> {$lang->new_hot_thread}</dd>
			<dd><img src="<a href="http://s466.photobucket.com/albums/rr30/Ki-Kyou/AKR/?action=view&amp;current=hotfolder.png" target="_blank"><img src="http://i466.photobucket.com/albums/rr30/Ki-Kyou/AKR/hotfolder.png" border="0" alt="Photobucket"></a> {$lang->hot_thread}</dd>
		</dl>

Editing that part inserting my icons url made them show on my forum with no problem as you all can see in the screenshot.

But for some reason I cant seem to make them show on the thread/author part.

I think maybe the solution must be editing a line from forumdisplay_thread, cause I did edit this part:

<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><img src="{$theme['imgdir']}/{$folder}.gif" title="{$folder_label}" /></td>

changed the .gif to .png and that made my icons show, but maybe theres something I still need to add or change cause now it shows like this on my forum:

[Image: screen2.png]

For some reason only the icon assigned to the threads where you have posted is shown and the other thread that has no icon shown is supposed to have the icon assigned to the threads that have been locked but there is no icon, dont know about the rest of the icons, but can anyone help me with this please?

Thanks in advance!