Proszę o to kodzik który używałem na innym stylu.
HTML:
<table width="100%" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead" colspan="10">Tabela Serwerów</span>
</td>
</tr>
<tr>
<td width="15" class="trow4" style="text-align:center;"><b>Nr.</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Gra</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Mod Serwera</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Sloty</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>IP</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Monitoring</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Połącz</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>GameTracker</b>
</td>
<td width="15" class="trow4" style="text-align:center;"><b>Demka</b>
</td>
</tr>
<tr>
</td>
</tr>
<tr>
<td class="trow4" style="text-align:center;"><b>1</b></td>
<td class="trow4" style="text-align:center;"><b><img src="/images/serversboard/icons/cs16.png"></b></td>
<td class="trow4" style="text-align:center;"><b>Mod</b></td>
<td class="trow4" style="text-align:center;"><b>Sloty</b></td>
<td class="trow4" style="text-align:center;"><b><span class="ip">IP</span></b></td>
<td class="trow4" style="text-align:center;">BannerGT</span></td>
<td class="trow4" style="text-align:center;"><a href="steam://connect/IP"><span class="polacz">Połącz</span></a></td>
<td class="trow4" style="text-align:center;"><a href="http://www.gametracker.com/server_info/IP"><span class="gt">GameTracker</span></a></td>
<td class="trow4" style="text-align:center;"><a href="#"><span class="demka">HLTV</span></a></td>
</tr>
</table>
CSS:
.polacz {
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
background: #f95f00 url(images/blackshoot/highlight_reallyfaint.png) repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
width: 90px;
}
.polacz:hover {
color: #FFF;
background-color: #f95f00;
box-shadow: 0px 0px 30px #f95f00;
}
.polacz img
{
margin: 0px 3px -5px -5px;
}
.gt {
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
background: #f95f00 url(images/blackshoot/highlight_reallyfaint.png) repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
width: 90px;
}
.gt:hover {
color: #FFF;
background-color: #f95f00;
box-shadow: 0px 0px 30px #f95f00;
}
.gt img
{
margin: 0px 3px -5px -5px;
}
.demka {
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
background: #f95f00 url(images/blackshoot/highlight_reallyfaint.png) repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
width: 90px;
}
.demka:hover {
color: #FFF;
background-color: #f95f00;
box-shadow: 0px 0px 30px #f95f00;
}
.demka img
{
margin: 0px 3px -5px -5px;
}
.ip
{
box-shadow: 0px 0px 30px #f95f00;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
background: #f95f00 url(images/blackshoot/highlight_reallyfaint.png) repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
width:150px;
}
.ip:hover
{
background: #f95f00;
box-shadow: 0px 0px 60px #f95f00;
}
.otoczka_gt
{
box-shadow: 0px 0px 30px #f95f00;
}
.otoczka_gt:hover
{
box-shadow: 0px 0px 60px #f95f00;
}