how to remove widgets on a HTML page?
2 posters
Page 1 of 1
how to remove widgets on a HTML page?
Hello, sorry to keep asking for support, but,
I'm working on a "Staff" html page, with icons and all of that. My problem is that I've got sidebar widgets on the forum & portal, but I don't want them on this page, but I do want all of the header. Is there any way of just removing the wdigets on this HTML page, or adding all of the header?
I'm working on a "Staff" html page, with icons and all of that. My problem is that I've got sidebar widgets on the forum & portal, but I don't want them on this page, but I do want all of the header. Is there any way of just removing the wdigets on this HTML page, or adding all of the header?
notMicElf- Forumember
- Posts : 377
Reputation : 0
Language : English, HTML, CSS, Java
Location : Not where you are =P
Re: how to remove widgets on a HTML page?
the header can be done in the forums templates if you are using phppb2 or punnbb version?
as far as the widgets. i believe that you would have to not show forums widgets. but then they will not show through the rest of the forum. they will only show in the portal. there might be a way to place a code using css. i am not a 100% certain and i will have to test a few things. in the mean time. just wait and see if another member or staff replies. if there is a way? someone will tell ya how. and i'm pretty sure you can by css.
as far as the widgets. i believe that you would have to not show forums widgets. but then they will not show through the rest of the forum. they will only show in the portal. there might be a way to place a code using css. i am not a 100% certain and i will have to test a few things. in the mean time. just wait and see if another member or staff replies. if there is a way? someone will tell ya how. and i'm pretty sure you can by css.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: how to remove widgets on a HTML page?
kirk wrote:the header can be done in the forums templates if you are using phppb2 or punnbb version?
as far as the widgets. i believe that you would have to not show forums widgets. but then they will not show through the rest of the forum. they will only show in the portal. there might be a way to place a code using css. i am not a 100% certain and i will have to test a few things. in the mean time. just wait and see if another member or staff replies. if there is a way? someone will tell ya how. and i'm pretty sure you can by css.
I copy and pasted the template for header, yet is seems to be disfunctional that way.
notMicElf- Forumember
- Posts : 377
Reputation : 0
Language : English, HTML, CSS, Java
Location : Not where you are =P
Re: how to remove widgets on a HTML page?
what s the code.
oh and make sure you scroll back down and hit the green + sighn to publish it.
if not post the code for me to take a look at
oh and make sure you scroll back down and hit the green + sighn to publish it.
if not post the code for me to take a look at
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: how to remove widgets on a HTML page?
Here is my forum's header CSS with some Javascript & HTML mixed in:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUp, logInIframe, logInContent, logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false, logInPopUpCss = '{T_HEAD_STYLESHEET}';
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN hitskin_preview -->
<style type="text/css">
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}
#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>
<!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<iframe id="login_popup_iframe" frameborder="0" scrolling="no"></iframe>
<div id="login_popup_content">
<div id="login_popup_background">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get" target="_parent">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center -->
<td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<td>
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
<a href="/portal.htm">
<img id="image1" src="http://i43.tinypic.com/2mpzhw7.gif" border=0 onmouseover="this.src='http://i43.tinypic.com/sbn1wy.gif';"
onmouseout="this.src='http://i43.tinypic.com/2mpzhw7.gif';"></a>
<a href="/forum.htm">
<img id="image2" src="http://i41.tinypic.com/2ev9r8k.gif" border=0 onmouseover="this.src='http://i41.tinypic.com/wi60d0.gif';"
onmouseout="this.src='http://i41.tinypic.com/2ev9r8k.gif';"></a>
<a href="/profile.forum?mode=editprofile">
<img id="image3" src="http://i42.tinypic.com/343lo4o.gif" border=0 onmouseover="this.src='http://i43.tinypic.com/2zjkzy8.gif';"
onmouseout="this.src='http://i42.tinypic.com/343lo4o.gif';"></a>
<a href="/Codes-h10.htm">
<img id="image5" src="http://i44.tinypic.com/iqeubo.gif" border=0 onmouseover="this.src='http://i41.tinypic.com/2eol6ki.gif';"
onmouseout="this.src='http://i44.tinypic.com/iqeubo.gif';"></a>
<a href="/msg.forum?folder=inbox">
<img id="image6" src="http://i41.tinypic.com/2a7sqpl.gif" border=0 onmouseover="this.src='http://i42.tinypic.com/2rqk9d3.gif';"
onmouseout="this.src='http://i41.tinypic.com/2a7sqpl.gif';"></a>
<a href="/msg.forum?folder=inbox">
<img id="image7" src="http://i25.tinypic.com/nwc9oo.gif" border=0 onmouseover="this.src='http://i31.tinypic.com/2zpowlk.gif';"
onmouseout="this.src='http://i25.tinypic.com/nwc9oo.gif';"></a>
<a href="/login.forum?connexion">
<img id="image8" src="http://i44.tinypic.com/x1m4wo.gif" border=0 onmouseover="this.src='http://i41.tinypic.com/ibvpfb.gif';"
onmouseout="this.src='http://i44.tinypic.com/x1m4wo.gif';"></a>
<a href="/login.forum?logout=true&id=%s">
<img id="image9" src="http://i41.tinypic.com/qyxx7d.gif" border=0 onmouseover="this.src='http://i40.tinypic.com/15cf0p4.gif';"
onmouseout="this.src='http://i41.tinypic.com/qyxx7d.gif';"></a>
<a href="/Registration-h1.htm">
<img id="image10" src="http://i39.tinypic.com/213jehk.gif" border=0 onmouseover="this.src='http://i39.tinypic.com/33e7rbc.gif';"
onmouseout="this.src='http://i39.tinypic.com/213jehk.gif';"></a>
<div id="true_bar" style="display: none;">{GENERATED_NAV_BAR}</div>
<script type="text/javascript">
<!--
if(p=="Guest")
{
/* remove profile */
document.getElementById('image3').style.display='none';
/* remove log out */
document.getElementById('image9').style.display='none';
/* remove new pm */
document.getElementById('image7').style.display='none';
/* remove no new pm */
document.getElementById('image6').style.display='none';
}
else
{
/* remove register */
document.getElementById('image10').style.display='none';
/* remove log in */
document.getElementById('image8').style.display='none';
if(document.getElementById('true_bar').innerHTML.search(/i_icon_mini_new_message/)>-1)
{
/* remove no new pm */
document.getElementById('image6').style.display='none';
}
else
{
/* remove new pm */
document.getElementById('image7').style.display='none';
}
}
-->
</script></td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
notMicElf- Forumember
- Posts : 377
Reputation : 0
Language : English, HTML, CSS, Java
Location : Not where you are =P
Similar topics
» can i add widgets to HTML page
» Widgets on HTML page
» Widgets on html page
» Is it possible to embed widgets into a html page?
» Disable Widgets on Certain HTML Page
» Widgets on HTML page
» Widgets on html page
» Is it possible to embed widgets into a html page?
» Disable Widgets on Certain HTML Page
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum