Page 1 of 1

Style Requests - X-Static

Posted: 25. April 2009 07:18
by lolobugui
Hi, I need this style files http://demo.phpbb3styles.net/X-Static.

Is subsilver2 but with the subsilver2 files not look very fine the Board3 Portal 1.0.3.

I install your portal but the right boxes are in the bottom not in the right and occupy the full width of the page. So uninstall and continued using esasyPortal but your Portal is best.

Thanks for all an congratulations.

Re: Style Requests - X-Static

Posted: 25. April 2009 13:49
by Mike

Re: Style Requests - X-Static

Posted: 25. April 2009 16:19
by lolobugui
Yes Mike,
That is exactly what I was looking for, how can I have my forum like this?

Re: Style Requests - X-Static

Posted: 25. April 2009 22:45
by Mike
As first you need to update to the latest version (1.0.3) of Board3 (if you dont have already).
Install this Style to your Board, and copy the subsilver2 files from the Board3 download to the folder of this Style.
If you already customiced your Style, you need to made the changes by yourself by using contrib/subsilver2.xml.
Otherwise you can use my files.
Make a Backup first ;)

/styles/X-Static/template/breadcrumbs.html

Code: Select all

<table width="100%">
<tr>
<td>
	<p class="h-pag">
	    <!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}">{L_INDEX}</a><!-- BEGIN navlinks -->&nbsp;&#187;&nbsp;<a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></p>
</td>
	</tr>
	</table>
/styles/X-Static/template/overall_header.html

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>

