This site is READ ONLY!! No support will be given! Everything in here is just for archiving purposes!

Prosilver colors

Support for your styles questions
Forum rules
** AND PLEASE PROVIDE A LINK TO YOUR SITE THAT YOU NEED HELP WITH! OR I MIGHT NOT HELP YOU **
Post Reply
Kroketten
Stars
Stars
Posts: 28
Joined: Mon Dec 17 2012 10:16 am
Real name: Mark
Country Flag: Netherlands

Prosilver colors

Post by Kroketten »

Hello,

I want change the colors of the prosilver style example that blue above the forumnames, but I don't know where, can someone give me a hint?

[edit]-- 15 Jan 2013, 10:58 --[/edit]

Edit buttons/quick reply isn't working here..
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: Prosilver colors

Post by Sniper_E »

Those are background images with background colors. Look in the colours.css

Code: Select all

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

.navbar {
	background-color: #cadceb;
}

.forabg {
	background-color: #0076b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
Kroketten
Stars
Stars
Posts: 28
Joined: Mon Dec 17 2012 10:16 am
Real name: Mark
Country Flag: Netherlands

Re: Prosilver colors

Post by Kroketten »

Can you give a code that works?! Can;t copy the codes!
bl4d3 x
Stars
Stars
Posts: 12
Joined: Fri Apr 06 2012 9:19 am
Country Flag: Great Britain
Contact:

Re: Prosilver colors

Post by bl4d3 x »

Use google chrome for now it works in that.

cisco007 you cant copy or select any code in firefox from the code box's.
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: Prosilver colors

Post by cisco007 »

i'll have to check to see what happened, it won't work until the fourth post!

Code: Select all

select all only doesn't work on google chrome
and seems the select all doesn't work on chrome, for some reason I remember not working at all on chrome, can't ever figure out why!
Image
bl4d3 x
Stars
Stars
Posts: 12
Joined: Fri Apr 06 2012 9:19 am
Country Flag: Great Britain
Contact:

Re: Prosilver colors

Post by bl4d3 x »

cisco007 wrote:i'll have to check to see what happened, it won't work until the fourth post!

Code: Select all

select all only doesn't work on google chrome
Working for me on firefox now
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: Prosilver colors

Post by cisco007 »

seems i fixed the buttons, but not the select all in chrome!
Image
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: Prosilver colors

Post by Sniper_E »

I didn't put those codes in the second post for you to copy and use.
I was showing you where those codes were in the colours.css file.
If you look in the prosilver/theme/images/ directory you will see the bg_header.gif and bg_list.gif images.
These images are the blue you see in the forum that you want to change.

You will have to make some different color images to replace those if you want the color to change.
And then you will have to change the background color to match your new images.
It's not as simple as just changing the color, unless you remove the images and use just a background color.

You understand how that works Kroketten?
You can right click on that blue in your forum and select view background image and see what's there.
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
Kroketten
Stars
Stars
Posts: 28
Joined: Mon Dec 17 2012 10:16 am
Real name: Mark
Country Flag: Netherlands

Re: Prosilver colors

Post by Kroketten »

No, I don't get it. I think I keep it blue... How can I center my sitelogo?
overall_header.html

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<center><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></center>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>

		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist rightside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> •
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> •
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist leftside">
			<li class="icon-faq"><a href="{U_RANKSPAGE}" title="{L_RARANKS}">{L_RARANKS}</a></li>
			    <!-- IF S_DISPLAY_SEARCH --><li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
				<!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
What variable can I use to get someones username, is it %$?

Yeah I know also that UCP is on the right on my forum... :)
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: Prosilver colors

Post by cisco007 »

next time please provide a link to your site!

in common.css find:

Code: Select all

#logo {
       float: left;
       width: auto;
       padding: 10px 13px 0 10px;
    }
to:

Code: Select all

    #logo {
       float: left;
       width: 100%;
       padding: 10px 13px 0 10px;
       text-align: center;
    }

now change:

Code: Select all

    #site-description {
       float: left;
       width: 70%;
    }

to:

Code: Select all

    #site-description {
       float: left;
       width: 100%;
    }
Image
Kroketten
Stars
Stars
Posts: 28
Joined: Mon Dec 17 2012 10:16 am
Real name: Mark
Country Flag: Netherlands

Re: Prosilver colors

Post by Kroketten »

Works perfect, thank you!
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: Prosilver colors

Post by cisco007 »

great!
Image
Post Reply