Yet another sidebar question....

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS ::: Yet another sidebar question....

Topic: Yet another sidebar question....

(?)

supereen

Registered User
ezSupporter
Posts: 1

Posted: 8/4/04 4:05 pm
Yet another sidebar question....

I have been searching and searching for the correct code to use to have the sidebar on MAIN PAGE ONLY and all I Keep finding are dead links. Can someone please help me???

This is the link to my board -

p205.ezboard.com/bmomsclubofboontonarea

Please be patient with me because sometimes I have no clue! Thanks!

Eileen

Aragrothien

ezSupporter
Posts: 271

Posted: 8/4/04 4:14 pm
Re: Yet another sidebar question....

This is the only thing I have in Box 1 of my custom HTML that has to do with the sidebar:

 <style><!--
#sidebar   {display:none}
// ---
</style>

supereen

Registered User
ezSupporter
Posts: 2

Posted: 8/4/04 6:33 pm
Re: Yet another sidebar question....

Putting in that code just gave me a blank white screen. I have my sidebar all set up: just need the code to use it on Main Page only. And I have it set up thru my custom header if that makes any difference. Thanks!

chrish18

ezSupporter
Posts: 1013

Posted: 8/5/04 1:56 pm
Re: Yet another sidebar question....

Last reply here

p079.ezboard.com/fcooltip...D=27.topic

supereen

Registered User
ezSupporter
Posts: 3

Posted: 8/5/04 2:51 pm
Re: Yet another sidebar question....

HTML Comments are not allowed

supereen

Registered User
ezSupporter
Posts: 4

Posted: 8/5/04 2:53 pm
Re: Yet another sidebar question....

Ugh - I just put all my code in so you could see what I have - I read that last post and I can't figure it out still. But HTML comments are not allowed. How can I post what I have in each box????

Aragrothien

ezSupporter
Posts: 277

Posted: 8/5/04 3:09 pm
Re: Yet another sidebar question....

Use the code formatting button.

supereen

Registered User
ezSupporter
Posts: 5

Posted: 8/5/04 4:26 pm
Re: Yet another sidebar question....

BOX #1

 <style>

body { font-size: 70%; font-family: verdana, helvetica, sans-serif }

td { font-size: 70%; font-family: verdana, helvetica, sans-serif }


h1 { font-size: 160%; font-weight: bold; font-family: verdana, helvetica, sans-serif }
h2 { font-size: 140%; font-weight: bold; font-family: verdana, helvetica, sans-serif }
h3 { font-size: 130%; font-family: verdana, helvetica, sans-serif }
h4 { font-size: 120%; font-weight: bold; font-family: verdana, helvetica, sans-serif }
h5 { font-size: 110%; font-family: verdana, helvetica, sans-serif }
h6 { font-size: 90%; font-weight: bold; font-family: verdana, helvetica, sans-serif }

.m { font-size: 80%; font-family: verdana, helvetica, sans-serif }

.headings { font-size: 80%; font-weight: bold; font-family: verdana, helvetica, sans-serif }

.title { font-size: 115%; font-weight: bold; font-family: verdana, helvetica, sans-serif }

.intro { font-family: verdana, helvetica, sans-serif; font-size: 110%; font-weight: bold }

.usertitle { font-weight: bold; font-size: 100%}

.inputbox { border-top: #333333 solid thin; border-bottom: #333333 solid thin; border-right: #333333 solid thin; border-left: #333333 solid thin; color: #000000; font-family: verdana, helvetica, sans-serif } 

.inputbutton { font-size: 120%; color: #000000; font-family: verdana, helvetica, sans-serif }

i { font-size: 100% }

a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active { text-decoration: none } 
a:hover { text-decoration: underline }

</style> 

<style type="text/css">
<!--

a { font-family: MS verdana, verdana, sans-serif; text-decoration: none }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #FF4500; text-decoration: bold}
a:active { color: #000000; text-decoration: none}

---
</style>

<style>
#emoticonbox {overflow: auto; height: 220px}
</style>

supereen

Registered User
ezSupporter
Posts: 6

Posted: 8/5/04 4:27 pm
...cont'd

BOX 3

 <!-- skinnable sidebar � copyright 2003, ezdesign ---
<!-- ezdesign.spayce.com ---
<!-- ver 2.2 updated apr28.2003 ---
<!-- custom header - third box in custom html page ---
<!-- section a (outer) - do not edit ---
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="outer" height="424">

<!-- section b (header) - edit area within td for your banner. 
Delete whole section if no banner required -----
      <tr>
        <td id="header" colspan="2" align="center" height="509">
        <p align="center"><img border="0" src="img4.photobucket.com/albu....jpg" width="668" height="476"></p>
        </td>
      </tr>
<!-- end of section b and editable area ---

<!-- section c (sidebar td) - do not edit ---
      <tr>
        <td id="sidebar" valign="top" align="center" width="150" height="1">

        </td>
        <td id="forum" valign="top" align="center" height="1">
      <tr>
        <td id="sidebar" valign="top" align="center" width="150" height="917">

 <!-- section c1 (sidebar content) - edit all content from here.
      Use sidebar content generator if necessary.
      See Notes for more information about classes for sidebar content ---

          <table class="holder" cellpadding="0" cellspacing="0" width="143" height="1051">

            <tr>
              <td class="spacer" width="141" height="59">
               
              <p>   </p>
              <p> 
              </td>
            </tr>

            <tr>
              <td class="spacer" width="141" height="21">
               
              <p> 
              </td>
            </tr>

            <tr>
              <td align="center" valign="top" class="sidebartitle" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#000080" style="border-style: solid; border-width: 1" width="141" height="28"><font face="Verdana" size="1" color="#FFFFFF"><b>Special
                <br>
                Announcements</b></font></td>
            </tr>
            <tr>
              <td align="center" valign="top" class="sidebartitle" bordercolor="#000000" style="border-style: solid; border-width: 1" width="141" bgcolor="#FFFFFF" height="111">
                <p style="background-image: url('groups.msn.com/_Secure/0Q...t;<font face="Verdana" size="1"><img border="0" src="smileys.smileycentral.com....gif" width="56" height="44"><br>
                <font color="#CC00FF">Welcome to the world, Sarah Anne Miniter!
                Born 7/27/04 - Congratulations to Kelly and family!</font></font>
              </td>
            </tr>

            <tr>
              <td class="spacer" width="141" height="21">
              </td>
            </tr>

            <tr>
              <td class="spacer" width="141" height="27">
              <p> 
              </td>
            </tr>

              <tr>
              <td class="sidebarsubhead" valign="top" align="center" bgcolor="#000080" style="border-style: solid; border-width: 1" width="141" bordercolor="#000000" bordercolorlight="#000000" height="15"><font face="Verdana" size="1" color="#FFFFFF"><b>Special
                Dates</b></font></td>
            </tr>

            <tr>
              <td class="sidebar" valign="top" align="center" bordercolor="#000000" style="border-style: solid; border-width: 1" width="141" bgcolor="#FFFFFF" height="517">
              <img border="0" src="smileys.smileycentral.com....gif" width="43" height="47"><font face="Verdana" size="1"><br>
              <font color="#800000">8.1<br>
               Happy Birthday, <br>
              John Greco (2) !!<br>
              <br>
              8.2<br>
              Happy Birthday,<br>
               Jordan Haft (2) !!<br>
              <br>
              8.13<br>
              Happy Birthday, <br>
              Anna Conger (4) !!<br>
              </font><br>
              <font color="#000080"><img border="0" src="smileys.smileycentral.com....gif" width="110" height="85"><br>
              8.14<br>
              Happy Birthday, SuperMama Linda !!<br>
              </font><br>
              <font color="#800000">8.15<br>
              Happy Birthday, <br>
              Owen Brackenridge (3) !!<br>
              <br>
              8.15<br>
              Happy Birthday, <br>
              Marissa Hurd (6) !!<br>
              <br>
              <img border="0" src="smileys.smileycentral.com....gif" width="90" height="50"><br>
              </font><font color="#800080">8.26<br>
              Happy Anniversary, SuperMama Eileen G <br>
              (and Joe)!!<br>
              12 Years<br>
              <br>
              <img border="0" src="smileys.smileycentral.com....gif" width="95" height="75"><br>
              </font><font color="#800000">
              <br>
              8.28<br>
              Happy Birthday, <br>
              Kyle Krozser (5) !!<br>
              </font>
              <br>
              <font color="#000080">8.29<br>
              Happy Birthday, SuperMama Carol !!<br>
              <br>
              8.30<br>
              Happy Birthday, SuperMama Wendy !!</font></font>
              </td>
            </tr>

            <tr>
              <td class="spacer" width="141" height="21">
                <p align="center"></td>
            </tr>

<tr>
<td class="sidebar" align="center" valign="top" width="141" height="40" bgcolor="#FFFFFF" bordercolor="#000000" style="border-style: solid; border-width: 1">
<font face="Verdana" size="1"><b><font color="#FF0000"><br>
Don't Forget!</font><br>
<br>
</b></font><img border="0" src="smileys.smileycentral.com....gif" width="19" height="33"><br>
<br>
<font face="Verdana" size="1">The following SuperMamas <br>
are due for renewal <br>
in August:<br>
<font color="#000080">Joanne K.<br>
</font></font>
<p> </p>
</td>
</tr>              

            <tr>
              <td class="spacer" width="141" height="21">
                <p align="center"> 
                 
                </td>
            </tr>




            <tr>
              <td class="sidebarsubhead" align="center" valign="top" width="141" height="21"></td>
            </tr>

            <tr>
            <td class="sidebar" align="center" valign="top" width="141" height="21">
            </td>
            </tr>

            <tr>
              <td class="spacer" width="141" height="21">
              </td>
            </tr>

            <tr>
              <td class="sidebar" id="credit" valign="top" align="center" width="141" height="21">
              </td>
            </tr>

          </table>
<!-- end of section c1 and editable area ---


<!-- section d (forum td) - do not edit ---
        </td>
        <td id="forum" valign="top" align="center" height="917">
          <table border="0" cellspacing="0" cellpadding="0" class="holder">


<!-- section d1 (forum title) - edit text, or remove this section if not required ---
            <tr>
              <td class="forumtitle" valign="top" align="center"></td>
            </tr>

            <tr>
              <td class="spacer">
              </td>
            </tr>
<!-- end of section d1 and editable area ---



<!-- section d2 (forum) do not edit ---
            <tr>
              <td class="forum" valign="top" align="center">

</table>

supereen

Registered User
ezSupporter
Posts: 7

Posted: 8/5/04 4:29 pm
Re: ...cont'd

BOX 4

 <table>
      <tr>
        <td id="header" align="center" width="890">
        <p align="center"><font face="Verdana" size="2">Suggestions for the board?? Post them here or
        email <a href="mailto:supereen@optonline.net">Eileen Giordano</a> 
        </font>


<script type="text/javascript">
var allSpans = document.getElementsByTagName("span" ;
var user = getUsername();
for (s = 0; s < allSpans.length; s++) {
  if (allSpans.item(s).getAttribute("name"  == "userName"  {
    allSpans.item(s).innerHTML = user;
  }
}


</script>
<div class="sidebar">
<table style="width: 150px; border: 1px black solid">
<tr>
<td align="center">
</td>
</tr>
</table>
</div>

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13301

Posted: 8/6/04 3:34 pm
Re: ...cont'd

Applied, I need to view source rather than debug each section individually.

supereen

Registered User
ezSupporter
Posts: 8

Posted: 8/7/04 8:34 am
Re: Yet another sidebar question....

You're in - thanks!

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13314

Posted: 8/7/04 3:18 pm
Re: Yet another sidebar question....

Firstly, we need to do a little tidying up...
Remove the red style tag.
You will find this tag in your custom html area, 1st text box from the top.

 
</style>



<style type="text/css">
<!--

a { font-family: MS verdana, verdana, sans-serif; text-decoration: none }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #FF4500; text-decoration: bold}
a:active { color: #000000; text-decoration: none}

-->
</style>

<style>
#emoticonbox {overflow: auto; height: 220px}
</style>

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13315

Posted: 8/7/04 3:24 pm
Re: Yet another sidebar question....

Then add this to your custom html area, 1st text box from the top.

 
<style type="text/css">
#sidebar, #header, .forumtitle  {display:none}
</style>


<script type="text/javascript">
/* BEGIN EZURL */
ezURL = document.location.href.match("http:\/\/((?:pub|b|p)([0-9]+)|beta|vanchau|inbox)\.ezboard\.com\/(b|f)([a-zA-Z0-9]+(?=frm[0-9]+)|[a-zA-Z0-9]+(?!frm[0-9]+))(frm[0-9]+|)(?:(?:[\.]{1})([a-zA-Z0-9\=\+\&\.]+)|)(?:(?:[\x3F]{1})([a-zA-Z0-9\=\+\&\.]+)|)(?:.*)");
try {
        if (ezURL.length > 0) {
                ezPub = ezURL[2].length > 0 ? ezURL[2] : ezURL[1];
                ezFullPub = ezURL[1];
                ezIsBoard = ezURL[3] == "b" ? true : false;
                ezBoardID = ezURL[4];
                ezForum = ezURL[5];
                ezPage = ezURL[6];
                ezQuery = ezURL[7];
                }
} catch (e) { }
ezURL = null;
/* END EZURL */
</script>

<script type="text/javascript">
/* MAIN PAGE SPECIFIC HTML */
if (ezIsBoard == true) {
document.write("<style type=\"text/css\">\n");
document.write("#sidebar, #header, .forumtitle  {display:block;}\n");
document.write("</style>");
}
/* END MAIN PAGE SPECIFIC HTML */
</script>