Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[Solved] Header help
Topic Started: Mar 20 2013, 01:24 PM (2,082 Views)
ArwenE
Member
 *  
So, I was making a new board (link:http://z13.invisionfree.com/Rise_Again/index.php) and I've been having trouble with the header. I can insert it, however I can't get rid of the small banner-like thing that says 'Invsionfree Power board.

This is the code I have so far:

Meta Tags
 
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>


Javascript
 
<script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>

<script type='text/javascript'>
/* code written by kismet of RPG-Directory.com */
$(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>



Header & Body
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">

<div align="center">
<div id="ipbwrapper">
<div style="margin: 10px;">

<table>
<tr> <td class="imageborder";>
<table cellpadding="0" cellspacing="0" width="795px"
class="tablebg">
<tr><td class="forumtable">




<style type="text/css">
<!--
/* Peekaboo Side Tables (Left Side) CSS by SubDevo */
#leftNav {
width: 24px;
height: 100%;
top: 0px;
right: auto;
left: 0px;
position: fixed;
_position: absolute;
}
#leftNavTog {
position: absolute;
width: 22px;
height: 100%;
right: 0px;
cursor: pointer;
background-image: url('http://i272.photobucket.com/albums/jj194/lapicturing/coding/toggle33_zps079a810f.png');
background-position: right center;
}
#leftNavContent {
position: absolute;
right: 24px;
width: 225px;
height: 100%;
overflow: auto;
text-align: center;
background-color: #342f36;
padding: 25px;
}
-->
</style>

<!-- ===========================================
START SubDevo's Peekaboo Side Tables (Left Side)
============================================ -->

<div class="sidebar">
<div id="leftNav" style="display:none; z-index:51;">
<div id="leftNavTog" title="Click to Hide or Show" onclick="togL_Nav(true)" onmouseover="this.style.backgroundImage='url(http://i272.photobucket.com/albums/jj194/lapicturing/coding/toggle33_zps079a810f.png)'" onmouseout="this.style.backgroundImage='url(http://i272.photobucket.com/albums/jj194/lapicturing/coding/toggle33_zps079a810f.png)'"></div>
<div id="leftNavContent" style="display:none;" onscroll="setLnavCook(this.scrollTop,1)">

<!-- *** PLACE ALL LEFT SIDE CONTENT BELOW THIS LINE *** -->

<div style="padding-left: 39px;"><div class="titlesidebar">
quick-login
</div>

<div class="boxsidebar">
<div align="center"><form style='display:inline' action="http://z13.invisionfree.com/Rise_Again/index.php?act=Login&CODE=01&CookieDate=1" method="post">
<p>

<input type="text" class="forminput" size="10" name="UserName" onfocus="this.value=''" value="amy pond" />
<input type='password' class='forminput' size='7' name='PassWord' onfocus="this.value=''" value='009-010' />
<input type='submit' class='forminput' value='go' /></div>
</div></div>

<br>

<div style="padding-left: 39px;"><div class="titlesidebar">
welcome
</div>

<div class="boxsidebar">
welcome to the forum. i hope you will enjoy your visit.
</div></div>

<br>

<div style="padding-left: 39px;">
<div align="center"><ul id='tab-strip'>
<li id='tab1' class='clickable'>c-box</li>
<li id='tab2' class='clickable'>staff</li>
<li id='tab3' class='clickable'>links</li>
<li id='tab4' class='clickable'>credits</li>
</ul></div>


<div id='tab1-content' class='tab-content'><br>
<div class="titlesidebar">
c-box
</div>

<div class="boxsidebar">
Put your c-box here
<br>Should not be wider than 200px
</div>
</div>

<div id='tab2-content' class='tab-content'><br>
<div class="titlesidebar">
staff
</div>

<div class="boxsidebar">
Put your staff here
</div>
</div>

<div id='tab3-content' class='tab-content'><br>
<div class="titlesidebar">
links
</div>

<div class="boxsidebar">
<div align="center">
name for links here!
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>-- choose a link --</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
</select></form><br><br></div>

