Page 1 of 1

Topic icon repositioning! Prosilver styles.

Posted: 25 Mar 2010, 14:27
by Steve
Reposition the standard topic icons for prosilver.
open styles/prosilver/template/viewforum_body.html

find:

Code: Select all

<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
replace with:

Code: Select all

<dl class="iconforums" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
open styles/prosilver/theme/content.css
find:

Code: Select all

dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}
add after:

Code: Select all

dl.iconforums {
	min-height: 35px;
	background-position: 10px 50%;		
	background-repeat: no-repeat;
}

dl.iconforums dt {
	padding-left: 60px;					
	background-repeat: no-repeat;
	background-position: 40px 65%;		
}
Before:
[hsimg]http://www.djsimg.com/images/11900029_0310_b4.png[/hsimg]
and after:
[hsimg]http://www.djsimg.com/images/39527188_0310_icrepo.png[/hsimg]
Refresh template and theme for prosilver(based styles)

Re: Topic icon repositioning! Prosilver styles.

Posted: 30 Mar 2010, 11:34
by Ashley.S.
great snippet there vectra, been wodering how/if it was possible to do such a thing with proSilver styles, so I may just end up using this 8-)