Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{include:Сайт - CSS для меню Dev Tools}

{align:center}{include:Сайт - Главное меню - Верхнее подменю}{align}
{align:center}
{html}
<table width="10%" border="0" cellspacing="0" cellpadding="0" height="51px">
<tr>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/display/MAIN/JIRA" class="rolljira">
        <img id="img" src="http://www.teamlead.ru/download/attachments/41943234/devtools_pure_grad_left.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:white;">JIRA</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#82C3F8; position: relative; top:-43px;">Задачи, Проекты</div></a>
</div>
</td>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/display/MAIN/Confluence" class="rollconf">
	<img id="img" src="style}
#teamlead {
  height:51px;
  overflow:hidden;
  }
#img{

  background-color:#ffffff;
  position: relative;
  z-index:1;
}

#text{
  position: relative;
  top:-49px;
  z-index:2;
  width:146px;
  height:0px;
}


a.text_devtools:active {
color:red;
text-decoration: none;
}

a.text_devtools:visited {
color:#003366;
text-decoration: none;
}

a.text_devtools:link
{
color:#003366;
text-decoration: none;
}

a.text_devtools:hover
{
color:#999999;
text-decoration: none;
}

#TextOverBanner_devtools {
width:876px;
height:31px;
background-image:url(http://www.teamlead.ru/download/attachments/41943234/puresub-nav-bg-dev-tools.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:white;">Confluence</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#82C3F8; position: relative; top:-43px;">Портал, База знаний</div></a>
</div>
</td>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/display/MAIN/Plugins" class="rollhost">
	<img id="img" src=");
position: relative;
}

#text_devtools {
position: relative;
top:5px;
}

.text_devtools
{
font-size:12px;
}

a.rolljira
{
 display:block;
 width:146px;
 height:51px;
 background:#ffffff url(http://www.teamlead.ru/download/attachments/41943234/devtools_pure_dark_left.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:white;">Plugins</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#82C3F8; position: relative; top:-43px;">разработка плагинов</div></a>
</div>
</td>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/display/MAIN/JIRA+Hosting" class="rollhost">
	<img id="img" src=") no-repeat center;
 overflow:hidden;
 cursor:link;
 text-decoration: none;
}
a.rolljira img
{
 visibility:hidden;
}
a.rolljira:hover
{
 background:0;
}
a.rolljira:hover img
{
 visibility:visible;
 border:0;
}

a.rollconf
{
 display:block;
 width:146px;
 height:51px;
 background:#fff url(http://www.teamlead.ru/download/attachments/41943234/pure_dark_center.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:white;">Hosting</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#82C3F8; position: relative; top:-43px;">Аренда приложений</div></a>
</div>
</td>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/display/MAIN/Development+Tools" class="rolldev">
	<img id="img" src=") no-repeat center;
 overflow:hidden;
 cursor:link;
 text-decoration: none;

}
a.rollconf img
{
 visibility:hidden;
}
a.rollconf:hover
{
 background:0;
}
a.rollconf:hover img
{
 visibility:visible;
 border:0;
}



a.rollhost
{
 display:block;
 width:146px;
 height:51px;
 background:#fff url(http://www.teamlead.ru/download/attachments/41943234/pure_silverdark_center.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:002c66;">Dev Tools</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#000000; position: relative; top:-43px;">Утилиты разработчиков</div></a>
</div>
</td>

<td width="100%" height="51">
        <a href="http://www.teamlead.ru/x/LgDr" class="rollcompany">
	<img id="img" src=") no-repeat center;
 overflow:hidden;
 cursor:link;
 text-decoration: none;

}
a.rollhost img
{
 visibility:hidden;
}
a.rollhost:hover
{
 background:0;
}
a.rollhost:hover img
{
 visibility:visible;
 border:0;
}


a.rolldev
{
 display:block;
 width:146px;
 height:51px;
 background:#fff url(http://www.teamlead.ru/download/attachments/41943234/devtools_pure_gradsilver_rightcenter.png" width="146" height="51" border="0" alt=""/>
        <div id="text" align="center" style="font-size:21px; font-weight:bold; color:white;">Teamlead</div>
        <br>
        <div id="text" align="center" style="font-size:11px; color:#82C3F8; position: relative; top:-43px;">О компании</div></a>
</div>
</td>
</tr>
<tr>
<td width="100%" height="31" colspan="6">


<div id="TextOverBanner_devtools">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="5px" class="table_absolute">

<tr>

<td width="15%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/Greenhopper" class="text3">GreenHopper</a>
</div>
</td>

<td width="14%" height="5">
<div align="center" id="text_devtools">
<a href=") no-repeat center;
 overflow:hidden;
 cursor:link;
 text-decoration: none;

}
a.rolldev img
{
 visibility:hidden;
}
a.rolldev:hover
{
 background:0;
}
a.rolldev:hover img
{
 visibility:visible;
 border:0;
}

a.rollcompany
{
 display:block;
 width:146px;
 height:51px;
 background:#ffffff url(http://www.teamlead.ru/displaydownload/MAIN/FishEye" class="text3">FishEye</a>
</div>
</td>

<td width="14%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/Crucible" class="text3">
Crucible</a>
</div>
</td>

<td width="14%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/Bamboo" class="text3">Bamboo</a>
</div>
</td>

<td width="12%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/Clover" class="text3">Clover</a>
</div>
</td>

<td width="13%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/Crowd" class="text3">Crowd</a>
</div>
</td>

<td width="15%" height="5">
<div align="center" id="text_devtools">
<a href="http://www.teamlead.ru/display/MAIN/IDE+Connectors" class="text3">IDE Connectors</a>
</div>
</td>

</tr>
</table>
</div>

</td>

</tr>
</table>
{html}
{alignattachments/41943234/devtools_pure_dark_right.png) no-repeat center;
 overflow:hidden;
 cursor:link;
 text-decoration: none;

}
a.rollcompany img
{
 visibility:hidden;
}
a.rollcompany:hover
{
 background:0;
}
a.rollcompany:hover img
{
 visibility:visible;
 border:0;
}



{style}