The Arcive of Official vBulletin Modifications Site.

xcingix · #1 05-25-2007, 12:38 AM

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 "" 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.

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.16294 seconds Memory Usage 2,654KB Queries Executed 13 (?)
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 (6)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (10)postbit (2)postbit_attachment (9)postbit_onlinestatus (10)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_postinfo_query fetch_postinfo 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 postbit_attachment tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!