[RD] Question?

[`FOREVER & MORE]

Im making a skin for my site and I was wondering if there was a code that you could use to round your categories?

[Clark-R]

While filling a client's request one day; I came across this code:

---

<style type="text/css">
<!--
.catbg
{
height: 50px;
background-image: url ('URL OF RESIZED HOSTED PATTERN HERE')
text-align: center;
text-transform: uppercase;
font-family: georgia;
font-size: 10pt;
color: #E5E5E5;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
--!>
</style>

---

It should work..

There are other section you can edit as well, not just the ones highlighted.

[`FOREVER & MORE]

Which header/footer do you put it in?

[Clark-R]

They never said, but I'm sure it's global headers..

[Kim]

I'd imagine it be Main Header, but you can try Global first and it doesn't work then take it out and put it in the Main Header.

[`FOREVER & MORE]

Do not use that code, I put it in my main header and it wiped my site, I had to hit back several times just to fix it.

[Clark-R]

Oh wow, sorry about that.. Someone I knew used the code and said it worked.. I don't know.. *Shrugs* :/

But you're probably better off just requesting head/base images with transparent round corners.

[kaayla]

Is this what you mean? If so, it is the code ExEffect provided. BUT it goes in the MAIN HEADER at the top of the codes.

   <style type="text/css">
   <!--
   .catbg
   {
   height: 50px;
   background-image: url ('GRADIENT IMG HERE')
   text-align: center;
   text-transform: uppercase;
   font-family: georgia;
   font-size: 10pt;
   color: #E5E5E5;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   }
   -->
   </style>

[Clark-R]

Thanks Kaayla, I should have known. XD

[kaayla]

No problem (: But keep in mind, it is NOT supported by Internet Explorer.

[Tumbleweed]

Nov 8, 2011 18:27:54 GMT -8 `FOREVER & MORE said:

Do not use that code, I put it in my main header and it wiped my site, I had to hit back several times just to fix it.

It may have made you site wonky but none of your coding was lost. In other words your site wasn't wiped out. If I could tell you how many times I've messed my site and had to use noheaders to fix my boo boos, you wouldn't believe me. Besides, I just put it on my site and it didn't do a thing to it.

However, there were some errors in what ExEffect posted. Just so you all know what to look for if something messes up your site. The red ! needs to be gone, the blue ; added and there should be no space between the url and (.

<style type="text/css">
<!--
.catbg
{
height: 50px;
background-image: url('URL OF RESIZED HOSTED PATTERN HERE');
text-align: center;
text-transform: uppercase;
font-family: georgia;
font-size: 10pt;
color: #E5E5E5;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
--!>
</style>

Here is my version for just the top right and left corners to be rounded. (IE does not support rounded corners with css)

<style type="text/css">
<!--
.catbg{
background-image: url('http://i657.Backgrounds.jpg');
background-repeat: repeat;
text-align: center;
text-transform: uppercase;
font-family: georgia;
font-size: 10pt;
color: #E5E5E5;
border: 1px solid #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}
-->
</style>

Rounded corners all around:

<style type="text/css">
<!--
.catbg{
background-image: url('http://Backgrounds.jpg');
background-repeat: repeat;
text-align: center;
text-transform: uppercase;
font-family: georgia;
font-size: 10pt;
color: #E5E5E5;
border: 1px solid #000000;
-moz-border-radius: 15px;
border-radius: 15px;

}
-->
</style>

[Clark-R]

Ah, I should just stick with the graphics aspect of Proboards. xD

[Tumbleweed]

Nov 13, 2011 16:41:40 GMT -8 Clark-R said:

Ah, I should just stick with the graphics aspect of Proboards. xD

Naw, don't be silly. I've done my fair share of posting the wrong thing or things with errors.

[`FOREVER & MORE]

I know this is out of the question, but could anyone tell me why my board is all the way to the left? >>.Click<<

[Tumbleweed]

Nov 14, 2011 18:26:23 GMT -8 `FOREVER & MORE said:

I know this is out of the question, but could anyone tell me why my board is all the way to the left? >>.Click<<

Since this isn't a graphics related question it would have been best if you started a new thread in coding support, for future reference.

Smangii's side table instructions specifically say you can't use other resize codes since his tables come with a resize. So remove that css resize you have in your header. With that css code is a footer portion of two closing div's so find those and remove them. They are right after this code:
Advanced Affiliates Viewer v1 by Chris

Now back in your header find this table and remove the red.

<table border="0" cellspacing="0" cellpadding="0">
<tr>

<td width="100%"><textarea rows="8" name="wordcount2" cols="26" wrap="virtual"></textarea></td>
</tr>
<tr>
<td width="100%"><div align="right"><p><input type="button" value="Count Words"
onClick="countit()"> <input type="text" name="wordcount3" size="5"></p>
</div></div> </td>
</tr>
</table>
</form></center>