Using image for block background

[Fliggerty]

Hello,

First of all, is it okay to ask questions about styles in this forum? The styles link takes me to an all-German board, and my browser translator doesn't work so well. I hope this is ok.

I have two questions about modifying the style use for the blocks. First of all I am using a prosilver based theme.

I would like to use an image as the background for the blocks. Where exactly would I change that without changing anything else on the site? Or is that a pretty difficult process?

Secondly, the color for the background of the Recent block and the Users Online block is not to be found in the style sheet anywhere. It's the really light blue color. You can see the color here: http://ghf.erekson.org

Where would I change that color at?

Thanks so much for the help guys!

--Fligg

[Fliggerty]

Nevermind, I figured it out.

[Kevin]

Come on dude, let us know what you've done!

[Fliggerty]

Sure, though it wasn't anything too profound.

Once I finally sorted out that the blocks that used the class forabg used the image gradient.gif as the main body background, it was actually pretty easy. I changed all of the blocks to use class forabg. After that I put the header in class topiclist, and the rest of the body in class topiclist forums.

This is what user_menu.html looks like:

Code: Select all

<!--version $Id: user_menu.html 216 2008-04-29 07:23:22Z kevin74 $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<h3>{L_USER_MENU}</h3>
		</ul>
		<ul class="topiclist forums">
		<div style="font-size:1.1em;">
			<div style="text-align: center;">
				<a href="{U_VIEW_PROFILE}"><!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span></a><br /><br />
				<a href="{U_PROFILE}"><!-- IF AVATAR_IMG -->{AVATAR_IMG}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></a>
				<!-- IF RANK_TITLE --><br /><small>{RANK_TITLE}</small><!-- ENDIF -->
				<!-- IF RANK_IMG --><br />{RANK_IMG}<!-- ENDIF -->
			</div>
<hr />
		<!-- IF S_DISPLAY_SEARCH -->
			<a href="{U_NEW_POSTS}">{L_NEW_POSTS}</a><br />
			<a href="{U_SELF_POSTS}">{L_SELF_POSTS}</a><br />
		<!-- ENDIF -->
		<!-- IF U_UM_BOOKMARKS -->
			<a href="{U_UM_BOOKMARKS}">{L_UM_BOOKMARKS}</a><br />
		<!-- ENDIF -->
			<a href="{U_UM_MAIN_SUBSCRIBED}">{L_UM_MAIN_SUBSCRIBED}</a><br />
		<!-- IF U_PRIVATE_MESSAGES -->
   			<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
		<!-- ENDIF -->
			<hr />
			<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
		</div>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>
<br style="clear:both" />

You can see how it worked out on my portal page: http://ghf.erekson.org