Go Back   vb.org Archive > Community Central > Community Lounge
FAQ Community Calendar Today's Posts Search

Closed Thread
 
Thread Tools Display Modes
  #1  
Old 06-05-2005, 12:46 AM
filburt1 filburt1 is offline
 
Join Date: Feb 2002
Location: Maryland, US
Posts: 6,144
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Rounded corners in vB

I devised a way to add rounded corners to all standard vB tables without modifying the markup or using Javascript, just pure compliant CSS (that IE won't support). I must say, it's damn clever, and no, you won't see the code. A hint, though: you need to use some new CSS3 tricks to pull it off.

Fortunately, I wrote the CSS such that IE won't render the problematic parts at all and it'll just revert to still fine-looking squared corners.

Hmm, I also just realized I could probably do truly good-looking drop shadows, even using alpha-blended PNG images which lame IE doesn't support. Don't tell me about the filter hack to do it, it still doesn't get the color palette right.
  #2  
Old 06-05-2005, 03:20 AM
AN-net's Avatar
AN-net AN-net is offline
 
Join Date: Dec 2003
Location: AnimationTalk.com
Posts: 2,367
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

well known mozilla only css:
http://books.mozdev.org/chapters/ch04.html#77028
  #3  
Old 06-05-2005, 06:06 AM
BamaStangGuy's Avatar
BamaStangGuy BamaStangGuy is offline
 
Join Date: Mar 2004
Location: Alabama
Posts: 521
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by filburt1
I devised a way to add rounded corners to all standard vB tables without modifying the markup or using Javascript, just pure compliant CSS (that IE won't support). I must say, it's damn clever, and no, you won't see the code. A hint, though: you need to use some new CSS3 tricks to pull it off.

Fortunately, I wrote the CSS such that IE won't render the problematic parts at all and it'll just revert to still fine-looking squared corners.

Hmm, I also just realized I could probably do truly good-looking drop shadows, even using alpha-blended PNG images which lame IE doesn't support. Don't tell me about the filter hack to do it, it still doesn't get the color palette right.
You want a pat on the back or something? Why make a post like this and not share the code?

Need the attention?
  #4  
Old 06-05-2005, 06:32 AM
memobug memobug is offline
 
Join Date: Jun 2002
Posts: 418
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<a href="http://www.bath.ac.uk/~cs1spw/demos/moz-border-radius.html" target="_blank">http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html</a>

code? view source!

yawn
  #5  
Old 06-05-2005, 09:02 AM
sabret00the's Avatar
sabret00the sabret00the is offline
 
Join Date: Jan 2003
Location: London
Posts: 5,268
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by filburt1
I devised a way to add rounded corners to all standard vB tables without modifying the markup or using Javascript, just pure compliant CSS (that IE won't support). I must say, it's damn clever, and no, you won't see the code. A hint, though: you need to use some new CSS3 tricks to pull it off.

Fortunately, I wrote the CSS such that IE won't render the problematic parts at all and it'll just revert to still fine-looking squared corners.

Hmm, I also just realized I could probably do truly good-looking drop shadows, even using alpha-blended PNG images which lame IE doesn't support. Don't tell me about the filter hack to do it, it still doesn't get the color palette right.
screenie atleast?
  #6  
Old 06-05-2005, 09:11 AM
Revan's Avatar
Revan Revan is offline
 
Join Date: Jan 2004
Location: Norway
Posts: 1,671
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by BrentWilson
You want a pat on the back or something? Why make a post like this and not share the code?

Need the attention?
My thoughts exactly. Gotta love attention +++++s.
Nothing that pisses me off more than people saying "ooh heres something leet [insert long explanation]. PS: My ass you can have it, bugger off."
  #7  
Old 06-05-2005, 10:17 AM
Dean C's Avatar
Dean C Dean C is offline
 
Join Date: Jan 2002
Location: England
Posts: 9,071
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by BrentWilson
You want a pat on the back or something? Why make a post like this and not share the code?

Need the attention?
My thoughts too :tired:
  #8  
Old 06-05-2005, 02:02 PM
filburt1 filburt1 is offline
 
Join Date: Feb 2002
Location: Maryland, US
Posts: 6,144
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

My code doesn't use Mozilla-only extensions, and unlike most other rounded corner CSS snippets out there, mine works in the standard vB table structure it uses everywhere.

I'm not posting the code because people will copy it and use it without having any clue as to how it works, so I'll give hints instead. The first one: look into the first-child and last-child pseudoclasses.
  #9  
Old 06-05-2005, 03:53 PM
sabret00the's Avatar
sabret00the sabret00the is offline
 
Join Date: Jan 2003
Location: London
Posts: 5,268
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by filburt1
My code doesn't use Mozilla-only extensions, and unlike most other rounded corner CSS snippets out there, mine works in the standard vB table structure it uses everywhere.

I'm not posting the code because people will copy it and use it without having any clue as to how it works, so I'll give hints instead. The first one: look into the first-child and last-child pseudoclasses.
again, can we atleast see a screenshot before you continue with the hinting game so i can see if i'm interested or not?
  #10  
Old 06-05-2005, 04:17 PM
ericgtr's Avatar
ericgtr ericgtr is offline
 
Join Date: Apr 2003
Location: Portland, Oregon
Posts: 1,407
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by filburt1
I devised a way to add rounded corners to all standard vB tables without modifying the markup or using Javascript, just pure compliant CSS (that IE won't support). I must say, it's damn clever, and no, you won't see the code. A hint, though: you need to use some new CSS3 tricks to pull it off.

Fortunately, I wrote the CSS such that IE won't render the problematic parts at all and it'll just revert to still fine-looking squared corners.

Hmm, I also just realized I could probably do truly good-looking drop shadows, even using alpha-blended PNG images which lame IE doesn't support. Don't tell me about the filter hack to do it, it still doesn't get the color palette right.
Yeah but, how do you really feel about IE? Don't sugar coat it now
Closed Thread


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:44 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04350 seconds
  • Memory Usage 2,270KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (6)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete