[2.0.16] Aluminoid

Maroki · Post by **Maroki** » Fri Dec 08, 2006 10:23 am

Excuse, I did not like its skin.

Unre4L · Post by **Unre4L** » Sat Dec 09, 2006 9:13 pm

Wow. Amazing.

I looked through what seems like 100s of skins, and finally I chose this one. Dont regret my decision even a bit.

Thx for your amazing work. I will defin promote your skins.

billvasko · Post by **billvasko** » Tue Dec 12, 2006 12:13 am

2 things I need help with:

I want to change the color of the category headers. Cannot seem to do it in the admin panel. I've tried changing code, but have had no success.

I would also like to re-arrange the location of items in the overall header. Anyone tell me how to do this or point me to some kind of guide that could help me?

Thatbitextra wrote: 1) Edit templates/aluminoid/images/cellpic1.gif
2) Edit templates/aluminoid/overall_header.tpl

Thatbitextra, can you be a little more specific?

How and what do i edit in cellpic1.gif?

I've tried editing overall_header, but have not been successful.....

Thatbitextra · Post by **Thatbitextra** » Tue Dec 12, 2006 1:55 am

Edit the image using any image editing software. If you just want it to be a solid color, Paint would do.

Edit the tpl file using a plain text editor such as Notepad. The file contains regular HTML. If you need further help, tell us what you want moving and where to.

billvasko · Post by **billvasko** » Tue Dec 12, 2006 2:14 am

It's not the image I want to edit. I want to edit the color of the text in those category rows......

As for the header, here's what I want to do:

Move the banner that is on the top right of the header. I want to move it to just below the main logo on the left side of the header, with a little bit of space in between each.

I also want to move the register button. I want to move it to a spot below the login/logout button so that the 3 buttons create a perfectly straight column.

Thatbitextra · Post by **Thatbitextra** » Tue Dec 12, 2006 2:25 am

Try using this as your overall_header.tpl:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/aluminoid/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
  Aluminoid theme created by Dewchugr, DewChugr at yahoo.com
  http://dewchugr.home.insightbb.com
  The original Aluminoid Theme for phpBB version 2+ made from the subSilver 2.0.13 files
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	background-color: {T_BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables -  was T_TH_COLOR2 now 555555 */
.forumline	{ background-color: {T_TD_COLOR2}; border: 2px {555555} solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: {T_TD_COLOR2};
		background-image: url(templates/aluminoid/images/{T_TH_CLASS3});
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #555; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/aluminoid/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/aluminoid/images/{T_TH_CLASS1});
			background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle		{ text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/aluminoid/formIE.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="1" align="center" background="templates/aluminoid/images/metal.gif"> 
	<tr> 
		<td><table width="100%" cellspacing="0" cellpadding="0" border="0" background="templates/aluminoid/images/metal.gif">
			<tr> 
				<td><a href="{U_INDEX}"><img src="templates/aluminoid/images/forumlogo.gif" border="0" alt="{L_INDEX}" vspace="1" /></a>
				<br />
				<a href="{U_INDEX}"><img src="templates/aluminoid/images/bannerlogo.bmp" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
				

				<td align="center" width="100%" valign="top">
				<table cellspacing="0" cellpadding="2" border="0" align="right">
					<tr>
						<td height="25" align="left" valign="top" nowrap="nowrap"><span class="mainmenu">
						<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_messages.gif" width="98" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>
						<br />
						<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_loginout.gif" width="96" height="20" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>
						<br />
						<a href="{U_REGISTER}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_register.gif" width="86" height="20" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span></td>
					</tr>
				</table></td>
			</tr>
				<tr>
				<td align="left" valign="top" colspan="2">
					<img src="images/spacer.gif" width="1" height="10" align="top">
				</td>
			</tr>
			<tr>
				<td align="left" valign="middle" colspan="2" background="templates/aluminoid/images/metal2.gif">
					<img src="images/spacer.gif" width="1" height="3" align="top"><br>
					<a href="{U_PROFILE}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_profile.gif" width="75" height="20" border="0" alt="{L_PROFILE}" hspace="3" /></a>&nbsp;
					<a href="{U_SEARCH}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_search.gif" width="78" height="20" border="0" alt="{L_SEARCH}" hspace="3" /></a>&nbsp;
					<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_members.gif" width="93" height="20" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>&nbsp;
					<a href="{U_FAQ}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_faq.gif" width="86" height="20" border="0" alt="{L_FAQ}" hspace="3" /></a>&nbsp;
					<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/aluminoid/images/lang_english/icon_usergroups.gif" width="110" height="20" border="0" alt="{L_USERGROUPS}" hspace="3" /></a><br>
				</td>
			</tr>

		</table>

billvasko · Post by **billvasko** » Tue Dec 12, 2006 3:35 am

thanks thatbitextra, i will try that tomorrow.....

what about changing the font color in the category rows? I have tried changing it in admin panel and overall_body, but nothing seems to work...

Thatbitextra · Post by **Thatbitextra** » Tue Dec 12, 2006 3:50 am

I've fixed that as well. I set it to #555 - change it if you are after something else.

billvasko · Post by **billvasko** » Tue Dec 12, 2006 4:14 am

Can you show me the specific text to edit, so that I can change it if I want? Sorry to be such a pain in the arse.

Thanks again!

Thatbitextra · Post by **Thatbitextra** » Tue Dec 12, 2006 4:29 am

Well, you could have searched it for #555 yourself, but:

Code: Select all

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #555; font-size: {T_FONTSIZE2}px; font-weight : bold;

billvasko · Post by **billvasko** » Tue Dec 12, 2006 1:29 pm

Thanks for your patience thatbitextra.....but you're gonna shoot me. I tried your suggestion, but it's still not the area I'm trying to change...I want to change the color of the category titles. These are the titles above all of the different forums. This is the area of text I have been trying to edit, but it doesn't seem to make any change.....

/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

billvasko · Post by **billvasko** » Tue Dec 12, 2006 5:13 pm

by the way, thatbitextra, I moved things around in my header using your suggestions and it turned out great! thanks for the help with that!!

Alkimistus · Post by **Alkimistus** » Mon Jan 22, 2007 10:32 am

Hello. I installed the skin long ago and i like it a lot. I have though one problem with it. I changed colours of the skin totally, and i have set white colour as main forum text colour - the problem is, that the window for log-in is also white, so that when you type in the nickname and password, you can't see 'em. Any help about this available?

Thatbitextra · Post by **Thatbitextra** » Mon Jan 22, 2007 11:17 am

Link to forum?

Toni73 · Post by **Toni73** » Thu Feb 22, 2007 10:27 am

Great skin, thanks for the hard work you put into it.

I wanted to change a few things but dont know how.

I dont know if linking is allowed but this is my forum. By the way its in Spanish.
http://autocare.es/forum/

what I would like to change is the buttons on the top right hand side which are the messages(mensajes) button, Log in/out button, and the register (registrar)button. I would like to loose the links next to each button and insert the buttons in the same line the other buttons are at (the search button,members etc etc) but have these that are at the top moved to the right side in that bar.

I would like to put a banner where the buttons are, what do I need to do that also?

If someone could tell me how I can do that I would really appreciate it.

phpBB • Free and Open Source Forum Software

Features

Demo

Showcase

Get Involved

3.3 New Features

The Team

Contact Us

Advertising

Latest Version

Update Packages

Language Packs

Extensions

Styles

Official Tools

Customisation Database

Extensions

Extensions DB

Styles

Styles DB

Documentation

Knowledge Base

Support Forums

Discord / IRC

International Support

Area51 phpBB Development

phpBB Bug Tracker

phpBB Ideas

Security Tracker

Development Wiki

GSoC

Support Forums

Extensions Forums

Styles Forums

phpBB Discussion

General Discussion

Area51

[2.0.16] Aluminoid

Rating:

advertisements