<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="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="phpbb, skin, skins, x-treme, design, template, templates, phpbb skin, phpbb template, x-treme skin, phpbb3" />
<meta name="description" content="phpbb skins and designs! skin-lab.com is the best choise for your forum template" />
{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(/&/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(/&/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">
// <![CDATA[
/***********************************************
* AnyLink Drop Down Menu- Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for Poster Options
<!-- BEGIN postrow -->
var menu{postrow.POSTER_ID}=new Array()
menu{postrow.POSTER_ID}[0]='<!-- IF postrow.U_PROFILE --><a href="{postrow.U_POST_AUTHOR}"><img src="{T_THEME_PATH}/images/prof.png" style="vertical-align: top;">&nbsp;&nbsp;{L_READ_PROFILE}</a><!-- ENDIF -->'
menu{postrow.POSTER_ID}[1]='<!-- IF postrow.U_PM --><a href="{postrow.U_PM}"><img src="{T_THEME_PATH}/images/send_pm_small.png" style="vertical-align: top;">&nbsp;&nbsp;{L_PM}</a><!-- ENDIF -->'
menu{postrow.POSTER_ID}[2]='<!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}"><img src="{T_THEME_PATH}/images/email.png" style="vertical-align: top;">&nbsp;&nbsp;{L_EMAIL}</a><!-- ENDIF -->'
menu{postrow.POSTER_ID}[3]='<!-- IF postrow.U_WWW --><a href="{postrow.U_WWW}"><img src="{T_THEME_PATH}/images/www.png" style="vertical-align: top;">&nbsp;&nbsp;{L_WEBSITE}</a><!-- ENDIF -->'
menu{postrow.POSTER_ID}[4]='<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}"><img src="{T_THEME_PATH}/images/warn.png" style="vertical-align: top;">&nbsp;&nbsp;{L_WARN_USER}</a><!-- ENDIF -->'
<!-- END postrow -->
//Contents for Forum Options
var menu_forum_menu=new Array()
menu_forum_menu[0]='<!-- IF S_WATCH_FORUM_LINK and not S_IS_BOT --><a href="{S_WATCH_FORUM_LINK}"><img src="{T_THEME_PATH}/images/script_add.png" style="vertical-align: top;">&nbsp;&nbsp;{S_WATCH_FORUM_TITLE}</a><!-- ENDIF -->'
menu_forum_menu[1]='<!-- IF not S_IS_BOT and U_MARK_TOPICS --><a href="{U_MARK_TOPICS}"><img src="{T_THEME_PATH}/images/tick.png" style="vertical-align: top;">&nbsp;&nbsp;{L_MARK_TOPICS_READ}</a><!-- ENDIF -->'
//Contents for Topic Options
var menu_topic_menu=new Array()
menu_topic_menu[0]='<!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}"><img src="{T_THEME_PATH}/images/sub.png" style="vertical-align: top;">&nbsp;&nbsp;{L_WATCH_TOPIC}</a><!-- ENDIF -->'
menu_topic_menu[1]='<!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}"><img src="{T_THEME_PATH}/images/book.png" style="vertical-align: top;">&nbsp;&nbsp;{L_BOOKMARK_TOPIC}</a><!-- ENDIF -->'
menu_topic_menu[2]='<!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}"><img src="{T_THEME_PATH}/images/printer.png" style="vertical-align: top;">&nbsp;&nbsp;{L_PRINT_TOPIC}</a><!-- ENDIF -->'
menu_topic_menu[3]='<!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}"><img src="{T_THEME_PATH}/images/email_friend.png" style="vertical-align: top;">&nbsp;&nbsp;{L_EMAIL_TOPIC}</a><!-- ENDIF -->'
menu_topic_menu[4]='<!-- IF U_BUMP_TOPIC --><div id="border-bottom"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}"><img src="{T_THEME_PATH}/images/bump.png" style="vertical-align: top;">&nbsp;&nbsp;{L_BUMP_TOPIC}</a></div><!-- ENDIF -->'
//Contents for View Menu
var menu_view_menu=new Array()
menu_view_menu[0]='<!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_UNANSWERED}" title="{L_SEARCH_UNANSWERED}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">&nbsp;&nbsp;{L_SEARCH_UNANSWERED}</a><!-- ENDIF -->'
menu_view_menu[1]='<!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH_ACTIVE_TOPICS}" title="{L_SEARCH_ACTIVE_TOPICS}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">&nbsp;&nbsp;{L_SEARCH_ACTIVE_TOPICS}</a><!-- ENDIF -->'
menu_view_menu[2]='<!-- IF S_DISPLAY_SEARCH --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">&nbsp;&nbsp;{L_SEARCH_NEW}</a><!-- ENDIF --><!-- ENDIF -->'
menu_view_menu[3]='<!-- IF S_DISPLAY_SEARCH --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}"><img src="{T_THEME_PATH}/images/arrow_right.png" style="vertical-align: top;">&nbsp;&nbsp;{L_SEARCH_SELF}</a><!-- ENDIF --><!-- ENDIF -->'
var menuwidth='200px' //default menu width
var menubgcolor='#F2F2F3'  //menu bgcolor
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById && !document.all
var defaultwidth=menuwidth
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
if (typeof menuwidth=='undefined'||menuwidth=='selfc'){
tmpspan.style.display='inline'
dropmenuobj.widthobj.width=tmpspan.offsetWidth+'px'
tmpspan.style.display='none'
}
else if (menuwidth!='')
dropmenuobj.widthobj.width=menuwidth
else
dropmenuobj.widthobj.width=defaultwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6){
var appendit=0
if (typeof tmpspan=='undefined'){
tmpspan=document.createElement('span')
appendit=1
}
if(appendit){
tmpspan.style.position="absolute"
tmpspan.style.left="-1000px"
tmpspan.id='tspan'
document.body.appendChild(tmpspan)
tmpspan.style.display='none'
}
tmpspan.innerHTML=dropmenuobj.innerHTML=what.join("")
}
}
function dropdownmenu(obj, e, menucontents, menuwidth){
obj.onmouseout=delayhidemenu;
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
	<div id="wrapheader">
		<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="top_center">
		<div class="top_title">
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="top_bar_button_left" href="{U_INDEX}" >{L_HOME}</a>
			</h5>
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="top_bar_button_cl" href="{U_FAQ}" >{L_FAQ}</a>
			</h5>
			<!-- IF not S_IS_BOT -->
				<!-- IF S_DISPLAY_MEMBERLIST -->
					<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
						<a class="top_bar_button_cl" href="{U_MEMBERLIST}" >{L_MEMBERLIST}</a>
					</h5>
				<!-- ENDIF -->
			<!-- ENDIF -->
			<!-- IF S_DISPLAY_SEARCH -->
				<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
					<a class="top_bar_button_right" href="{U_SEARCH}" >{L_SEARCH}</a>
				</h5>
			<!-- ENDIF -->
			<!-- IF U_ACP -->
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="top_bar_button_cr_red" href="{U_ACP}">{L_ACP}</a>
			</h5>
		<!-- ENDIF -->
		</div>
		</div>
		<!-- ENDIF -->
	<div id="top_logo">
		<table  width="100%" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
				<td align="center" valign="top" height="50">
					<p class="gensmallclock">
						<script language="javascript" src="{T_TEMPLATE_PATH}/liveclock.js" type="text/javascript"></script>
					</p>
				</td>
				<td align="right" valign="bottom" rowspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" valign="top"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
			</tr>
		</table>
	</div>
	<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
	<div class="cp_center">
	<div class="cp_title">
		<!-- IF not S_IS_BOT -->
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="cp_left" href="{U_LOGIN_LOGOUT}" >{L_LOGIN_LOGOUT}</a>
			</h5>
		<!-- ENDIF -->
		<!-- IF U_RESTORE_PERMISSIONS -->
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="cp_cl" href="{U_RESTORE_PERMISSIONS}" >{L_RESTORE_PERMISSIONS}</a>
			</h5>
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN -->
				<!-- ELSEIF S_REGISTER_ENABLED -->
					<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
						<a class="cp_cl" href="{U_REGISTER}" >{L_REGISTER}</a>
					</h5>
				<!-- ENDIF -->
			<!-- ENDIF -->
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="cp_cl_drop" href="#" onclick="return dropdownmenu(this, event, menu_view_menu, '200px')">{L_OPTIONS}</a>
			</h5>
			<!-- IF not S_IS_BOT -->
				<!-- IF S_USER_LOGGED_IN -->
					<!-- IF S_DISPLAY_PM -->
						<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
							<a class="cp_right" href="{U_PRIVATEMSGS}" >
								<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->
									<font color="#ff3636">{PRIVATE_MESSAGE_INFO} - {PRIVATE_MESSAGE_INFO_UNREAD}</font></a>
								<!-- ELSE -->
									{PRIVATE_MESSAGE_INFO} </a>
								<!-- ENDIF -->
						</h5>
					<!-- ENDIF -->
				<!-- ELSE -->
				<h5 style="margin-top:0px;margin-right:0px;">
					<span class="cp_right_null" >&nbsp;</span>
				</h5>
			<!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN -->
				<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
					<a class="cp_cr" href="{U_PROFILE}">{L_PROFILE}</a>
				</h5>
			<!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF U_MCP -->
			<h5 style="margin-top:0px;margin-right:0px;cursor:pointer;">
				<a class="cp_mod" href="{U_MCP}">{L_MCP}</a>
			</h5>
		<!-- ENDIF -->

	</div>
	</div>
	
	<table width="100%" cellspacing="0" cellpadding="0" border="0">
		<tr>
			<td class="h-pag-l" colspan="3" width="46"><img src="{T_THEME_PATH}/images/pag_arrow.png" alt="" /></td>
			<td class="h-pag-r" colspan="3" width="100%"><!-- INCLUDE breadcrumbs.html --></td>
		</tr>
	</table>
	<!-- ENDIF -->
	<div class="c-f-l"><div class="c-f-r"><div class="c-f-c">&nbsp;</div></div></div>
	<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --><span style="color:#CC3333;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
	<div id="wrapcentre">
	<br style="clear: both;" />
Replace your /styles/X-Static/template/portal/_block_config.html with this one.

The Headermenu can be switched on/off via ACP now ;)
The reported problem with the moved Blocks is a bug in two files. It will work if you have at least one posting in your Board. ;)

Re: Style Requests - X-Static

Posted: 28. April 2009 01:15
by lolobugui
thanks very very much,
I will try to install it and tell you.

Re: Style Requests - X-Static

Posted: 21. May 2009 05:49
by mej284
I have done the styles for all of the skin_lab styles (X-treme, X-Static, X-iPhone, X-i-tunes and X-Vision) You can find them here with install files in the contrib folder on the edits reguired. http://www.skin-lab.com/forum/viewtopic ... 49&start=0