Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 05-25-2007, 12:38 AM
xcingix's Avatar
xcingix xcingix is offline
 
Join Date: Feb 2006
Location: Brooklyn, NY
Posts: 136
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default What to do About Cross Browser Compatibility

NOTE: THREAD BROKEN UP INTO 2 POSTS.

Hi all,

I have a problem that is really bothering me. I have created rounded corners for my "<!-- user info -->" table using CSS. My CSS is as follows
Code:
/* ***** H1 Tags ***** */
H1 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;
margin: 3px 3px 0px 3px;
font-weight: bold;}

H2 {font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px;
margin: 6px 3px 6px 3px;
font-weight: normal;}


/* ***** Yellow1 ***** */
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d{height:1px}
.yellow1 .a,.yellow1 .b,.yellow1 .c,.yellow1 .d,.yellow1 .content2{background:#fff9dd;overflow:hidden;border:0 solid #fff9dd;border-width:0 1px}
.yellow1 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow1 .b{margin:0 3px;border-width:0 2px}
.yellow1 .c{margin:0 2px}
.yellow1 .d{height:2px;margin:0 1px}
.yellow1 .content2{padding:0}



/* ***** Dark Blue ***** */
.dark_blue1{margin:0 auto;width:100%}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d{height:1px}
.dark_blue1 .a,.dark_blue1 .b,.dark_blue1 .c,.dark_blue1 .d,.dark_blue1 .content3{background:#e1ebf2;overflow:hidden;border:0 solid #e1ebf2;border-width:0 1px}
.dark_blue1 .a{margin:0 5px;background:#e1ebf2;border:0}
.dark_blue1 .b{margin:0 3px;border-width:0 2px}
.dark_blue1 .c{margin:0 2px}
.dark_blue1 .d{height:2px;margin:0 1px}
.dark_blue1 .content3{padding:0}


/* ***** Dark Blue2 ***** */
.dark_blue2{margin:0 auto;width:100%}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d{height:1px}
.dark_blue2 .a,.dark_blue2 .b,.dark_blue2 .c,.dark_blue2 .d,.dark_blue2 .content4{background:#b8c8d6;overflow:hidden;border:0 solid #b8c8d6;border-width:0 1px}
.dark_blue2 .a{margin:0 5px;background:#b8c8d6;border:0}
.dark_blue2 .b{margin:0 3px;border-width:0 2px}
.dark_blue2 .c{margin:0 2px}
.dark_blue2 .d{height:2px;margin:0 1px}
.dark_blue2 .content4{padding:0}

.yellow9{margin:0 auto;width:100%}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d{height:1px}
.yellow9 .a,.yellow9 .b,.yellow9 .c,.yellow9 .d,.yellow9 .content8{background:#fff9dd;overflow:hidden;border:0 solid #fff9dd;border-width:0 1px}
.yellow9 .a{margin:0 5px;background:#fff9dd;border:0}
.yellow9 .b{margin:0 3px;border-width:0 2px}
.yellow9 .c{margin:0 2px}
.yellow9 .d{height:2px;margin:0 1px}
.yellow9 .content8{padding:0}





.green8{margin:0 auto;width:100%}
.green8 .a,.green8 .b,.green8 .c,.green8 .d{height:1px}
.green8 .a,.green8 .b,.green8 .c,.green8 .d,.green8 .content12{background:#f5f4e0;overflow:hidden;border:0 solid #fff9dd;border-width:0 1px}
.green8 .a{margin:0 5px;background:#f5f4e0;border:0}
.green8 .b{margin:0 3px;border-width:0 2px}
.green8 .c{margin:0 2px}
.green8 .d{height:2px;margin:0 1px}
.green8 .content12{padding:0}


.light{margin:0 auto;width:100%}
.light .a,.light .b,.light .c,.light .d{height:1px}
.light .a,.light .b,.light .c,.light .d,.light .contentr{background:#e1ebf2;overflow:hidden;border:0 solid #e1ebf2;border-width:0 1px}
.light .a{margin:0 5px;background:#e1ebf2;border:0}
.light .b{margin:0 3px;border-width:0 2px}
.light .c{margin:0 2px}
.light .d{height:2px;margin:0 1px}
.light .contentr{padding:0}

.whiter{margin:0 auto;width:100%}
.whiter .a,.whiter .b,.whiter .c,.whiter .d{height:1px}
.whiter .a,.whiter .b,.whiter .c,.whiter .d,.whiter .contente{background:#eeeeee;overflow:hidden;border:0 solid #eeeeee;border-width:0 1px}
.whiter .a{margin:0 5px;background:#eeeeee;border:0}
.whiter .b{margin:0 3px;border-width:0 2px}
.whiter .c{margin:0 2px}
.whiter .d{height:2px;margin:0 1px}
.whiter .contente{padding:0}

.ny_postbit_bottom {
border-bottom:2px solid #e1ebf2;
}
.nymember_postbitround * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.nymember_postbitround1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.nymember_postbitround2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.nymember_postbitround3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.nymember_postbitround4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.nymember_postbitround_content {
background:#e1ebf2;
padding:0 5px;
}
.ny_roundalt1,.ny_roundnavbar,.ny_newpostbox,.ny_postbit,.nymember_postbitround,.ny_quicksearch,.ny_extrabar,.ny_currentver,ny_box1,.ny_box2,.ny_box3,.ny_box4,.ny_navbits_info,.ny_poll,.ny_announcement,.ny_unapbutton,.ubunu_loginbox,.ny_lastpost,.ny_announce,.ny_tags,.ny_forumhomelayout,.uf_normal_round,.ny_feisty_a {
display:block;
}.ny_roundnavbar *,.ny_postbit * {
display:block;
height:1px;
overflow:hidden;
background:#e1ebf2;
}
.ny_roundnavbar1,.ny_postbit1 {
border-right:1px solid #e1ebf2;
padding-right:1px;
margin-right:3px;
border-left:1px solid #e1ebf2;
padding-left:1px;
margin-left:3px;
background:#e1ebf2;
}
.ny_roundnavbar2,.ny_postbit2 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
background:#e1ebf2;
margin:0 1px;
padding:0 1px;
}
.ny_roundnavbar3,.ny_postbit3 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
margin:0 1px;
}
.ny_roundnavbar4,.ny_postbit4 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar5,.ny_postbit5 {
border-right:1px solid #e1ebf2;
border-left:1px solid #e1ebf2;
}
.ny_roundnavbar_content,.ny_postbit_content {
background:#e1ebf2;
padding:0 5px;
}


.ny_lastpost * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#f6f5f0;
}
.ny_lastpost1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
background:#f8f7f3;
}
.ny_lastpost2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fefefd;
border-right:1px solid #fefefd;
background:#f7f6f2;
}
.ny_lastpost3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #f7f6f2;
border-right:1px solid #f7f6f2;
}
.ny_lastpost4 {
border-left:1px solid #fbfaf8;
border-right:1px solid #fbfaf8;
}
.ny_lastpost5 {
border-left:1px solid #f8f7f3;
border-right:1px solid #f8f7f3;
}
.ny_lastposter {
background:#f6f5f0;
color:#000;
font:12px Tahoma, Sans, Arial, Helvetica, sans-serif;
padding:5px;
}


.ny_cat * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#FFC;
}
.ny_cat1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
background:#ffffd8;
}
.ny_cat2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #fffff9;
border-right:1px solid #fffff9;
background:#ffffd5;
}
.ny_cat3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffd5;
border-right:1px solid #ffffd5;
}
.ny_cat4 {
border-left:1px solid #ffffe9;
border-right:1px solid #ffffe9;
}
.ny_cat5 {
border-left:1px solid #ffffd8;
border-right:1px solid #ffffd8;
}
.ny_cater {
background:#FFC;
padding:5px;
}


.ny_cathead a:link,.ny_cathead_alink,.ny_cathead a:visited,.ny_cathead_avisited {
color:#4d4d4d;
text-decoration:none;
}
.ny_cathead {
color:#79786c;
font-weight:400;
font:normal 1.5em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
}
.ny_cathead a:hover,.ny_cathead a:active,.ny_cathead_ahover {
color:#79786c;
text-decoration:underline;
}

.ny_log * {
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#ffffff;
}
.ny_log1 {
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log2 {
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
background:#ffffff;
}
.ny_log3 {
margin-left:1px;
margin-right:1px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log4 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_log5 {
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}
.ny_loger {
background:#ffffff;
padding:3px;

}
If someone could take a look at it and tell me if I messed up somewhere it would be greatly appreciated.

How I implimented the rounded corners:
In the postbit template I added
Code:
<div>
<b class="ny_postbit">
<b class="ny_postbit1"><b></b></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit5"></b>
</b> <div class="ny_postbit_content">
Right above
Code:
<table cellpadding="0" cellspacing="$stylevar[cellpadding]" border="0" width="100%">
		<tr>
In postbit(same template) I added
Code:
 </div>
<b class="ny_postbit">
<b class="ny_postbit5"></b>
<b class="ny_postbit4"></b>
<b class="ny_postbit3"></b>
<b class="ny_postbit2"><b></b></b>
<b class="ny_postbit1"><b></b></b>
</b>
</div>
Right above
Code:
<!-- / user info -->
I have to break this thread up into 2 posts. Please view second post.
Reply With Quote
Reply


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:49 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.09552 seconds
  • Memory Usage 2,254KB
  • 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
  • (5)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)showthread_list
  • (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_threadedmode.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_threaded
  • showthread_threaded_construct_link
  • 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
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete