Page 4 of 7

Posted: Fri Dec 08, 2006 10:23 am
by Maroki
Excuse, I did not like its skin.

Posted: Sat Dec 09, 2006 9:13 pm
by Unre4L
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.

Posted: Tue Dec 12, 2006 12:13 am
by billvasko
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.....

Posted: Tue Dec 12, 2006 1:55 am
by Thatbitextra
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.

Posted: Tue Dec 12, 2006 2:14 am
by billvasko
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.

Posted: Tue Dec 12, 2006 2:25 am
by Thatbitextra
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}">
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<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
  The original Aluminoid Theme for phpBB version 2+ made from the subSilver 2.0.13 files
  Created by subBlue design

  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.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.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 */,, 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"); 
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
	{'{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
<!-- END switch_enable_pm_popup -->
<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"> 
		<td><table width="100%" cellspacing="0" cellpadding="0" border="0" background="templates/aluminoid/images/metal.gif">
				<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">
						<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>
				<td align="left" valign="top" colspan="2">
					<img src="images/spacer.gif" width="1" height="10" align="top">
				<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>



Posted: Tue Dec 12, 2006 3:35 am
by billvasko
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...

Posted: Tue Dec 12, 2006 3:50 am
by Thatbitextra
I've fixed that as well. I set it to #555 - change it if you are after something else.

Posted: Tue Dec 12, 2006 4:14 am
by billvasko
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!

Posted: Tue Dec 12, 2006 4:29 am
by Thatbitextra
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;

Posted: Tue Dec 12, 2006 1:29 pm
by billvasko
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; }

Posted: Tue Dec 12, 2006 5:13 pm
by billvasko
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!!

Posted: Mon Jan 22, 2007 10:32 am
by Alkimistus
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?


Posted: Mon Jan 22, 2007 11:17 am
by Thatbitextra
Link to forum?

Posted: Thu Feb 22, 2007 10:27 am
by Toni73
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.

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.