<div align="center">
name for links here!
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>-- choose a link --</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
<option value='LINK URL HERE'>SITE NAME HERE</option>
</select></form><br><br></div>
</div>
</div>

<div id='tab4-content' class='tab-content'><br>
<div class="titlesidebar">
credits
</div>

<div class="boxsidebar">
Thank you KISMET of RPG-D for the tabbed side code, thank you Subdevo of RPG-D for the peekaboo sidebar code, thank you MIMMY of RC&R for the drop down menu, and thank you iamnotalone . of Shadowplay for the skin.
</div>
</div>

</div>

</div>

<!-- *** PLACE ALL LEFT SIDE CONTENT ABOVE THIS LINE *** -->

</div>
</div>

<!-- =========================================
END SubDevo's Peekaboo Side Tables (Left Side)
========================================== -->

<script type="text/javascript">
/* Peekaboo Side Tables (Left Side) by SubDevo */
/* Global Footer - Please leave this header intact. Do not repost. */
/* http://interoceandesigns.proboards.com or http://lsdp.proboards.com */

var L_memOnly=0; // Members Only? 1=Yes, 0=No
var L_TogWidth=22; // Width of Clickable area.
var L_SideWidth=225; // Width of content.

function setLnavCook(a,b){ var n=(b)?"L_NavTop=":"L_NavOpen=";
document.cookie=n+a+"; expires=Sat, 17 Jan 2050 12:12:12 UTC; path=/";
}
function scrollLT(){L_NavH.scrollTop=(document.cookie.match(/L_NavTop=(\d+)/))?RegExp.$1:0;}
function togL_Nav(a){ var m=document.body,b=L_Nav.style,c=L_NavH.style;
if(a!=true){if(is_IE){b.height=m.clientHeight;}
b.left=parseInt(m.scrollLeft)+"px"; b.top=parseInt(m.scrollTop)+"px";
}else{
if(c.display=="none"){c.display=""; b.width=L_wT;setLnavCook(1);
if(L_NavFirst){L_NavFirst=false;setTimeout("scrollLT()",1000);}else{scrollLT();}
}else{setLnavCook(0);c.display="none"; b.width=L_TogWidth;}
}} var L_wT=1+L_TogWidth+L_SideWidth+"px",is_IE=(document.uniqueID)?true:false;
var L_Nav=document.getElementById ("leftNav"),L_NavH=document.getElementById ("leftNavContent");
if(!L_memOnly||pb_username!="Guest"){ L_Nav.style.display=""; var L_NavFirst=true;
if(document.cookie.match(/L_NavOpen=1/)){togL_Nav(true);}
if(is_IE){window.attachEvent("onscroll", togL_Nav); window.attachEvent("onresize", togL_Nav);}
}
</script>

<!DOCTYPE html>

<body>

<img src="http://i1304.photobucket.com/albums/s540/lexy_graphics/Requests/ra_zps66ea7198.png" alt="Header" width="760" height="300">




<div width="250px" align="center">
<div class="submenu">
<a href="http://z13.invisionfree.com/Rise_Again/index.php">index</a> <a href="http://z13.invisionfree.com/skinnotalone06/index.php?act=Search&f=">search</a> <a href="http://z13.invisionfree.com/Rise_Again/index.php?act=Help">help</a> <a href="http://z13.invisionfree.com/Rise_Again/index.php?act=Members">members</a> <a href="http://z13.invisionfree.com/Rise_Again/index.php?act=calendar">calendar</a> <a href="http://z13.invisionfree.com/Rise_Again/index.php?act=site">portal</a></div>
</div>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><!DOCTYPE html>

<body>

<img src="http://i1304.photobucket.com/albums/s540/lexy_graphics/Requests/ra_zps66ea7198.png" alt="Header" width="760" height="300">
<% STATS %>

<div class="credit"><center>skinned by iamnotalone of <a href="http://z10.invisionfree.com/Shadowplay/">shadowplay</a></center></div>


Footer
 
</td>
</tr>
</table>

