[2.0.16] Aluminoid

This is an archive of the phpBB 2.0.x styles that were in our database. The release topics are here for reference, but we no longer host or support these styles.

Rating:

Excellent!
32
59%
Very Good
10
19%
Good
9
17%
Fair
2
4%
Poor
1
2%
 
Total votes: 54

Maroki
Registered User
Posts: 11
Joined: Thu Dec 07, 2006 11:28 pm

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

Excuse, I did not like its skin.

Unre4L
Registered User
Posts: 25
Joined: Sun Dec 03, 2006 5:09 pm

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.
Signatures Suck

billvasko
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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.....

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

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.
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

billvasko
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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.
Last edited by billvasko on Tue Dec 12, 2006 3:32 am, edited 1 time in total.

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

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>

		
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

billvasko
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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...

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

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.
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

billvasko
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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. :oops: Thanks again!

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

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;
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

billvasko
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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
Registered User
Posts: 90
Joined: Wed Nov 08, 2006 5:25 am

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
Registered User
Posts: 27
Joined: Tue Nov 07, 2006 2:27 pm

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?


Image

User avatar
Thatbitextra
Former Team Member
Posts: 7605
Joined: Mon Mar 21, 2005 5:04 am
Location: A place where something is or could be located; a site.
Contact:

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

Link to forum?
Styles KB
My MODs: Choose Who to Accept PMs From (Prevents unwanted PMs!) | Warn of Old Topic Before Posting Reply
Style: subBlack (Now updated to phpBB 2.0.22 and 5 new color schemes!)

Toni73
Registered User
Posts: 13
Joined: Thu Feb 22, 2007 10:06 am

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.

Locked

Return to “[2.0.x] Styles Database Releases”

Who is online

Users browsing this forum: No registered users and 2 guests