Using image for block background

Current Version: 1.0.6
Released: 09.01.10
Forum rules
Before creating a new support thread, please take a look in the board3 Portal FAQ and use the search!
Many questions have already been answered.
Locked

Topic author
Fliggerty
Active Member
Posts: 12
Joined: 14. July 2008 04:31

Using image for block background

Post by 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. :D 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

Topic author
Fliggerty
Active Member
Posts: 12
Joined: 14. July 2008 04:31

Re: Using image for block background

Post by Fliggerty »

Nevermind, I figured it out. :D
User avatar

Kevin
Site Admin
Posts: 2989
Joined: 7. January 2006 20:11
phpBB.de User: Saint
phpBB.com User: Saint_hh
Location: Hamburg
Contact:

Re: Using image for block background

Post by Kevin »

Come on dude, let us know what you've done! ;)
~~~ They say the definition of madness is doing the same thing and expecting a different result ~~~

Kein Support per PN / No support via PM!

Topic author
Fliggerty
Active Member
Posts: 12
Joined: 14. July 2008 04:31

Re: Using image for block background

Post by 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
Locked

Return to “board3 Portal 1.0.x - English Support”