Этот скрипт каталога сайтов, предназначен для светлых дизайнов, имеет div верстку, и абсолютно не грузит сайт.
Данный вид каталога сайтов, уже используют, некоторые, довольно популярные сайты на ucoz, ну а теперь любой пользователь, посетивший наш сайт, без труда сможет, установить, это Скрипт каталога сайтов для Ucoz, на свои порталы.
Приступим к установке каталога сайтов:
Следующий CSS добавляем в таблицу стилей:
Код /* DIR catalog */ .arc2 { background: #f1f1f1 url(http://ucoz-copy.ru/_dr/55/49288074.gif) no-repeat; margin-right: 11px; width: 580; display: block; overflow: hidden; margin-bottom: 6px; } .arc3 { background: url(http://ucoz-copy.ru/_dr/55/32898183.gif) no-repeat right top; } .arc4 { padding: 8px 0 9px 7px; font: 11px/10px Calibri, Arial, Helvetica, sans-serif; font-style: italic; color: #2e4d61; display: block; overflow: hidden; } .arc5 { width: 286px; display: block; float: left; } .arc6 { width: 90px; display: block; float: left; border-left: 1px solid #d8d8d8; text-align: center; } .arc7 { width: 103px; display: block; float: left; border-left: 1px solid #d8d8d8; text-align: center; } .arc8 { background: #FFF no-repeat; } .arc9 { background: no-repeat right top; } .arc10 { background: no-repeat bottom; padding-bottom: 20px; display: block; overflow: hidden; } .arc11_1 { background: url(http://ucoz-copy.ru/_dr/55/84903872.gif) repeat-y; } .arc11 { background: url(http://ucoz-copy.ru/_dr/55/29665985.gif) no-repeat bottom; padding: 7px 0 11px 10px; display: block; overflow: hidden; } .arc12 { width: 281px; float: left; } .arc13 a { background: url(http://ucoz-copy.ru/_dr/55/76314458.gif) no-repeat 0 2px; font-weight: bold; font-style: italic; color: #565656; padding: 0 0 0 13px; } .arc13 a:hover { text-decoration: none; color: #6a6a6a; } .arc14 { padding: 6px 0 0 13px; } .arc14 a { font: 11px/10px Calibri, Arial, Helvetica, sans-serif; font-style: italic; color: #a58cea; text-decoration: none; } .arc14 a:hover { color: #8974c5; } .arc15 { width: 91px; float: left; } .arc16 { background: url(http://ucozon.ru/_dr/55/76359285.gif) no-repeat; width: 69px; height: 25px; display: block; overflow: hidden; margin: 4px 0 0 12px; color: #FFF; font-style: italic; text-shadow: 1px 1px 0 #91a333; text-align: center; line-height: 24px; } .arc17 { width: 105px; float: left; padding-left: 2px; } /* ---------- /DIR catalog ---------- */
Этот код, в вид материалов каталога:
Код <div class="arc11_1"> <div class="arc11"> <div class="arc12"> <div class="arc13"><a href="$SITE_URL$" target="_blank">$TITLE$</a></div> <div class="arc14"><a href="$ENTRY_URL$">ПОДРОБНЕЕ </a> $MODER_PANEL$ </div> </div> <div class="arc15"> <div class="arc16">$READS$</div> </div> <div class="arc15"> <div class="arc16">$REDIRECTS$</div> </div> <div class="arc17" align="center"> <img src="$OTHER1$" border="0" height="31" width="88"> </div> </div> </div>
Ну э этот код, ставим на главную страницу каталога:
Код <div class="arc2"> <div class="arc3"> <div class="arc4"> <span class="arc5">Название</span><span class="arc6">Пришли с сайта</span><span class="arc6">Зашли на сайт</span><span class="arc7">Баннер</span> </div> <div id="allEntries"> $BODY$ </div></div></div> </div> </div>
|