This site is READ ONLY!! No support will be given! Everything in here is just for archiving purposes!
Prosilver colors
Forum rules
** AND PLEASE PROVIDE A LINK TO YOUR SITE THAT YOU NEED HELP WITH! OR I MIGHT NOT HELP YOU **
** AND PLEASE PROVIDE A LINK TO YOUR SITE THAT YOU NEED HELP WITH! OR I MIGHT NOT HELP YOU **
-
- Stars
- Posts: 28
- Joined: Mon Dec 17 2012 10:16 am
- Real name: Mark
- Country Flag: Netherlands
Prosilver colors
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..
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..
-
- 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
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!™
-
- Stars
- Posts: 28
- Joined: Mon Dec 17 2012 10:16 am
- Real name: Mark
- Country Flag: Netherlands
Re: Prosilver colors
Can you give a code that works?! Can;t copy the codes!
Re: Prosilver colors
Use google chrome for now it works in that.
cisco007 you cant copy or select any code in firefox from the code box's.
cisco007 you cant copy or select any code in firefox from the code box's.
Re: Prosilver colors
i'll have to check to see what happened, it won't work until the fourth post! 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!
Code: Select all
select all only doesn't work on google chrome
Re: Prosilver colors
Working for me on firefox nowcisco007 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
-
- 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
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.
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!™
-
- Stars
- Posts: 28
- Joined: Mon Dec 17 2012 10:16 am
- Real name: Mark
- Country Flag: Netherlands
Re: Prosilver colors
No, I don't get it. I think I keep it blue... How can I center my sitelogo?
overall_header.html
What variable can I use to get someones username, is it %$?
Yeah I know also that UCP is on the right on my forum...
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 -->
Yeah I know also that UCP is on the right on my forum...

Re: Prosilver colors
next time please provide a link to your site!
in common.css find:
to:
now change:
to:
in common.css find:
Code: Select all
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
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%;
}
-
- Stars
- Posts: 28
- Joined: Mon Dec 17 2012 10:16 am
- Real name: Mark
- Country Flag: Netherlands
Re: Prosilver colors
Works perfect, thank you!