Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Adding Smooth Corners
Topic Started: Dec 10 2007, 04:22 PM (6,281 Views)
Kiragatash Jul 21 2008, 11:55 AM Post #21
Member Avatar
AnimeWatcher
[ * * ]
 Posted Image

Is there a possibility to put on the line "Chit Chat" rounded corners also? The Chit Chat -> Loterij is a subforum in it, and I can't find in the CSS which code goes for rounded corners in a section.
Offline Profile Quote Post Goto Top
 
Kiragatash Jul 23 2008, 10:19 AM Post #22
Member Avatar
AnimeWatcher
[ * * ]
 bump
Offline Profile Quote Post Goto Top
 
jameswgw Jul 28 2008, 05:33 PM Post #23
Member
[ * * ]
 Do I need to change the code for it to work in the CSS? I have tried it like it is but it didn't work.

It works good in above the copyright of whatever.
Offline Profile Quote Post Goto Top
 
lasher Jul 29 2008, 03:19 PM Post #24
Member Avatar
Member
[ * ]
 gives a very nice look,,,but if you have a dark background and the wrap is transparent how does one make the left over bits of the old sharp corner be something other than white?

reckon i should add i only tested on the categories
Edited by lasher, Jul 29 2008, 03:24 PM.
Offline Profile Quote Post Goto Top
 
lirts Jul 31 2008, 02:56 PM Post #25
Member Avatar
Member
[ * * * ]
 how do you put in the corners from here?
Offline Profile Quote Post Goto Top
 
Viral Jul 31 2008, 03:23 PM Post #26
Member Avatar
i'm stanley nao
[ * * * * * ]
 Exactly as it shows you, so if you wanted to have the bevel corners on the submenu, you would use:

Code: HTML
 
<script>$("#submenu").corner("bevel");</script>
Offline Profile Quote Post Goto Top
 
lirts Jul 31 2008, 03:47 PM Post #27
Member Avatar
Member
[ * * * ]
 It doesn't do anything when i do that though.

Code:
 
<script type="text/javascript">
//<![CDATA[
$("#wrap").corner("bite");
//]]>
</script>


Thats the code i'm using.
Offline Profile Quote Post Goto Top
 
Kiragatash Aug 8 2008, 01:46 AM Post #28
Member Avatar
AnimeWatcher
[ * * ]
 k, after trying a long time, the borders don't change anymore even if i put a higher count of px, how do this come?

Look, here is an image: http://209.85.62.24/105/183/0/f134822/1212.png
(My site: http://s1.zetaboards.com/KiraTester/index/)

So what I want is:
  • Logo 15px all
  • submenu_bar 15px only the top
  • wrap 15px only the bottom
  • .category 15px all
I got atm this code in my board templates Below the Board:
Code:
 
<script type="text/javascript">
//<![CDATA[
$("#wrap").corner("15px");
$("#logo").corner("15px");
$("#submenu").corner("10px");
$("#submenu_bar").corner("10px");
$(".category").corner("15px");
//]]>
</script>
Edited by Kiragatash, Aug 8 2008, 02:01 AM.
Offline Profile Quote Post Goto Top
 
davadude Aug 8 2008, 02:04 AM Post #29
Member Avatar
GuildWars addict :P
[ * * * ]
Kiragatash
Aug 8 2008, 01:46 AM
k, after trying a long time, the borders don't change anymore even if i put a higher count of px, how do this come?

Look, here is an image: http://209.85.62.24/105/183/0/f134822/1212.png
(My site: http://s1.zetaboards.com/KiraTester/index/)

So what I want is:
  • Logo 15px all
  • submenu_bar 15px only the top
  • wrap 15px only the bottom
  • .category 15px all
I got atm this code in my board templates Below the Board:
Code:
 
<script type="text/javascript">
//<![CDATA[
$("#wrap").corner("15px");
$("#logo").corner("15px");
$("#submenu").corner("10px");
$("#submenu_bar").corner("10px");
$(".category").corner("15px");
//]]>
</script>
Ok; try this:

Code:
 
<![CDATA[
$("#wrap").corner("15px bottom");
$("#logo").corner("15px");
$("#submenu").corner("10px");
$("#submenu_bar").corner("15px top");
$(".category").corner("15px");
//]]>
</script>


dava ;)

EDIT: forgot 15px :shifty:
Edited by davadude, Aug 8 2008, 02:06 AM.
Offline Profile Quote Post Goto Top
 
Kiragatash Aug 8 2008, 09:09 AM Post #30
Member Avatar
AnimeWatcher
[ * * ]
 tyvm :) I used finaly this code

Code:
 
<script type="text/javascript">
//<![CDATA[
$("#wrap").corner("15px bottom");
$("#logo").corner("15px");
$("#submenu_bar").corner("15px top");
$(".category").corner("15px");
//]]>
</script>
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · User Created Codes · Next Topic »
Add Reply