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,280 Views)
Deleted User Dec 12 2007, 10:56 AM Post #11
Deleted User

 Makes it look much neater and smoother!
Quote Post Goto Top
 
Mephiles Dec 12 2007, 11:19 AM Post #12
Member Avatar
Member
[ * * * ]
Nicola
Dec 12 2007, 07:33 AM
Mephiles
Dec 11 2007, 04:29 PM
Nicola. I found a bug: I did it on the logo and it makes the logo cover the dropdown menus. You can see it on my board: http://s1.zetaboards.com/Omega_Studios/index/
I now see what you mean, I was testing this last night. Unfortunately I don't see any way around it.
Then is there a way of stopping the menues from appearing in the first place?
Offline Profile Quote Post Goto Top
 
Nicola Dec 12 2007, 11:56 AM Post #13
Darth Vader's Sewing Instructor
Mephiles
Dec 12 2007, 11:19 AM
Nicola
Dec 12 2007, 07:33 AM
Mephiles
Dec 11 2007, 04:29 PM
Nicola. I found a bug: I did it on the logo and it makes the logo cover the dropdown menus. You can see it on my board: http://s1.zetaboards.com/Omega_Studios/index/
I now see what you mean, I was testing this last night. Unfortunately I don't see any way around it.
Then is there a way of stopping the menues from appearing in the first place?
Yep.
Snippet from first 5th of the CSS
 

.drop_menu ul {
-moz-opacity:0.85;
border-top:1px solid #3A5197;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
display: none;
}

Add the addition in red.
Offline Profile Quote Post Goto Top
 
Viral Dec 12 2007, 12:04 PM Post #14
Member Avatar
i'm stanley nao
[ * * * * * ]
 Nicola, very nice ^^.
Offline Profile Quote Post Goto Top
 
David Dec 15 2007, 12:21 AM Post #15
Member Avatar
My brick's on fire! =P
[ * ]
 To get rounded corners on the #logo and still be able to use the drop downs, you can add the following code

to the #logo
 
position:relative;
z-index:0;
to the .drop_menu ul
 
z-index:1;
to the .drop_menu a
 
z-index:1;


(This is presuming the skin you're using has a set position for the .drop_menu a and ul, as the Default Skin does [relative for a and absolute for ul]).

(In any case this solution works in Firefox 2 [Windows and Mac], IE7 and Safari2 [Mac] )
Offline Profile Quote Post Goto Top
 
Shadow16 Jan 20 2008, 01:59 PM Post #16
Scott
[ * ]
 Nice code :),

However is there anyways for just being able to have the Category h2 rounded. Like the top right hand corner rounded and top left hand corner rounded ?

Hopefully you get what am meaning it not i shall get a screen shot of a example.

Thanks.
Offline Profile Quote Post Goto Top
 
Interrobang Jan 20 2008, 08:59 PM Post #17
Member Avatar
Yeah, I went there.
[ * ]
 To do just top corners, use something like
Code:
 
$("div.category h2").corner("15px top");
Offline Profile Quote Post Goto Top
 
Shadow16 Jan 21 2008, 07:11 PM Post #18
Scott
[ * ]
Interrobang
Jan 20 2008, 08:59 PM
To do just top corners, use something like
Code:
 
$("div.category h2").corner("15px top");
Thanks :)
Offline Profile Quote Post Goto Top
 
gladstone Feb 29 2008, 04:33 PM Post #19
Member Avatar
Tomato.

 Just wondering what the ID for the topic header(both when viewing in topic, and viewing inside a forum), announcement topic box, and quote box is. I've tried taking stuff from the CSS but it never seems to work :(

By ID I mean the equivalent of ".category"

Thanks
Offline Profile Quote Post Goto Top
 
WeirdAdz May 26 2008, 02:03 PM Post #20
Member Avatar
You cant go through life without saying something is Weird.
[ * * ]
 http://img141.imageshack.us/img141/1594/topcornersrw7.png

Is there a way to make the Top Corners ^ Shown in Image Above ^ Straight but leave the Bottom Corners of that area still rounded. Giving it a smooth look.

EDIT: Nevermind, just sorted it..

Code:
 
<script type="text/javascript">
//<![CDATA[
$("#logo").corner("15px top");
$("#wrap").corner("15px bottom");
//]]>
</script>
Edited by WeirdAdz, May 26 2008, 02:12 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · User Created Codes · Next Topic »
Add Reply