Как сделать вкладки (табы) для DLE 10.1

[vik1105 1]

Здравствуйте помогите сделать вкладки:вот как сделал я

1.в main.tpl перед </head> вставил код:

<div class="stext">

	<script type="text/javascript" src="engine/skins/tabs.js"></script>

2.В fullstory.tpl вставил такой код:

<div id="dle_tabView1">

<div class="dle_aTab" style="display:none;">

{full-story}

</div>

<div class="dle_aTab" style="display:none;">

[xfgiven_screens]<a href="[xfvalue_screens]" onclick="return hs.expand(this)"><img src="[xfvalue_screens]" width="200" height="100" border="0"></a>[/xfgiven_screens][xfgiven_screens1]<a href="[xfvalue_screens1]" onclick="return hs.expand(this)"><img src="[xfvalue_screens1]" width="200" height="100" border="0"></a>[/xfgiven_screens1][xfgiven_screens2]<a href="[xfvalue_screens2]" onclick="return hs.expand(this)"><img src="[xfvalue_screens2]" width="200" height="100" border="0"></a>

	[/xfgiven_screens2]

	<center>[xfnotgiven_screens]<font color=red size=3>Скриншоты к этому торренту не найдены![/xfnotgiven_screens]</font></center>




<br><br><br><br><br><br>

</div>

<div class="dle_aTab" style="display:none;">

<center>

[xfgiven_treyler]

<iframe src="[xfvalue_treyler]" frameborder="0" height="320" width="426" ></iframe>

[/xfgiven_treyler]

[xfnotgiven_treyler]<font color=red size=3>Трейлер к этому торренту не найден![/xfnotgiven_treyler]</font></center>

</div>

<div class="dle_aTab" style="display:none;">

<center>[xfgiven_online]

<iframe src="[xfvalue_online]" frameborder="0" height="360" width="540" ></iframe>

[/xfgiven_online]

		[xfnotgiven_online]<font color=red size=3>Видео к этому торренту не найдено![/xfnotgiven_online]</font></center>

<br><br>


</div>

</div>

<script type="text/javascript">

initTabs('dle_tabView1',Array('<font color=#FFFFFF>Описание</font>','<font color=#FFFFFF>Скриншоты</font>','<font color=#FFFFFF>Трейлер</font>','<font color=#FFFFFF>Смотреть онлайн</font>'),0, '100%',0);

</script>

3. В стилях прописал:

.dle_tabPane{


		height:26px;	/* Height of tabs */

	}

	.dle_aTab{


		border:1px  solid #185D75;

		padding:5px;	  


	}

	.dle_tabPane DIV{


background: #185D75;

-webkit-border-top-left-radius: 8px; /* Safari, Chrome */

				-webkit-border-top-right-radius: 8px; /* Safari, Chrome */

				  -khtml-border-top-left-radius: 8px; /* KHTML */

				 -khtml-border-top-right-radius: 8px; /* KHTML */

						 -moz-border-radius-topleft: 8px; /* Firefox */

						-moz-border-radius-topright: 8px; /* Firefox */

								 border-top-left-radius: 8px; /* CSS3 */

								border-top-right-radius: 8px; /* CSS3 */

float:left;

		padding-left:3px;

		vertical-align:middle;

		background-repeat:no-repeat;

		background-position:bottom left;

		cursor:pointer;

		position:relative;

		bottom:-1px;

		margin-left:0px;

		margin-right:0px;



	}


	.dle_tabPane .tabActive{


background: #c93434;

-webkit-border-top-left-radius: 8px; /* Safari, Chrome */

				-webkit-border-top-right-radius: 8px; /* Safari, Chrome */

				  -khtml-border-top-left-radius: 8px; /* KHTML */

				 -khtml-border-top-right-radius: 8px; /* KHTML */

						 -moz-border-radius-topleft: 8px; /* Firefox */

						-moz-border-radius-topright: 8px; /* Firefox */

								 border-top-left-radius: 8px; /* CSS3 */

								border-top-right-radius: 8px; /* CSS3 */



}

	.dle_tabPane .tabInactive{


background: #c286A82;

-webkit-border-top-left-radius: 8px; /* Safari, Chrome */

				-webkit-border-top-right-radius: 8px; /* Safari, Chrome */

				  -khtml-border-top-left-radius: 8px; /* KHTML */

				 -khtml-border-top-right-radius: 8px; /* KHTML */

						 -moz-border-radius-topleft: 8px; /* Firefox */

						-moz-border-radius-topright: 8px; /* Firefox */

								 border-top-left-radius: 8px; /* CSS3 */

								border-top-right-radius: 8px; /* CSS3 */

	}



	.dle_tabPane .inactiveTabOver{

		margin-left:0px;

		margin-right:0px;

	}

.dle_tabPane span{


		font-family:tahoma;

		vertical-align:top;

		font-size:14px;

		line-height:26px;

		float:left;

}

	.dle_tabPane .tabActive span{

		padding-bottom:0px;

		line-height:26px;

	}

4.Сделал доп.поля.

должно было получится вот так:

Но никаких изменений на сайте не произошло, подскажите что не так? Правильно ли я эти вставил?

Образец взят отсюда http://www.cyberforu...ead1374574.html

Заранее спасибо.