Page Index Toggle Pages: 1 Send TopicPrint
Hot Topic (More than 10 Replies) Transparent Board *with* border (Read 4488 times)
BaByRaiN
New Member
*
Offline



Posts: 3
Joined: Dec 29th, 2001
Gender: Female
Transparent Board *with* border
Feb 19th, 2002 at 1:42am
Print Post  
I have racked my brain (not much area to cover Wink ) trying to find out how I can have a transparent board due to the backround but at the same time have a border.  I tried just changing the .bordercolor  { background-color: transparent; } to #000000 but it brings up a black backround instead of just a border...  Also, how do I make it so that the backround, which is 800x600, doesnt tile?  Any help would be greatly appreciated... Thanks....   Grin

Here is the template:

Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><yabb title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
/* General layout */
A:link        { font-weight: Bold; text-decoration: none; color: #FFFFFF; }
A:visited     { text-decoration: NONE; color: #FFFFFF; font-weight: bold; }
A:hover       { text-decoration: none; color: #111111; position: relative; top: 1.5px; left: 1.5px;}
BODY          { scrollbar-face-color: #c0c0c0; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000;
               scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000;
               scrollbar-track-color: c0c0c0; scrollbar-arrow-color: #000000; font-family: Arial, Helvetica, Arial;
               font-size: 12px; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-left: 0;
               padding-right: 0; }
TD            { font-family: Tahoma, Helvetica, Arial; color: #ffffff; font-size:12px}
input         { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; color: #CCCCCC; }
textarea      { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; color: #CCCCCC; }
select        { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; color: #CCCCCC; }

/* YaBB navigation links */
.nav          { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:link     { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:visited  { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:hover    { font-size: 10px; text-decoration: none; color: #808080; font-weight: bold; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg     { background-color: transparent; font-size: 11px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; }
.windowbg2    { background-color: transparent; font-size: 12px; font-family: Tahoma; color: #ffffff;  font-weight: bold; }
.windowbg3    { background-color: transparent; font-size: 13px; font-family: Tahoma; color: #ffffff; font-weight: bold; }

/* Misc./title/category colors */
.hr           { color: transparent;}
.titlebg      { background-color: transparent; font-weight: bold; color: #ffffff; }
.text1        { font-style: bold; font-weight: bold; font-size: 12px; color: #ffffff; }
.catbg        { background-color: transparent; color: #ffffff; font-weight: bold; font-size: 13px; }
.bordercolor  { background-color: #000000; }

/* Image fonts */
.imgbg        { font-style: bold; font-size: 10px; color: #FFFFFF; }
.imgcatbg     { font-style: bold; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.imgtitlebg   { font-style: bold; font-size: 12px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg  { font-style: bold; font-size: 12px; color: #FFFFFF; }
.imgmenu      { font-style: bold; font-size: 12px; color: #FFFFFF; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote        { font-size: 12px; font-weight: bold; font-family: Tahoma, Helvetica, Arial; color: #FFFFFF; background-color: #000000; }
.code         { font-size: 12px; font-family: Tahoma; color: #FFFFFF; background-color: transparent; }
-->
</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
  if ((navigator.appVersion.substring(0,1) == "5" &&
navigator.userAgent.indexOf('Gecko') != -1) ||
navigator.userAgent.search(/Opera/) != -1) {
   document.write('<META HTTP-EQUIV="pragma" CONTENT="no-cache">');
  }
// -->
</script>
</head>
<body text="#000000" bgcolor="transparent" link="#0033FF" bottomMargin="0" leftMargin="0" rightMargin="0" topMargin="0" MARGINWIDTH="0" MARGINHEIGHT="0" background="http://baby.phez.net/graphix/artikBG.jpg" bgproperties="fixed">
<br>
<table width="92%" cellspacing="1" cellpadding="0" border="0" align="CENTER" bgcolor="transparent">
  <tr>
    <td bgcolor="transparent" width="100%">
     <table bgcolor="transparent" width="100%" cellspacing="0" cellpadding="0">
       <tr>
         <td>
           <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="transparent" align="center">
             <tr>
               <td bgcolor="transparent" height="50" align=center><img src="http://baby.phez.net/public_html_sexy/YaBBImages/s3xybanner.jpg" alt="$exy Clan"></td>
               <BR>
               </tr>
               <tr>
               <td bgcolor="transparent" align = center >
               <p><font size="2">
               <BR><BR><yabb uname> <yabb im><BR>
               <yabb time>
               </font><BR></p>
               </td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
    </td>
<BR>
  </tr><tr>
    <td bgcolor="transparent" align="center">
     <table bgcolor="transparent" width="100%" cellspacing="0" cellpadding="0" align="center">
       <tr>
         <td width="100%" align="center">
           <table border="0" width="100%" cellpadding="3" cellspacing="0" bgcolor="transparent" align="center">
             <tr>
              <br>
               <td valign="middle" bgcolor="transparent" align="center"><font size="2"><yabb menu></font></td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
    </td>
  </tr><tr>
    <td bgcolor="transparent" align="center">
     <table bgcolor="transparent" width="100%" cellspacing="0" cellpadding="0" align="center">
       <tr>
         <td width="100%" align="center">
           <table border="0" width="100%" cellpadding="5" cellspacing="0" bgcolor="transparent" align="center">
             <tr>
               <td valign="middle" bgcolor="transparent" align="center">
               <font size="2" color="#FFFFFF"><BR><B><yabb boardname></B>  $ <yabb position> $</font></td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
    </td>
  </tr>
</table>
<BR>
<table width="92%" cellspacing="1" cellpadding="0" border="0" align="CENTER" bgcolor="transparent">
  <tr>
    <td bgcolor="transparent" width="100%">
     <table bgcolor="transparent" width="100%" cellspacing="0" cellpadding="0">
       <tr>
         <td>
           <table width="90%" cellspacing="0" cellpadding="3" align="center" bgcolor="transparent">
             <tr>
               <td valign="TOP" width="93%">
                 <BR>
                 <!--#echo banner=""-->
                 <BR><yabb main> <BR>
               </td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
     </td>
  </tr>
</table>
<BR>
<table width="92%" cellspacing="1" cellpadding="0" border="0" align="CENTER" bgcolor="transparent">
  <tr>
    <td bgcolor="transparent" width="100%">
     <table bgcolor="transparent" width="100%" cellspacing="0" cellpadding="0">
       <tr>
         <td>
           <table width="90%" cellspacing="0" cellpadding="3" align="center" bgcolor="transparent">
             <tr>
               <td align="center" width="90%"><font size="1"><yabb copyright></font></td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
    </td>
  </tr>
</table>
</body>
</html>
 
  
Back to top
 
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #1 - Feb 19th, 2002 at 1:50am
Print Post  
this would be more helpful for a link to your board to view
  
Back to top
ICQYIM  
IP Logged
 
BaByRaiN
New Member
*
Offline



Posts: 3
Joined: Dec 29th, 2001
Gender: Female
Re: Transparent Board *with* border
Reply #2 - Feb 19th, 2002 at 1:54am
Print Post  
http://baby.phez.net/cgi-bin/sexy/YaBB.pl

Sorry bout that

I also went ahead and changed the .bordercolor to #000000 so you can see what I'm talking about Grin

Thanks
  
Back to top
 
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #3 - Feb 19th, 2002 at 2:58am
Print Post  
Ahhhhhhhhhhhhhh darnit now im pissed at it
  
Back to top
ICQYIM  
IP Logged
 
Kickboy12
Senior Member
****
Offline



Posts: 326
Joined: Nov 5th, 2001
Gender: Female
Re: Transparent Board *with* border
Reply #4 - Feb 19th, 2002 at 3:16am
Print Post  
try this:
Code
Select All
{ background-color: transparent; border-color: #000000}
 

  
Back to top
YIMAIM  
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #5 - Feb 19th, 2002 at 3:22am
Print Post  
no that code does not work i have tried it b4
  
Back to top
ICQYIM  
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #6 - Feb 19th, 2002 at 4:06am
Print Post  
.bordercolor       { background-color: transparent; border: outset #000; } 

that code will put a black out line around parts of the stuff not the internals that you will need to change in boardindex.pl i think
  
Back to top
ICQYIM  
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #7 - Feb 19th, 2002 at 4:18am
Print Post  
<style type="text/css">
<!--
/* General layout */
A:link   { font-weight: Bold; text-decoration: none; color: #FFFFFF; }
A:visited     { text-decoration: NONE; color: #FFFFFF; font-weight: bold; }
A:hover  { text-decoration: none; color: #111111; position: relative; top: 1.5px; left: 1.5px;}
BODY     { scrollbar-face-color: #c0c0c0; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #000000;
     scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: c0c0c0; scrollbar-arrow-color: #000000; font-family: Arial, Helvetica, Arial; 
     font-size: 12px; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-left: 0; 
     padding-right: 0; }
TD  { font-family: Tahoma, Helvetica, Arial; color: #ffffff; font-size:12px}
input    { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; }
textarea { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; }
select   { background-color: #000000; font-family: Tahoma, Helvetica, Arial; font-size: 10pt; }

/* YaBB navigation links */
.nav     { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:link     { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:visited  { font-size: 10px; text-decoration: none; color: ffffff; }
.nav:hover    { font-size: 10px; text-decoration: none; color: #808080; font-weight: bold; text-decoration: underline; }

/* YaBB alternating bgcolors */
.windowbg     { background-color: transparent; border: solid #000; font-size: 11px; font-family: Tahoma; font-weight: bold; }
.windowbg2    { background-color: transparent; border: solid #000; font-size: 12px; font-family: Tahoma; font-weight: bold; }
.windowbg3    { background-color: transparent; border: solid #000; font-size: 13px; font-family: Tahoma; font-weight: bold; }

/* Misc./title/category colors */
.hr      { color: transparent; border: solid #000; }
.titlebg { background-color: transparent; border: solid #000; font-weight: bold; }
.text1   { font-style: bold; font-weight: bold; font-size: 12px;  }
.catbg   { background-color: transparent; font-weight: bold; font-size: 13px;  }
.bordercolor       { background-color: transparent; } 

/* Image fonts */
.imgbg   { font-style: bold; font-size: 10px; color: #FFFFFF; }
.imgcatbg     { font-style: bold; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.imgtitlebg   { font-style: bold; font-size: 12px; color: #FFFFFF;  font-weight: bold; }
.imgwindowbg  { font-style: bold; font-size: 12px; color: #FFFFFF; }
.imgmenu { font-style: bold; font-size: 12px; color: #FFFFFF; font-weight: bold; letter-spacing: 0.1em; }

/* Post quote/code colors */
.quote   { font-size: 12px; font-weight: bold; font-family: Tahoma, Helvetica, Arial; background-color: #000000; }
.code    { font-size: 12px; font-family: Tahoma; background-color: transparent; }
-->
</style>



thats is what your looking for i hope

to change the way it looks remove the border: solid #000; or add it where u need
  
Back to top
ICQYIM  
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #8 - Feb 19th, 2002 at 4:20am
Print Post  
i should warn you that your code as default makes the new post and stuff go blue
  
Back to top
ICQYIM  
IP Logged
 
BaByRaiN
New Member
*
Offline



Posts: 3
Joined: Dec 29th, 2001
Gender: Female
Re: Transparent Board *with* border
Reply #9 - Feb 19th, 2002 at 4:50am
Print Post  
Thanks sooooo much throesch!!!!   Grin
  
Back to top
 
IP Logged
 
throesch
God Member
*****
Offline


I will own you all. will
you be on the good list?

Posts: 561
Location: Arab
Joined: Nov 9th, 2001
Gender: Male
Re: Transparent Board *with* border
Reply #10 - Feb 19th, 2002 at 5:01am
Print Post  
no problem
  
Back to top
ICQYIM  
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint