phpBB Academy at StarTrekGuide

phpBB3 MODs and Styles Development - Olympus MOD Database - phpBB programming Academy

Skip to content

[3.0.1] X-Treme Style v3.2 (Blue-Red-Green)

Styles / Graphics for phpBB3 Olympus

Moderator: STG Styles Team

Forum rules
Image
Please feel free to download any MOD's here, support for each MOD is located it's own thread.

To post your own MOD, please first read the MOD Guidelines
Post a reply

Re: [3.0.0] X-Treme Style v3.0

Postby beggers » 23 Mar 2008, 20:32

This is an awesome style, but I tried to view the live demo but it displays an SQL error. :this:
User avatar
beggers     Bryan
Supporter
Supporter
 
Posts: 166
Joined: 25 Jan 2008, 23:46
Favorite Team: Oakland Raiders
Gender: Male
phpBB Knowledge: 4
Top
Advertise on StarTrekGuide/phpBB Academy



phpBB Academy at StarTrekGuide
Support STG
Using PayPal Donate

Re: [3.0.0] X-Treme Style v3.0

Postby Sigma » 23 Mar 2008, 21:35

There is an error in the title for categories. The category name is the name of the first forum within that category.

In the attached image the name of the category should be Support but instead it is Frequently Asked Questions, the first forum in the category.

I would really appreciate any help or support.
Attachments
title_error.gif
Sigma
Crewman
Crewman
 
Posts: 7
Joined: 23 Feb 2008, 13:18
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.0

Postby sam_xp » 24 Mar 2008, 02:29

jimaniac wrote:Hey man i found solution....you have to be more carefull if you copy part of code because even a small comma can make a difference...

The code wasn't working on explorer because you have in example:

Code: Select all
<!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  </SCRIPT>


BUT you should have

Code: Select all
<!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  //-->
                  </SCRIPT>



You forget the //--> ....

fill the missing //--> after setrollover and before </SCRIPT> in the parts that is missing...

and for you...the complete HTML that is working allright:

Spoiler:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<body onLoad="show_clock()">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />



<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->

function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}

window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}

function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var perpage = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';

if (page !== null && !isNaN(page) && page > 0)
{
document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * perpage);
}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}

if (!parent)
{
return;
}

var rb = parent.getElementsByTagName('input');

for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}

<!-- IF ._file -->

/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();

if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);

var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}

obj.width = width;
obj.height = height + 16;

obj.SetControllerVisible(true);

obj.Play();
}
<!-- ENDIF -->

// ]]>
</script>
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</SCRIPT>

</head>
<body class="{S_CONTENT_DIRECTION}">

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

<div id="wrapheader">
   <table id="bx" width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
         <table id="bx" width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h11.png" width="40" height="40" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h12.png" width="100" height="40" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h13.png" width="100%" height="40">
            <td><img src="{T_THEME_PATH}/images/header/h14.png" width="100" height="40" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h15.png" width="40" height="40" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" width="100%" height="140" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h21.png" width="40" height="140" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h22.png" width="100" height="140" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h23.png" width="100%" height="140">
               <div id="logodesc">
                  <table width="100%" cellspacing="0">
                     <tr>
                        <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
                        <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
                     </tr>
                  </table>
               </div>
            </td>
            <td><img src="{T_THEME_PATH}/images/header/h24.png" width="100" height="140" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h25.png" width="40" height="140" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" width="100%" height="66" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h31.png" width="40" height="66" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h32.png" width="100" height="66" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <A HREF="{U_INDEX}"
               onMouseOver = "rollover('home')"
               onMouseOut = "rollout('home')"
               >
               <IMG SRC="{T_THEME_PATH}/images/buttons/home1.png"
               NAME="home"
               ALT="Home Page" BORDER=0
               HEIGHT=40 WIDTH=101
               >
               </A>
               <SCRIPT TYPE="text/javascript">
               <!--
               setrollover("{T_THEME_PATH}/images/buttons/home2.png");
               //-->
               </SCRIPT>
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <A HREF="{U_FAQ}"
               onMouseOver = "rollover('faq')"
               onMouseOut = "rollout('faq')"
               >
               <IMG SRC="{T_THEME_PATH}/images/buttons/faq1.png"
               NAME="faq"
               ALT="Home Page" BORDER=0
               HEIGHT=40 WIDTH=101
               >
               </A>
               <SCRIPT TYPE="text/javascript">
               <!--
               setrollover("{T_THEME_PATH}/images/buttons/faq2.png");
               //-->
               </SCRIPT>
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF not S_IS_BOT -->
                  <A HREF="{U_TEAM}"
                  onMouseOver = "rollover('team')"
                  onMouseOut = "rollout('team')"
                  >
                  <IMG SRC="{T_THEME_PATH}/images/buttons/team1.png"
                  NAME="team"
                  ALT="Home Page" BORDER=0
                  HEIGHT=40 WIDTH=101
                  >
                  </A>
                  <SCRIPT TYPE="text/javascript">
                  <!--
                  setrollover("{T_THEME_PATH}/images/buttons/team2.png");
                  //-->
                  </SCRIPT>
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF S_DISPLAY_SEARCH -->
                  <A HREF="{U_SEARCH}"
                  onMouseOver = "rollover('search')"
                  onMouseOut = "rollout('search')"
                  >
                  <IMG SRC="{T_THEME_PATH}/images/buttons/search1.png"
                  NAME="search"
                  ALT="Home Page" BORDER=0
                  HEIGHT=40 WIDTH=101
                  >
                  </A>
                  <SCRIPT TYPE="text/javascript">
                  <!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  //-->
                  </SCRIPT>
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_DISPLAY_MEMBERLIST -->
                     <A HREF="{U_MEMBERLIST}"
                     onMouseOver = "rollover('members')"
                     onMouseOut = "rollout('members')"
                     >
                     <IMG SRC="{T_THEME_PATH}/images/buttons/members1.png"
                     NAME="members"
                     ALT="Home Page" BORDER=0
                     HEIGHT=40 WIDTH=101
                     >
                     </A>
                     <SCRIPT TYPE="text/javascript">
                     <!--
                     setrollover("{T_THEME_PATH}/images/buttons/members2.png");
                     //-->
                     </SCRIPT>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="100%" height="66"></td>
            <td><img src="{T_THEME_PATH}/images/header/h34.png" width="100" height="66" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h35.png" width="40" height="66" alt=""></td>
         </table>
      </tr>
   </table>
</div>

<div id="wrapcentre">
   <table id="bx" width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
         <table id="bx" height="45" border="0" cellpadding="0" cellspacing="0" align="center">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_01.png" width="61" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_02.png" width="20%" height="45"></td>
            <td><img src="{T_THEME_PATH}/images/p_menu/cu_l.png" width="44" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <h5>
                  <!-- IF not S_IS_BOT -->
                     <!-- IF S_USER_LOGGED_IN -->
                        <!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"> {PRIVATE_MESSAGE_INFO}
                           <!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}
                           <!-- ENDIF --></a>
                        <!-- ENDIF -->
                     <!-- ELSE --> &nbsp;<a href="{U_REGISTER}"> {L_REGISTER}</a>
                     <!-- ENDIF -->
                  <!-- ENDIF -->
               </h5>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <h5>
                  <!-- IF not S_IS_BOT -->
                     <a href="{U_LOGIN_LOGOUT}"> {L_LOGIN_LOGOUT}</a>&nbsp;
                  <!-- ENDIF -->
                  <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}"> {L_RESTORE_PERMISSIONS}</a>
                  <!-- ENDIF -->
                  <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span>
                  <!-- ENDIF -->
               </h5>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
                     <h5>
                        <a href="{U_PROFILE}"> {L_PROFILE}</a>
                     </h5>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/cu_r.png" width="45" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_02.png" width="20%" height="45"></td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_03.png" width="61" height="45" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" height="45" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_08.png" width="61" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="100%" height="45">
               <table width="100%" cellspacing="0">
                  <tr>
                     <!-- IF S_DISPLAY_SEARCH -->
                        <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                           <A HREF="{U_SEARCH_UNANSWERED}"
                           onMouseOver = "rollover('search_unanswered')"
                           onMouseOut = "rollout('search_unanswered')"
                           >
                           <IMG SRC="{T_THEME_PATH}/images/buttons/ut1.png"
                           NAME="search_unanswered"
                           ALT="{L_SEARCH_UNANSWERED}" BORDER=0
                           HEIGHT=36 WIDTH=133
                           >
                           </A>
                           <SCRIPT TYPE="text/javascript">
                           <!--
                           setrollover("{T_THEME_PATH}/images/buttons/ut2.png");
                           //-->
                           </SCRIPT>
                        </td>
                        <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                           <A HREF="{U_SEARCH_ACTIVE_TOPICS}"
                           onMouseOver = "rollover('search_active')"
                           onMouseOut = "rollout('search_active')"
                           >
                           <IMG SRC="{T_THEME_PATH}/images/buttons/at1.png"
                           NAME="search_active"
                           ALT="{L_SEARCH_ACTIVE_TOPICS}" BORDER=0
                           HEIGHT=36 WIDTH=133
                           >
                           </A>
                           <SCRIPT TYPE="text/javascript">
                           <!--
                           setrollover("{T_THEME_PATH}/images/buttons/at2.png");
                           //-->
                           </SCRIPT>
                        </td>
                        <td align="center" width="60%">
                           <!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}
                           <!-- ENDIF -->
                        </td>
                           <!-- IF S_USER_LOGGED_IN -->
                              <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                                 <A HREF="{U_SEARCH_NEW}"
                                 onMouseOver = "rollover('search_new')"
                                 onMouseOut = "rollout('search_new')"
                                 >
                                 <IMG SRC="{T_THEME_PATH}/images/buttons/np1.png"
                                 NAME="search_new"
                                 ALT="{L_SEARCH_NEW}" BORDER=0
                                 HEIGHT=36 WIDTH=133
                                 >
                                 </A>
                                 <SCRIPT TYPE="text/javascript">
                                 <!--
                                 setrollover("{T_THEME_PATH}/images/buttons/np2.png");
                                 //-->
                                 </SCRIPT>
                              </td>
                              <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                                 <A HREF="{U_SEARCH_SELF}"
                                 onMouseOver = "rollover('search_your')"
                                 onMouseOut = "rollout('search_your')"
                                 >
                                 <IMG SRC="{T_THEME_PATH}/images/buttons/yp1.png"
                                 NAME="search_your"
                                 ALT="{L_SEARCH_SELF}" BORDER=0
                                 HEIGHT=36 WIDTH=133
                                 >
                                 </A>
                                 <SCRIPT TYPE="text/javascript">
                                 <!--
                                 setrollover("{T_THEME_PATH}/images/buttons/yp2.png");
                                 //-->
                                 </SCRIPT>
                              </td>
                           <!-- ENDIF -->
                     <!-- ENDIF -->
                  </tr>
               </table>
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_09.png" width="61" height="45" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" height="40" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_10.png" width="61" height="40" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="50%" height="40"></td>
            <td background="{T_THEME_PATH}/images/p_menu/clock.png" width="350" height="40">
               <p class="gensmallclock" align="center">
                  <script language="javascript" src="liveclock.js">
                  </script>
               </p>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="20%" height="40"></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="30%" height="40" align="right">
               <!-- IF not S_IS_BOT -->
                  <a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a>
               <!-- ENDIF -->
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_13.png" width="61" height="40" alt=""></td>
         </table>
      </tr>
   </table>

