Welcome, Guest. Please Login or Register.
September 29, 2024, 07:22:52 PM
Home Help Search Log in Register
News: If you are still using YaBB SE, please consider upgrading to SMF as soon as possible.

YaBB SE Community  |  Development  |  Graphics and Templates  |  table 3D effect « previous next »
Pages: [1] Reply Ignore Print
Author Topic: table 3D effect  (Read 2541 times)
PHPlugin
Sr. Member
****
Posts: 465


WWW
table 3D effect
« on: April 06, 2002, 03:58:53 PM »
Reply with quote

how do i make this 3D effect of th tables like on this site: http://www.triplecrownthreat.net/EMB4LIFE/index.php

Can anybody tell me? Is it done with CSS?
When yes, how?

THX
Logged
andrea
Global Moderator
YaBB God
*****
Posts: 4400


Peace on Earth

WWW
Re:table 3D effect
« Reply #1 on: April 06, 2002, 05:05:08 PM »
Reply with quote

Hint: view the source code of any board page and study the css part.
Logged

PHPlugin
Sr. Member
****
Posts: 465


WWW
Re:table 3D effect
« Reply #2 on: April 06, 2002, 05:13:01 PM »
Reply with quote

yeah, i know, but from this site (above) i CANT show it!
why? i dont know!  ;)

so, u know any other site with this CSS thing?

thx
Logged
andrea
Global Moderator
YaBB God
*****
Posts: 4400


Peace on Earth

WWW
Re:table 3D effect
« Reply #3 on: April 06, 2002, 05:28:51 PM »
Reply with quote

I got his css for you, here it is:


<style type="text/css">
<!--
A:link        {text-decoration: none; color: #6F7A9E;}
A:visited     {text-decoration: none; color: #6F7A9E;}
A:hover       {text-decoration: none; color: #DDDDDD; font-style: normal; text-decoration: underline

overline}}
BODY          {scrollbar-face-color: #272A2F;
                scrollbar-shadow-color: #1B1E25;
                scrollbar-highlight-color: #cccccc;
               scrollbar-3dlight-color: #272A2F;
                scrollbar-darkshadow-color: #1B1E25;
                scrollbar-track-color: #444444;
               scrollbar-arrow-color: #6F7A9E; font-family: Verdana}
.nav          {text-decoration: none; color: #ffffff;}
.nav:link     {text-decoration: none; color: #ffffff;}
.nav:visited  {text-decoration: none; color: #ffffff;}
.nav:hover    {text-decoration: overline; color: #6F7A9E; font-style: normal; text-decoration: underline}
.windowbg     {background-color: #272A2F;; border-color: #6B6B6B #252525 #252525 #6B6B6B; padding-top: 2px;
padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-style: outset; border-top-width: 1px;

border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.windowbg2    {background-color: #444444;; border-color: #999999 #414141 #414141 #999999; border-style:

outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.windowbg3    {background-color: #6F7A9E;; border-color: #FFFF99 #CC9900 #CC9900 #FFFF99; border-style:

outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.titlebg    {background-color: #6F7A9E; border-color: #FFFFFF #000000 #000000 #FFFFFF; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.catbg    {background-color: #40454C; border-color: #999999 #414141 #414141 #999999; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.text1        {font-style: normal; font-weight: bold; font-size: 10px; color: #000000;}


.oldcatbg        {background-color: #40454C; color: #EEEEEE; font-weight: bold; font-size: 13px;; border: 1px

#666666 solid}
.bordercolor  {background-color: #000000;}
.quote        {font-size: 10px; font-family: Arial; color: #FFFFFF; background-color: dimgray;; border:

#666666; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.code         {font-size: 12px; font-family: "Courier New", Courier, mono; color: #000000; background-color:


#FFB920;}
TD            {font-family: Verdana; color: #FFFFFF}
input         {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
textarea      {background-color: #333333; font-family: Verdana; font-size: 10pt; color: #FFFFFF;}
select        {background-color: #333333; font-family: Verdana; font-size: 7pt; color: #FFFFFF;}
.poll        {font-size: 10px; font-family: Arial; background-color: dimgray; color: red;}
-->
</style>


I suppose its the tags in the windowbg... classes that do the 3d effect.
« Last Edit: April 06, 2002, 05:30:52 PM by andrea » Logged

PHPlugin
Sr. Member
****
Posts: 465


WWW
Re:table 3D effect
« Reply #4 on: April 06, 2002, 07:21:04 PM »
Reply with quote

 :D thank you!
Logged
Pages: [1] Reply Ignore Print 
YaBB SE Community  |  Development  |  Graphics and Templates  |  table 3D effect « previous - next »
 


Powered by MySQL Powered by PHP YaBB SE Community | Powered by YaBB SE
© 2001-2003, YaBB SE Dev Team. All Rights Reserved.
SMF 2.1.4 © 2023, Simple Machines
Valid XHTML 1.0! Valid CSS

Page created in 0.033 seconds with 21 queries.