1.Создадим информер .
Параметры к информеру:
Код Раздел: Каталог файлов
Тип данных: Материалы
Способ сортировки: Дата добавления материала D
Количество материалов: 4
Количество колонок: 12
2.Редактирование информера и вставьте код ниже.
Код <a class="blogEntryTitles third-block-links" href="$ENTRY_URL$"><b>$TITLE$</b></a> <div class="viewn_ll_informer"> <a href="$ENTRY_URL$"><img src="$SCREEN_URL$" alt="$TITLE$"></a></div> <br>
3.Это в CSS
Код .viewn_detail a {
color: #090;
text-shadow: 1px 1px 0px white;
text-decoration: none;
}
#side_center .viewn_loop {
margin: 0 -14px 7px;
}
.viewn_t, .viewn_t2, .vcomm_top {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat right -34px;
padding: 0 10px 0 0;
}
.viewn_t_in {
height: 34px;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat 0 0;
}
.viewn_t_in span {
display: block;
margin: 0 0 10px 0;
color: #090;
}
.viewn_title {
height: 16px;
overflow: hidden;
font-size: 13px;
font-weight: 700;
color: #090;
padding: 9px 0 0 12px;
}
.viewn_c {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y 0 0;
}
.viewn_c_in {
overflow: hidden;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y right 0;
padding: 0 3px;
}
.viewn_c_in2 {
background: #EDEDED;
padding: 5px;
}
.viewn_cont {
overflow: hidden;
padding: 0 2px;
}
.viewn_r {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
}
.hr_v2 {
height: 1px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background: #7C7C7C;
margin: 5px -6px;
}
.viewn_detail {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
margin: -3px 0 0;
padding: 0 2px;
}
.v_detail_b {
margin-bottom: -5px;
}
.viewn_b {
height: 6px;
display: block;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_b_bg.png) no-repeat right -6px;
padding: 0 10px 0 0;
}
#side_center .viewn_loop {
margin: 0 -14px 7px;
}
.viewn_t, .viewn_t2, .vcomm_top {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat right -34px;
padding: 0 10px 0 0;
}
.viewn_t_in {
height: 34px;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat 0 0;
}
.viewn_t_in span {
display: block;
margin: 0 0 10px 0;
color: #090;
}
.viewn_title {
height: 16px;
overflow: hidden;
font-size: 13px;
font-weight: 700;
color: #090;
padding: 9px 0 0 12px;
}
.viewn_c {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y 0 0;
}
.viewn_c_in {
overflow: hidden;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y right 0;
padding: 0 3px;
}
.viewn_c_in2 {
background: #EDEDED;
padding: 5px;
}
.viewn_cont {
overflow: hidden;
padding: 0 2px;
}
.viewn_r {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
}
.hr_v2 {
height: 1px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background: #7C7C7C;
margin: 5px -6px;
}
.viewn_detail {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
margin: -3px 0 0;
padding: 0 2px;
}
.v_detail_b {
margin-bottom: -5px;
}
.viewn_b {
height: 6px;
display: block;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_b_bg.png) no-repeat right -6px;
padding: 0 10px 0 0;
}
#side_center .viewn_loop {
margin: 0 -14px 7px;
}
.viewn_t, .viewn_t2, .vcomm_top {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat right -34px;
padding: 0 10px 0 0;
}
.viewn_t_in {
height: 34px;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_t_bg.png) no-repeat 0 0;
}
.viewn_t_in span {
display: block;
margin: 0 0 10px 0;
color: #090;
}
.viewn_title {
height: 16px;
overflow: hidden;
font-size: 13px;
font-weight: 700;
color: #090;
padding: 9px 0 0 12px;
}
.viewn_c {
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y 0 0;
}
.viewn_c_in {
overflow: hidden;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_c_bg.png) repeat-y right 0;
padding: 0 3px;
}
.viewn_c_in2 {
background: #EDEDED;
padding: 5px;
}
.viewn_cont {
overflow: hidden;
padding: 0 2px;
}
.viewn_r {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
}
.hr_v2 {
height: 1px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background: #7C7C7C;
margin: 5px -6px;
}
.viewn_detail {
overflow: hidden;
color: #232323;
text-shadow: 1px 1px 0px white;
margin: -3px 0 0;
padding: 0 2px;
}
.v_detail_b {
margin-bottom: -5px;
}
.viewn_b {
height: 6px;
display: block;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_b_bg.png) no-repeat right -6px;
padding: 0 10px 0 0;
}
.viewn_b b {
height: 6px;
display: block;
background: url(http://diz-up.ucoz.ru/designs_104/viewn_b_bg.png) no-repeat 0 0;
}
.eTitle a:hover, .gTableTop a:hover, .gTableSubTop a:hover, a.forum:hover, a.threadPinnedLink:hover, a.threadLink:hover, .blogin_link a:hover, .viewn_title a:hover, .viewn_detail a:hover, .vcomm_top a:hover, .vcomm_sys a:hover {
text-decoration: underline;
}
.viewn_detail a {
color: #090;
text-shadow: 1px 1px 0px white;
text-decoration: none;
}
.right, .vcomm_t_r {
float: right;
}
a.blogEntryTitles:hover {
text-decoration: underline;
}
.third-block-links:hover {
background-position: 0px -19px;
}
.viewn_ll_informer {
width: 180px;
height: 123px;
overflow: hidden;
margin: 2px 10px 0 0;
background-image: url(http://diz-up.ucoz.ru/designs_104/main-third-block.png);
}
.third-block-links {
text-shadow: 0px 1px black;
color: white !important;
background-image: url(http://diz-up.ucoz.ru/designs_104/third-block-links-sprite.png);
display: block;
height: 19px;
width: 180px;
line-height: 19px;
font-size: 12px;
}
a:link, a:active, a:visited {
color: #232323;
}
.third-block .infTd {
text-align: center;
}
4.Теперь вставим сам скрипт куда вам надо.
Не забываем поменять $MYINF_2$ , на тот информер который мы создали.
Код <div class="viewn_loop"> <div class="viewn_t"> <div class="viewn_t_in"> <span class="viewn_title">Каталог игровых файлов</span> </div> </div> <div class="viewn_c"> <div class="viewn_c_in"> <div class="viewn_c_in2"> <div style="margin-left:25px;" class="viewn_cont"> <div class="viewn_r"> <div class="third-block" align="center"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">$MYINF_2$ </table> </div> </div> </div> <div class="hr_v2"></div> <div class="viewn_detail v_detail_b"> <div class="right"><a href="/load/">Все файлы</a></div> </div> </div> </div> </div> <b class="viewn_b"><b></b></b> </div> </div> | 