<!-- INCLUDE breadcrumbs.html -->

<br />



Thanks Alot :good: , I deleted it by mistake thinking its a comment (as its used in c++) :banghead:

Now its working fine, but why was firefox displaying it right ?
sam_xp
Cadet II
Cadet II
 
Posts: 22
Joined: 07 Feb 2008, 08:00
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.0

Postby jimaniac » 24 Mar 2008, 06:28

Sigma wrote:There is an error in the title for categories. The category name is the name of the first forum within that category.

In the attached image the name of the category should be Support but instead it is Frequently Asked Questions, the first forum in the category.

I would really appreciate any help or support.


Yes the Demo forum is down! I will try to make another one
User avatar
jimaniac
Supporter
Supporter
 
Posts: 49
Joined: 18 May 2007, 13:01
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.0

Postby jimaniac » 24 Mar 2008, 06:31

Sigma wrote:There is an error in the title for categories. The category name is the name of the first forum within that category.

In the attached image the name of the category should be Support but instead it is Frequently Asked Questions, the first forum in the category.

I would really appreciate any help or support.


I think this is a common error in subsilver 2 based styles! If you have a subforum then the subforum title is the title of first forum inside it! Thanks for bringing this up! I will try to find a possible solution!

sam_xp wrote:
jimaniac wrote:Hey man i found solution....you have to be more carefull if you copy part of code because even a small comma can make a difference...

The code wasn't working on explorer because you have in example:

Code: Select all
<!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  </SCRIPT>


BUT you should have

Code: Select all
<!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  //-->
                  </SCRIPT>



You forget the //--> ....

fill the missing //--> after setrollover and before </SCRIPT> in the parts that is missing...

and for you...the complete HTML that is working allright:

Spoiler:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<body onLoad="show_clock()">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />



<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->

function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}

window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}

function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var perpage = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';

if (page !== null && !isNaN(page) && page > 0)
{
document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * perpage);
}
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}

if (!parent)
{
return;
}

var rb = parent.getElementsByTagName('input');

for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}

<!-- IF ._file -->

/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();

if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);

var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}

obj.width = width;
obj.height = height + 16;

obj.SetControllerVisible(true);

obj.Play();
}
<!-- ENDIF -->

// ]]>
</script>
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.

var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</SCRIPT>

</head>
<body class="{S_CONTENT_DIRECTION}">

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

<div id="wrapheader">
   <table id="bx" width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
         <table id="bx" width="100%" height="40" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h11.png" width="40" height="40" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h12.png" width="100" height="40" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h13.png" width="100%" height="40">
            <td><img src="{T_THEME_PATH}/images/header/h14.png" width="100" height="40" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h15.png" width="40" height="40" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" width="100%" height="140" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h21.png" width="40" height="140" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h22.png" width="100" height="140" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h23.png" width="100%" height="140">
               <div id="logodesc">
                  <table width="100%" cellspacing="0">
                     <tr>
                        <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
                        <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
                     </tr>
                  </table>
               </div>
            </td>
            <td><img src="{T_THEME_PATH}/images/header/h24.png" width="100" height="140" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h25.png" width="40" height="140" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" width="100%" height="66" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/header/h31.png" width="40" height="66" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h32.png" width="100" height="66" alt=""></td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <A HREF="{U_INDEX}"
               onMouseOver = "rollover('home')"
               onMouseOut = "rollout('home')"
               >
               <IMG SRC="{T_THEME_PATH}/images/buttons/home1.png"
               NAME="home"
               ALT="Home Page" BORDER=0
               HEIGHT=40 WIDTH=101
               >
               </A>
               <SCRIPT TYPE="text/javascript">
               <!--
               setrollover("{T_THEME_PATH}/images/buttons/home2.png");
               //-->
               </SCRIPT>
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <A HREF="{U_FAQ}"
               onMouseOver = "rollover('faq')"
               onMouseOut = "rollout('faq')"
               >
               <IMG SRC="{T_THEME_PATH}/images/buttons/faq1.png"
               NAME="faq"
               ALT="Home Page" BORDER=0
               HEIGHT=40 WIDTH=101
               >
               </A>
               <SCRIPT TYPE="text/javascript">
               <!--
               setrollover("{T_THEME_PATH}/images/buttons/faq2.png");
               //-->
               </SCRIPT>
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF not S_IS_BOT -->
                  <A HREF="{U_TEAM}"
                  onMouseOver = "rollover('team')"
                  onMouseOut = "rollout('team')"
                  >
                  <IMG SRC="{T_THEME_PATH}/images/buttons/team1.png"
                  NAME="team"
                  ALT="Home Page" BORDER=0
                  HEIGHT=40 WIDTH=101
                  >
                  </A>
                  <SCRIPT TYPE="text/javascript">
                  <!--
                  setrollover("{T_THEME_PATH}/images/buttons/team2.png");
                  //-->
                  </SCRIPT>
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF S_DISPLAY_SEARCH -->
                  <A HREF="{U_SEARCH}"
                  onMouseOver = "rollover('search')"
                  onMouseOut = "rollout('search')"
                  >
                  <IMG SRC="{T_THEME_PATH}/images/buttons/search1.png"
                  NAME="search"
                  ALT="Home Page" BORDER=0
                  HEIGHT=40 WIDTH=101
                  >
                  </A>
                  <SCRIPT TYPE="text/javascript">
                  <!--
                  setrollover("{T_THEME_PATH}/images/buttons/search2.png");
                  //-->
                  </SCRIPT>
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="20%" height="66" align="center">
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_DISPLAY_MEMBERLIST -->
                     <A HREF="{U_MEMBERLIST}"
                     onMouseOver = "rollover('members')"
                     onMouseOut = "rollout('members')"
                     >
                     <IMG SRC="{T_THEME_PATH}/images/buttons/members1.png"
                     NAME="members"
                     ALT="Home Page" BORDER=0
                     HEIGHT=40 WIDTH=101
                     >
                     </A>
                     <SCRIPT TYPE="text/javascript">
                     <!--
                     setrollover("{T_THEME_PATH}/images/buttons/members2.png");
                     //-->
                     </SCRIPT>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            </td>
            <td background="{T_THEME_PATH}/images/header/h33.png" width="100%" height="66"></td>
            <td><img src="{T_THEME_PATH}/images/header/h34.png" width="100" height="66" alt=""></td>
            <td><img src="{T_THEME_PATH}/images/header/h35.png" width="40" height="66" alt=""></td>
         </table>
      </tr>
   </table>
</div>

<div id="wrapcentre">
   <table id="bx" width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
         <table id="bx" height="45" border="0" cellpadding="0" cellspacing="0" align="center">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_01.png" width="61" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_02.png" width="20%" height="45"></td>
            <td><img src="{T_THEME_PATH}/images/p_menu/cu_l.png" width="44" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <h5>
                  <!-- IF not S_IS_BOT -->
                     <!-- IF S_USER_LOGGED_IN -->
                        <!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"> {PRIVATE_MESSAGE_INFO}
                           <!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}
                           <!-- ENDIF --></a>
                        <!-- ENDIF -->
                     <!-- ELSE --> &nbsp;<a href="{U_REGISTER}"> {L_REGISTER}</a>
                     <!-- ENDIF -->
                  <!-- ENDIF -->
               </h5>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <h5>
                  <!-- IF not S_IS_BOT -->
                     <a href="{U_LOGIN_LOGOUT}"> {L_LOGIN_LOGOUT}</a>&nbsp;
                  <!-- ENDIF -->
                  <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}"> {L_RESTORE_PERMISSIONS}</a>
                  <!-- ENDIF -->
                  <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span>
                  <!-- ENDIF -->
               </h5>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/cu_m.png" width="20%" height="45" align="center">
               <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
                     <h5>
                        <a href="{U_PROFILE}"> {L_PROFILE}</a>
                     </h5>
                  <!-- ENDIF -->
               <!-- ENDIF -->
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/cu_r.png" width="45" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_02.png" width="20%" height="45"></td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_03.png" width="61" height="45" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" height="45" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_08.png" width="61" height="45" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="100%" height="45">
               <table width="100%" cellspacing="0">
                  <tr>
                     <!-- IF S_DISPLAY_SEARCH -->
                        <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                           <A HREF="{U_SEARCH_UNANSWERED}"
                           onMouseOver = "rollover('search_unanswered')"
                           onMouseOut = "rollout('search_unanswered')"
                           >
                           <IMG SRC="{T_THEME_PATH}/images/buttons/ut1.png"
                           NAME="search_unanswered"
                           ALT="{L_SEARCH_UNANSWERED}" BORDER=0
                           HEIGHT=36 WIDTH=133
                           >
                           </A>
                           <SCRIPT TYPE="text/javascript">
                           <!--
                           setrollover("{T_THEME_PATH}/images/buttons/ut2.png");
                           //-->
                           </SCRIPT>
                        </td>
                        <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                           <A HREF="{U_SEARCH_ACTIVE_TOPICS}"
                           onMouseOver = "rollover('search_active')"
                           onMouseOut = "rollout('search_active')"
                           >
                           <IMG SRC="{T_THEME_PATH}/images/buttons/at1.png"
                           NAME="search_active"
                           ALT="{L_SEARCH_ACTIVE_TOPICS}" BORDER=0
                           HEIGHT=36 WIDTH=133
                           >
                           </A>
                           <SCRIPT TYPE="text/javascript">
                           <!--
                           setrollover("{T_THEME_PATH}/images/buttons/at2.png");
                           //-->
                           </SCRIPT>
                        </td>
                        <td align="center" width="60%">
                           <!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}
                           <!-- ENDIF -->
                        </td>
                           <!-- IF S_USER_LOGGED_IN -->
                              <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                                 <A HREF="{U_SEARCH_NEW}"
                                 onMouseOver = "rollover('search_new')"
                                 onMouseOut = "rollout('search_new')"
                                 >
                                 <IMG SRC="{T_THEME_PATH}/images/buttons/np1.png"
                                 NAME="search_new"
                                 ALT="{L_SEARCH_NEW}" BORDER=0
                                 HEIGHT=36 WIDTH=133
                                 >
                                 </A>
                                 <SCRIPT TYPE="text/javascript">
                                 <!--
                                 setrollover("{T_THEME_PATH}/images/buttons/np2.png");
                                 //-->
                                 </SCRIPT>
                              </td>
                              <td background="{T_THEME_PATH}/images/p_menu/p_85.png" width="10%" height="36" align="center">
                                 <A HREF="{U_SEARCH_SELF}"
                                 onMouseOver = "rollover('search_your')"
                                 onMouseOut = "rollout('search_your')"
                                 >
                                 <IMG SRC="{T_THEME_PATH}/images/buttons/yp1.png"
                                 NAME="search_your"
                                 ALT="{L_SEARCH_SELF}" BORDER=0
                                 HEIGHT=36 WIDTH=133
                                 >
                                 </A>
                                 <SCRIPT TYPE="text/javascript">
                                 <!--
                                 setrollover("{T_THEME_PATH}/images/buttons/yp2.png");
                                 //-->
                                 </SCRIPT>
                              </td>
                           <!-- ENDIF -->
                     <!-- ENDIF -->
                  </tr>
               </table>
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_09.png" width="61" height="45" alt=""></td>
         </table>
      </tr>
      <tr>
         <table id="bx" height="40" border="0" cellpadding="0" cellspacing="0">
            <td><img src="{T_THEME_PATH}/images/p_menu/p_10.png" width="61" height="40" alt=""></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="50%" height="40"></td>
            <td background="{T_THEME_PATH}/images/p_menu/clock.png" width="350" height="40">
               <p class="gensmallclock" align="center">
                  <script language="javascript" src="liveclock.js">
                  </script>
               </p>
            </td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="20%" height="40"></td>
            <td background="{T_THEME_PATH}/images/p_menu/p_11.png" width="30%" height="40" align="right">
               <!-- IF not S_IS_BOT -->
                  <a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a>
               <!-- ENDIF -->
            </td>
            <td><img src="{T_THEME_PATH}/images/p_menu/p_13.png" width="61" height="40" alt=""></td>
         </table>
      </tr>
   </table>

