Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ticarp

Coloração de Tabela!

Por , em Javascript

Recommended Posts

ticarp    0

ticarp
Postado

Opa pessoal, estava dando uma olhada no outro tópico sobre coloração de tabelas... e consegui com a ajuda de todas as explicações alcançar o resultado esperado.

Só que navegando pela net achei esse menu onde não apenas a cor da tabela muda mas a borda também (ou algo parecido)...

O link segue abaixo para que possa ser visualizado:

 

Link

 

É o menu onde tem as opções: Quick View, Get a Counter, etc... na esquerda...

 

No aguardo, Tiago..

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3;Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

ticarp    0

ticarp
Postado

onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3;Alica CWB

Valeu Aline,Mas me diz uma coisa!! Onde coloco esse código?? Em cada celula? Ou teria como aplicar logo a tabela toda?Um abraço, Tiago.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

Dá uma olhada como o cara do site fez....

Mas eu acho que nao precisa dos divs... eu testaria colocar nas tds...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />    <meta http-equiv="imagetoolbar" content="no" />    <meta name="keywords" content="webmaster services,free, free guestbooks,guestbook,free forum,message board,hit counters,free counter,greeting card hosting,ecard,e-card,free chat rooms,chat,email form processing,cgi scripts,scripts,free scripts,classified ads,redirection,website tools,web tools,components,add-ons,e-commerce,tell a friend,recommend,homepage tool,guestmap,map,photo,image,store,photo center,newsletter, html newsletter,email,mailing list,stats,statistics,search, search engine,humanclick,live help,password,protect,vote,poll,cast vote,minipoll,votecaster,links,free for all,search, search the web,internet marketing,web design,freebies,software,freeware,affiliate programs making money,storage,search engine submissions,FFA links,gif,jpg,clipart,graphics,sound files,frames,javascripts,web design,webmaster,hosting,webmaster tools,money,site statistics,humor,cartoon,daily cartoon,daily comic,jokes,riddles,monitoring,HTML,editing,HTML help" />    <meta name="description" content="Free guestbooks, message boards, chatrooms, greeting cards, instant messenger, classified ads, email form processing, e-commerce, and a ton more! Bravenet.com has the best selection of free and professional tools for webmasters." />    <title>Bravenet Counter Statistics</title>    <link rel="stylesheet" type="text/css" href="http://images.bravenet.com/bravenet/css/style.css" />        <script type="text/javascript">    function PopupWindow(href, w, h, settings)    {        leftpos = (screen.width) ? (screen.width/2)-(w/2) : 0;        toppos = (screen.height) ? (screen.height/2)-(h/2) : 0;        settings = 'height='+h+',width='+w+',top='+toppos+',left='+leftpos+','+settings;        window.open(href, 'popupwindow', settings)    }        </script></head><body><!-- POPUP FREQ: 5 HASCOOKIES: 1 DATE: 1058276699 SHOWPOPUP: 1 - RANDNUMBER:  --><img src="http://www.bravenet.com/setcookie.php?name=shownpopup&value=1058276999&expires=5" width="1" height="1" alt=""><script language="javascript" type="text/javascript" src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=POPUP_DB&xs=1058276699"></script><noscript><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=POPUP_DB&xs=1058276699" alt="" border="0"></noscript><div align="center"><iframe src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=SPONSORBAR_DB&xs=1058276699&js=false" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><script language="javascript" type="text/javascript" src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=SPONSORBAR_DB&xs=1058276699"></script><noscript><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=SPONSORBAR_DB&xs=1058276699" alt="" border="0"></noscript></iframe><div style="margin-bottom:15px;"><form action="http://www.bravenet.com/index.php" method="post" style="display:inline;"><input type="hidden" name="login" value="1" /><!-- <HEADER> --><div style="width:758px; text-align:left; border:1px solid #999999; margin-top:10px; margin-bottom:2px;" class="mainbgcolor">    <div style="padding-top: 14px; float: right; width: 388px;">        <div style="text-align: right;padding-bottom: 10px; padding-right: 10px;">            <span style="font: bold 10px tahoma; color: #fff;">USERNAME: <input type="text" name="userid" value="" style="border: 0px solid #cccccc; height: 15px; width: 63px; font: 11px arial; padding: 0px;" /></span>            <span style="font: bold 10px tahoma; color: #fff;">PASSWORD: <input type="password" name="password" value="" style="border: 0px solid #ccc; height: 15px; width: 63px; font: 11px arial; padding: 0px;" /></span>            <span><input class="formbutton" type="submit" value="LOGIN" style="color:#555;border: 1px solid #555; height: 16px; width: 40px; font: bold 10px tahoma; padding:0px;"></span>        </div>        <div style="text-align: right;font: 11px tahoma; color: #fff; letter-spacing: 1px; padding-right: 10px;">                            <a style="color: #fff; text-decoration: none;" href="http://www.bravenet.com/signup/tos.php">join</a> ·                <a style="color: #fff; text-decoration: none;" href="javascript:void(1)" onclick="PopupWindow('http://www.bravenet.com/tour/index.php', 536, 410 ,'status=no,toolbar=no,menubar=no,location=no,directories=no,resizable=no');">tour</a> ·                <a style="color: #fff; text-decoration: none;" href="http://www.bravenet.com/global/search.php">search</a> ·                <a style="color: #fff; text-decoration: none;" href="http://www.bravenet.com/global/sitemap.php">sitemap</a> ·                <a style="color: #fff; text-decoration: none; cursor:help;" href="http://www.bravenet.com/help/index.php">help</a> ·                <a style="color: #fff; text-decoration: none;" href="http://www.bravenet.com/global/lostpassword.php">lost password</a>                    </div>    </div>    <div style=" padding-top: 10px; padding-bottom: 10px;"><a href="http://www.bravenet.com/"><img src="http://images.bravenet.com/bravenet/images/header_logo.gif" alt="" style="border:0px;" /></a></div></div><!-- </HEADER> --><!-- <TOOLBAR> --><div style="border:1px solid #999; width:758px; margin-bottom:10px; height:15px; background-color:#f3f3f3;">    <div style="margin-right:1px; float:left; clear:all; width:159px; border-right:1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/signup/tos.php'">join bravenet</div></div>    <div style="margin-right:1px; float:left; width:196px; border-left: 1px solid #999; border-right: 1px solid #999999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/webhosting/index.php'">hosting and domains</div></div>    <div style="margin-right:1px; float:left; width:196px; border-left: 1px solid #999; border-right: 1px solid #999999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/webtools/index.php'">web tools and services</div></div>    <div style="float:left; width:198px; border-left:1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/resources/index.php'">developer resources</div></div></div><!-- </TOOLBAR> --></form><span style="clear:left;"></span></div><script language="javascript">	<!--	function closer(urlid)	{  parent.parent.opener.location.href= urlid;  parent.window.close();	}	-->	</script><div align="center"><table style="width: 760px; text-align: left;" cellpadding="0" cellspacing="0" border="0">  <tr>    <td style="border: 1px solid #969696; background-color: #f3f3f3; text-align: center; vertical-align: top; width: 160px;">    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">   	 <tr>                    <td class="sidebartitle mainbgcolor">Counter Statistics</td>                </tr>     	 <tr>                    <td class="sidebartitle">General</td>                </tr>     	 <tr>           <td class="sidebartitle" style="padding: 2px; padding-top: 2px; padding-bottom: 10px;">                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                            onclick="location.href='index.php?id=363124&usernum=376235835'">                   <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                   Quick View             	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                      onclick="location.href='http://www.bravenet.com/webtools/counter/index.php';">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                      Get a Counter                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='http://www.bravenet.com/';">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Bravenet.com                  </div>         	 </td>          </tr>          <tr>                    <td class="sidebartitle">Analysis</td>                </tr>                <tr>                    <td class="sidebarcontent" style="padding: 2px; padding-top: 2px; padding-bottom: 10px;">                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=referer&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Recent Visitors                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=hourofday&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 By Hour of Day                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=weekday&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 By Day of Week                  </div>         	 </td>          </tr>          <tr>                    <td class="sidebartitle">Visitor Info</td>                </tr>                <tr>                    <td class="sidebarcontent" style="padding: 2px; padding-top: 2px; padding-bottom: 10px;">                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=screen&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Screen Resolution                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=color&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Color Depth                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=browser&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Web Browser                   	 </div>                        <div class="text11" onmouseover="this.style.border='1px solid #bbbbbb'; this.style.backgroundColor='#ffffff'" onmouseout="this.style.border='1px solid #f3f3f3'; this.style.backgroundColor='#f3f3f3'" style="cursor: pointer; background-color: #f3f3f3; border: 1px solid #f3f3f3; padding-left: 6px;"                 	 onclick="location.href='index.php?id=363124&type=os&usernum=376235835'">                            <img src="http://images.bravenet.com/common/images/bluearrow.gif" width="3" height="5" align="absmiddle" alt="">                 	 Operating System                        </div>         	 </td>          </tr>          <tr>              <td align="center"><P><BR><iframe src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=ROTATOR_125_DB&xs=1058276699&js=false" width="125" height="125" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><script language="javascript" type="text/javascript" src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=ROTATOR_125_DB&xs=1058276699"></script><noscript><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=ROTATOR_125_DB&xs=1058276699" alt="" border="0"></noscript></iframe><br><br></td></tr>       	 </table></td>        <!-- START OF MAIN COLUMN -->        <td style="width: 20px;"> </td>        <td style="width:579px; background-color: #ffffff; vertical-align:top; text-align: center;"><div align="center" style="font:bold 20px arial; padding: 15px;">Site Stats Overview</div><div align="left" style="padding:0px;width:579px;font: 11px tahoma,arial;"><div align="center">Counter Name: <strong>suicidal</strong>             Page Name: <strong>index2</strong><br /></div><br /><br /><table bgcolor="#ffffff" border="0" cellpadding="3" cellspacing="0" width="579" style="font: 11px tahoma,arial; border: solid 1px #bbbbbb;">    <tr>        <td colspan="2" bgcolor="#f1f1f1" style="border-bottom: 1px solid #bbbbbb"><strong>Cumulative Statistics</strong></td>	</tr>	<tr bgcolor="#ffffff">     <td width="80%">Total Page Views</td>     <td width="20%" align="center">653</td>	</tr>	<tr bgcolor="#f1f1f1">        <td width="80%">Unique Visitors</td>        <td width="20%" align="center">1580</td>    </tr>    <tr bgcolor="#ffffff">        <td width="80%">Avg. Page Views Per Visitor</td>            <td width="20%" align="center">0.4</td>	</tr></table><br /><br /><table bgcolor="#ffffff" border="0" cellpadding="3" cellspacing="0" width="579" style="font: 11px tahoma,arial; border: solid 1px #bbbbbb;">    <tr>        <td colspan="2" bgcolor="#f1f1f1" style="border-bottom: 1px solid #bbbbbb"><strong>Today's Statistics</strong></td>	</tr>	<tr bgcolor="#f1f1f1">        <td width="80%">Daily Unique Visitors</td>     <td width="20%" align="center">1</td>	</tr>	<tr bgcolor="#ffffff">        <td width="80%">Daily First-time Visitors</td>        <td width="20%" align="center">1</td>	</tr>    <tr bgcolor="#f1f1f1">        <td width="80%">Daily Returning Visitors</td>     <td width="20%" align="center">0</td>    </tr></table>     	 <br /><br /><table bgcolor="#ffffff" border="0" cellpadding="5" cellspacing="0" width="579" style="font: 11px tahoma,arial; border: solid 1px #bbbbbb;">    <tr bgcolor="#f1f1f1">        <td colspan="2" bgcolor="#f1f1f1" style="border-bottom: 1px solid #bbbbbb;"><strong>Statistic</strong></td>        <td colspan="3" bgcolor="#f1f1f1" style="border-bottom: 1px solid #bbbbbb;"><strong>Most Popular</strong></td>    </tr>    <tr bgcolor="#ffffff">        <td colspan="2">Hits Per Hour of Day</td>        <td>12:00 PM</td>        <td> </td>        <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=hourofday&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a></td>   </tr>    <tr bgcolor="#f9f9f9"><td colspan="2">Hits Per Weekday</td>       <td>Mondays</td>       <td> </td>       <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=weekday&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a></td>    </tr>    <tr bgcolor="#ffffff">            <td colspan="2">Screen Resolution</td>         <td>800x600</td>            <td> </td>            <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=screen&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a></td>        </tr>        <tr bgcolor="#f9f9f9">            <td colspan="2">Color Depth</td>         <td>16.7M Colors (32bit- True Color)</td>            <td> </td>            <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=color&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a>        </td>    </tr>	<tr bgcolor="#ffffff">        <td colspan="2">Browser Ratios</td>          <td>Explorer 6.0</td>            <td> </td>              <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=browser&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a></td>         </tr>        <tr bgcolor="#f9f9f9">          <td colspan="2">Operating System Ratios</td>         <td>Windows 98</td>          <td> </td>         <td align="right"><a style="text-decoration:none;" href="index.php?id=363124&type=os&usernum=376235835">View Stats <img align="absmiddle" src="http://images.bravenet.com/common/images/serviceicons/displaystats.gif" border="0" alt="View Stats" /></a></td>        </tr>    </table>    </td>  </tr></table><p>     	 </div></td>	</tr></table></td></tr></table><!-- <FOOTER> --><div style="margin-top:15px; width: 758px; border: 1px solid #999; margin-bottom: 5px; height: 15px; background-color:#f3f3f3;">    <div style="margin-right:1px; width:110px; float:left; border-right: 1px solid #999;"><div class="menuBar"> </div></div>        <div style="margin-right:1px; width:104px; float:left; border-left: 1px solid #999; border-right: 1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/global/privacy.php'">privacy policy</div></div>    <div style="margin-right:1px; width:104px; float:left; border-left: 1px solid #999; border-right: 1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/global/terms.php'">terms of service</div></div>    <div style="margin-right:1px; width:104px; float:left; border-left: 1px solid #999; border-right: 1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/global/about.php'">about bravenet</div></div>    <div style="margin-right:1px; width:104px; float:left; border-left: 1px solid #999; border-right: 1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/global/advertising.php'">advertising</div></div>	<div style="margin-right:1px; width:104px; float:left; border-left: 1px solid #999; border-right: 1px solid #999;"><div class="menuBar" onmouseover="this.className='menuBarOver';" onmouseout="this.className='menuBar';" onclick="location.href='http://www.bravenet.com/global/contact.php'">contact</div></div>    <div style="width:110px; float:left; border-left: 1px solid #999;"><div class="menuBar"> </div></div>        </div><div style="margin:1px; clear:left;"></div><div class="mainbgcolor" style="margin-top: 2px; width: 760px; height: 4px; font: 1px verdana;"></div><div class="text10" align="center" style="color:#969696; padding: 10px;">All contents copyright 1997-2003 Bravenet Web Services Inc.</div><!-- </FOOTER> --><br /><br /></div></body></html>

Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

E outra, se você aplicar no <table, ele só vai mudar a borda apenas da tabela....Mas faça testes pra verificar isso certinho, ok ??Alica CWB :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito