Сейчас я расскажу как сделать отличную навигацию по порталу. Что нужно: 1. Прямые руки 2. Четыре информера Итак, начнем. Сразу скажу что предстоит потратить минут 5-6 своего драгоценного времени. Автор скрипта: forucoz.com . Для начала создаем страницу. (Админка - редактор страниц - управление страницами сайта - создать страницу) Ставим галочку в чекбоксе возле Использовать персональный шаблон для страницы. Затем идем (Админка - дизайн - управление дизайном (шаблоны) и находим там свою страничку). Удаляем весь код с нее и ставим этот: Quote <html><head><title>Навигация по порталу</title><link type="text/css" rel="StyleSheet" href="http://forucoz.com/css/blue_css.css" /><script type="text/javascript" src="http://forucoz.com/js/table.js"></script><style type="text/css">.newTable {border: 0px; padding: 5px; text-align: center; font-size: 10px; margin: 0px; width: auto; background: #4A74AE; color: #FFFFFF; cursor: pointer; letter-spacing: 0px; font-family: verdana;} .newTable:hover {border: 0px; padding: 5px; text-align: center; font-size: 10px; margin: 0px; width: auto; background: #278FE7; color: #DBF6FF; cursor: pointer; letter-spacing: 0px; font-family: verdana;}</style> </head> <br><br><br><br><br><table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #4B67E3;"><tr><td style="background:#F8F8F8;"> <center><font color="4A74AE" size="7"><b>Навигация по порталу</b></font></center><br> <center><div class="tab bgray" id="tab1"> <table border="0" cellpadding="10" cellspacing="0" width="65%" style="border:1px solid #4A74AE;"><tr><td style="background:#F8F8F8;"> $MYINF_34$ </td></tr></table></div> <div class="tab bgray" id="tab2" style="display: none;"> <table border="0" cellpadding="10" cellspacing="0" width="60%" style="border:1px solid #4A74AE;"><tr><td style="background:#F8F8F8;"> $MYINF_35$ </td></tr></table></div> <div class="tab bgray" id="tab3" style="display: none;"> <table border="0" cellpadding="10" cellspacing="0" width="60%" style="border:1px solid #4A74AE;"><tr><td style="background:#F8F8F8;"> $MYINF_36$ </td></tr></table></div> <div class="tab bgray" id="tab4" style="display: none;"> <table border="0" cellpadding="10" cellspacing="0" width="60%" style="border:1px solid #4A74AE;"><tr><td style="background:#F8F8F8;"> $MYINF_37$ </td></tr></table></div> <div class="tab bgray" id="tab5" style="display: none;"> <table border="0" cellpadding="10" cellspacing="0" width="60%" style="border:1px solid #4A74AE;"><tr><td style="background:#F8F8F8;"> <form onsubmit="this.sfSbm.disabled=true" method="post" style="margin: 5px;" action="http://Ваш сайт/news/"><div class="schQuery" align="center"><input style="border: 1px solid #4668C0; margin: 0px; padding: 5px; width: 84%; font-size: 10pt; height: 30px; color: #4668C0; font-family: Verdana; background-color: #DAE9FF; background-repeat: repeat-x; background-position: left top;" name="query" maxlength="40" size="100" class="queryField" value="Введите здесь ключевое слово для поиска материала" onblur="if (value == '') {value = 'Введите здесь ключевое слово для поиска материала'}" onfocus="if (value == 'Введите здесь ключевое слово для поиска материала') {value =''}" size="20" maxlength="60" type="text"></div><div class="schBtn" align="center"><input class="searchSbmFl" name="sfSbm" value="Найти" type="image" src="http://forucoz.com/31/search.png"></div><input name="a" value="14" type="hidden"></form> <br><br><center>Поиск происходит по новостям сайта. Старайтесь кратко и точно подбирать фразы для поиска.</center> </td></tr></table></div> <input type="button" onclick="showtab('tab1');" style="height:23px; ;width:145px; margin:0px" value="Последнее на форуме" class="newTable"> <input type="button" onclick="showtab('tab2');" style="height:23px; ;width:149px; margin:0px" value="Популярное на форуме" class="newTable"> <input type="button" onclick="showtab('tab3');" style="height:23px; ;width:144px; margin:0px" value="Лучшие ньюс-мейкеры" class="newTable"> <input type="button" onclick="showtab('tab4');" style="height:23px; ;width:127px; margin:0px" value="Лучшие на форуме" class="newTable"> <input type="button" onclick="showtab('tab5');" style="height:23px; ;width:110px; margin:0px" value="Поиск по сайту" class="newTable"> </center></td></tr></table><br><br><br><br>Made by <a href="http://forucoz.com" title="Все для uCoz" target="_blank">forucoz.com</a> | $POWERED_BY$</body></html> $MYINF_34$,$MYINF_35$,$MYINF_36$,$MYINF_37$ - меняем на свои информеры. Теперь нужно будет создавать информеры. Если вы не имеете представления как это делать, то прочтите это!. 1-й информер. Раздел: Форум. Способ сортировки: Последние обновленные темы. Количество материалов: 20. Количество колонок: 2. Максимальная длина заголовка: 35. В шаблон информера ставим это: Code <table><a href="$THREAD_URL$" target="_blank"><img src="http://forucoz.com/forum_icons/nav/denrojd.png" border="0" alt="" /> $THREAD_TITLE$</a> <span title="Ответов">($REPLIES$)</span></table> Затем копируем код информера и идем на страницу которую создавали. Ищем там $MYINF_34$ и заменяем на код вызова информера который только-что создали. 2-й информер. Раздел: Форум. Способ сортировки: Самые популярные темы. Количество материалов: 20. Количество колонок: 2. Максимальная длина заголовка: 35. В шаблон информера ставим это: Code <table><a href="$THREAD_URL$" target="_blank"><img src="http://forucoz.com/forum_icons/nav/podpis.png" border="0" alt="" /> $THREAD_TITLE$</a> <span title="Ответов">($REPLIES$)</span></table> Затем копируем код информера и идем на страницу которую создавали. Ищем там $MYINF_35$ и заменяем на код вызова информера который только-что создали. 3-й информер. Раздел: Пользователи. Способ сортировки: Кол. новостей. Количество материалов: 20. Количество колонок: 2. В шаблон информера ставим это: Code <table><a href="$PROFILE_URL$"><img src="http://forucoz.com/forum_icons/nav/vxod.png" border="0" alt="" /> $USERNAME$</a> <span title="Добавил">($NEWS_POSTS$)</span></table> Затем копируем код информера и идем на страницу которую создавали. Ищем там $MYINF_36$ и заменяем на код вызова информера который только-что создали. 4-й информер. Раздел: Пользователи. Способ сортировки: Кол. сообщений в форуме. Количество материалов: 20. Количество колонок: 2. В шаблон информера ставим это: Code <table><a href="$PROFILE_URL$"><img src="http://forucoz.com/forum_icons/nav/name.png" border="0" alt="" /> $USERNAME$</a> <span title="Кол-во постов">($FORUM_POSTS$)</span></table> Затем копируем код информера и идем на страницу которую создавали. Ищем там $MYINF_37$ и заменяем на код вызова информера который только-что создали. Итак, вроде на этом все, вроде ничего не забыл. Пример сего чуда был обнаружен по этому адресу: АДРЕС . Все фишка этого чуда в том, что не занимает много места, не тормозит сайт и обновляет инфу без обновления страницы, что очень удобно! И еще, при копировании скрипта указывать сайт forucoz.com как автора или источник этого скрипта обязательно. Скрипт сделал я сам, причем пару часов назад))) Вообщем юзаем на здоровье.
|