</td>
</tr>
</table>

</div>
</div>
</div>

<center><!-- BEGIN Sailor Moon Top 20 CODE -->
<a href="http://usa.ultimatetopsites.com/bin/topsite.cgi?SailorMoonSites&cat=entertainment&ID=219">
<img src="http://usa.ultimatetopsites.com/bin/votepicture.art?SailorMoonSites&cat=entertainment&ID=219" border=0></a>
<!-- END Sailor Moon Top 20 CODE --></center>
<center><!-- BEGIN Sailor Moon's topsites CODE -->
<a href="http://www.ultimatetopsites.com/bin/topsite.cgi?digidestinedkat&cat=kewl&ID=102">
Sailor Moon's topsites</a>
<!-- END Sailor Moon's topsites CODE --></center>


CCS
 
/* SKINNED BY IAMNOTALONE . OF SHADOWPLAY */
/* PLEASE DO NOT REMOVE */

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Calibri, sans-serif; font-size: 11px; color: #303b3f; margin:0px 10px 0px 10px; background: url('http://i272.photobucket.com/albums/jj194/lapicturing/coding/retina_woodrecoloured_zps612f7f19.png'); }
TABLE, TR, TD { font-family: Calibri, sans-serif; font-size: 11px; color: #FFFFFF; }
a:link, a:visited, a:active { font-family: 'Calibri'; text-transform: lowercase; font-size: 12px; text-decoration: none; color: #ffffff; }
a:hover { color: #544161; text-decoration: none: transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition-duration: 0.6s; }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-family: Tahoma; font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-family: Tahoma; font-size:14px; color:#00D; }
.googlepagelinks { font-family: Tahoma; font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-family: Tahoma; font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-family: Arial; }
option.sub { font-family: Arial; color:#555 }
.caldate { text-align:right;font-family: Calibri; font-size:11px;color:#FFFFFF;background-color:#544161;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { align: center; font-family: Six Caps; font-size:50px; }
#calendarname { font-family: Calibri; font-size:22px; }

#photowrap { padding:6px; }
#phototitle { font-family: Calibri; font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; #345487; border: 0px solid #67917a; background-color: #222222; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #222222; border: 0px solid #8f9a9c; #8f9a9c;line-height:150%; width:auto; }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { padding:0px;margin:0px; }
#submenu { display: none }
.submenu a { background-color: #252525; font-family: Six Caps, sans-serif; font-size: 20px; color: #FFFFFF; padding: 2px 5px 2px 5px; }
.submenu a:hover { background-color: #544161; color: #FFFFFF; padding-left: 2px; padding-right: 2px; }

#userlinks { background-color: #453B47; }

#navstrip { background-color: #453B47; font-family: Calibri; padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#453B47; padding:6px }

.pformstrip { background-color: #252525; color:#FFFFFF;font-family: Calibri; padding:7px;margin-top:1px }
.pformleft { background-color: #222222; padding:6px; margin-top:1px;width:25%; border-top:1px solid #222222; border-right:1px solid #222222; }
.pformleftw { background-color: #222222; padding:6px; margin-top:1px;width:40%; border-top:1px solid #222222; border-right:1px solid #222222; }
.pformright { background-color: #222222; padding:6px; margin-top:1px;border-top:1px solid #222222; }

.post1 { background-color: #2e2e2e }
.post2 { background-color: #2e2e2e }
.postlinksbar { background-color:#24192b;padding:3px;margin-top:1px;font-size:8px; }
.postlinksbar a { font-family: Calibri; font-size: 10px; }

.row1 { background-color: #222222 }
.row2 { background-color: #222222 }
.row2 a { font-family: Calibri; font-size: 11px; }
.row3 { background-color: #222222}
.row4 { display: block; font-family: Calibri; font-size: 11px; background-color: #222222; text-align: center; text-decoration: none;}

td.row4 b a {font-family: Six Caps, sans-serif; font-size: 20px; text-decoration: none; font-weight: normal; font-style: normal; }

.postdetails b a:link, .postdetails b a:visited, .postdetails b a:active .postdetails b a:hover { font-family: 'Calibri'; text-decoration: none; font-weight: normal; font-style: normal; }

tr td div.row4 { border: 0px none!important; font-size: 8px!important; background-color: #222222!important; }

.darkrow1 { background-color: #544161; color:#FFFFFF; }
.darkrow2 { background-color: #252525; color:#FFFFFF; }
.darkrow3 { background-color: #252525; color:#fefefe; }

.hlight { background-color: #edf6ee }
.dlight { background-color: #edf6ee }

.titlemedium { font-family: 'Calibri', sans-serif; font-size:12px; color:#FFFFFF; padding:0px; margin:0px; background: #24192b; text-transform: lowercase }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color: #FFFFFF }

.maintitle { background: #2c1f34;
-webkit-transition: all 2.0s ease-in-out;
-moz-transition: all 2.0s ease-in-out;
-o-transition: all 2.0s ease-in-out;
-ms-transition: all 2.0s ease-in-out;
transition: all 2.0s ease-in-out;
vertical-align:middle; font-family: 'Six Caps', sans-serif; font-size: 20px; color:#FFFFFF; text-transform: lowercase; text-align: center; padding: 20px; #f5f5f5; line-height: 40%; text-decoration: none; letter-spacing: 0px; text-decoration: none; font-weight: normal; font-style: normal; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { font-family: 'Six Caps', sans-serif; font-size: 20px; color:#FFFFFF; text-decoration: none; text-transform: lowercase; line-height: 40%; text-decoration: none; font-weight: normal; font-style: normal; }
.maintitle:hover { background: #544161;
-webkit-transition: all 2.0s ease-in-out;
-moz-transition: all 2.0s ease-in-out;
-o-transition: all 2.0s ease-in-out;
-ms-transition: all 2.0s ease-in-out;
transition: all 2.0s ease-in-out;
text-decoration: none; font-weight: normal; font-style: normal; }

.plainborder { border:0px solid #222222;background-color:#222222}
.tableborder { border:0px solid #222222;background-color:#222222; padding:0px; margin:0px; width:100% }
div.tableborder table { border-collapse: collapse; }
.tablefill { background-color:#252525;padding:6px; }
.tablepad { background-color:#FFFFFF;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-family: Calibri; font-size:10px; color:#544161; display: block; text-align: justify; }
.edit { font-size: 10px }

.signature { font-size: 10px; color: #FFFFFF }
.postdetails { display: block; font-size: 10px; padding: 10px; }
.postcolor { font-size: 12px; color: #q; line-height: 100% }

.normalname { font-family: 'Six Caps', sans-serif; font-size: 25px; font-weight: bold; color: #02454A; text-decoration: none; font-weight: normal; font-style: normal; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-family: 'Six Caps', sans-serif; font-size: 25px; text-decoration: none; font-weight: normal; font-style: normal; }
.unreg { font-family: 'Six Caps', sans-serif; font-size: 25px; font-weight: bold; color: #000000 }

.searchlite { color:#F00; background-color:#FF0 }

#QUOTE { width: 500px; font-family: Calibri; font-size: 10px; color: #FFFFFF; background-color: #222222; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-left: 2px solid #544161; border-right: 5px solid #2c1f34 }
#CODE { width: 500px; font-family: Calibri; font-size: 10px; color: #FFFFFF; background-color: #222222; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-left: 2px solid #544161; border-right: 5px solid #2c1f34; }

.copyright { font-family: Calibri, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: Calibri, helvetica, sans-serif; vertical-align: middle }
.textinput, .radiobutton, .checkbox { font-size: 11px; font-family: Calibri, helvetica, sans-serif; vertical-align: middle; background-color: #2c1f34; border: 1px solid #544161; color: #FFFFFF; }
.forminput { background-color: #2c1f34; font-family: Open Sans Condensed, sans-serif; font-size: 15px; color: #FFFFFF; padding: 2px 5px 2px 5px; border: none; }
.forminput a:hover { background-color: #2c1f34; font-family: Open Sans Condensed, sans-serif; font-size: 15px; color: #FFFFFF; padding: 5px; }

.thin { background-color: #1f1f1f; padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px; border-top: 3px solid #544161; border-bottom: 3px solid #544161; }

.purple { color:purple; }
.red { color:red; }
.green { color:green; }
.blue { color:blue; }
.orange { color:#F90; }

.tablebg { width: 800px; padding: 20px 20px 50px 20px; background: #342F36; margin: 0px; }

#ipbwrapper { width: 800px;
padding: 0px;
margin: -20px 0px -30px -0px; }

.imageborder { border-left: 20px solid #544161; border-right: 5px solid #222222; width: 800px;
padding: 0px;
margin: 0px;
}

.topicbutton { background: #2c1f34; padding: 2; font-family: 'Six Caps', sans-serif; font-size: 25px; color: #FFFFFF; display: inline; text-transform: uppercase; }
.topicbutton:hover { background: #544161;
-webkit-transition: all 2.0s ease-in-out;
-moz-transition: all 2.0s ease-in-out;
-o-transition: all 2.0s ease-in-out;
-ms-transition: all 2.0s ease-in-out;
transition: all 2.0s ease-in-out;
}
.topicbutton2 { background: #222222; padding: 2; font-family: 'Six Caps', sans-serif; font-size: 20px; color: #544161; display: inline; text-transform: uppercase; }

.credit { font-family: Lobster, sans-serif; font-size: 12px; color: #FFFFFF; }
.credit a { font-family: Lobster, sans-serif; font-size: 12px; color: #FFFFFF; }
.credit a:hover { font-family: Lobster, sans-serif; font-size: 12px; color: #FFFFFF; }

.descriptionbox {
width: 400px;
display: block;
background: #24192b;
padding: 10px;
border: 5px solid #2c1f34;
font-family: Calibri;
font-size: 9px; color: #FFFFFF;
text-align: justify;
letter-spacing: 1px;
vertical-align: center; }

.clickable {
height: 30px;
background: #252525;
font-family: 'Six Caps', sans serif;
font-size: 20px;
color: #FFFFFF;
text-transform: uppercase;
line-height: 160%;
border: 0px solid #000000;
border-bottom:0px;
cursor:pointer;
display: block;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.tab-content {
background-color:#342f36;
border:0px solid #342f36;
padding: 1px;
display: none; /* do not remove this */
}
#tab1-content { display: block; } /* do not remove this */

/* Active tag has highlight */
.highlight {
background: #2c1f34;
font-family: 'Six Caps', sans serif;
font-size: 20px;
color: #FFFFFF;
text-transform: uppercase;
line-height: 160%;
margin-left: 20px;
margin-right: 20px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

/* Clear up the list default styles */
#tab-strip {
list-style: none outside none;
margin: 0px;
padding: 0px;
display: block;
background-color: #342f36;
}
#tab-strip a { text-decoration: none; }

.titlesidebar { font-family: 'Lobster', sans-serif; font-size: 25px; margin-bottom: -10px; color: #544161; align: center; text-shadow: 1px 0px #222222, 0px 1px #222222, -1px 0px #222222, 0px -1px #222222; }

.boxsidebar {
display: box; width: 175px; background: #222222; padding: 10; text-align: justify; align: center; border: 5px solid #2e2e2e; }



If someone could just tell me how to get rid of the thing, I would be extremely grateful...
Offline Profile Goto Top
 
Helena
Member Avatar
M is for Mod

In your Images section, you will find this in the first box:

ACP > Skinning and Styles > Images
Code:
 
<img border="0" alt="" src="http://i1.ifrm.com/style_images/1/logo4.gif">



Remove it and the image should be gone.
Offline Profile Goto Top
 
ArwenE
Member
 *  
It worked! Thanks so much :)
Offline Profile Goto Top
 
Helena
Member Avatar
M is for Mod

Glad your issue is resolved. :)
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Locked Topic