<!-- INCLUDE breadcrumbs.html -->

<br />



Thanks Alot :good: , I deleted it by mistake thinking its a comment (as its used in c++) :banghead:

Now its working fine, but why was firefox displaying it right ?


It was working on firefox because firefox renders the whole page with a diferent way that IE does! That's why i hate IE and love FF! IE is a strange browser!
User avatar
jimaniac
Supporter
Supporter
 
Posts: 49
Joined: 18 May 2007, 13:01
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.0

Postby sam_xp » 24 Mar 2008, 08:37

jimaniac wrote:It was working on firefox because firefox renders the whole page with a diferent way that IE does! That's why i hate IE and love FF! IE is a strange browser!

Thanks man , by the way I modified the buttons and made them in arabic, if you want I can send them to you to include them in any future release for this great style

Also when are you planning to release the Red Version, thanks
sam_xp
Cadet II
Cadet II
 
Posts: 22
Joined: 07 Feb 2008, 08:00
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.0

Postby jimaniac » 24 Mar 2008, 12:10

We currently working with a guy (he is arabic) for a premoded version of phpbb3!

If it is ok and not breaking the rules a moderator could allow me to post the link!

We have add many mods and a wonderfull new skin (which is for premoded only) and for now i am a little busy on that project! But i think that a red version of X-treme as a version of premoded too is not far away! Well as everything go to plan....
User avatar
jimaniac
Supporter
Supporter
 
Posts: 49
Joined: 18 May 2007, 13:01
Gender: Male
Top

Re: [3.0.0] X-Treme Style v3.1

Postby jimaniac » 25 Mar 2008, 17:21

Style updated to v3.1!
User avatar
jimaniac
Supporter
Supporter
 
Posts: 49
Joined: 18 May 2007, 13:01
Gender: Male
Top

Re: [phpBB3 v3.0.0] X-Treme Style v3.1 (BLUE-RED-More to come)

Postby jimaniac » 28 Mar 2008, 13:00

Red Version added! More on the way! Keep in touch people!
User avatar
jimaniac
Supporter
Supporter
 
Posts: 49
Joined: 18 May 2007, 13:01
Gender: Male
Top

Re: [phpBB3 v3.0.0] X-Treme Style v3.1 (BLUE-RED-More to come)

Postby Ika » 28 Mar 2008, 16:44

Awesome Jim! keep it up! ---On a side note are you still developing x-pload?
Image
05.08.09 The Black Ice Project
Please use the forums for support requests. Review the Board Rules here.
Ika     Chris
STG Styles Team
STG Styles Team
 
Posts: 1618
Joined: 08 Jul 2007, 09:57
Location: Charlotte, NC USA
Favorite Team: Pittsburgh Steelers
Gender: Male
phpBB Knowledge: 8
Top
PreviousNext
Post a reply

Return to Styles

Who is online

Users browsing this forum: No registered users and 8 guests

Advertise on StarTrekGuide/phpBB Academy


Support STG Using PayPal Donate
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
© 2006 StarTrekGuide / phpBBAcademy

Time : 1.626s | 18 Queries | GZIP : On