Уважаемый Эксперт. Как сделать вот такую панель новостей, как у вас:
[реклама вместо картинки]
КреатиВ.ТуТ |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » КреатиВ.ТуТ » IPB 1.3 » Как сделать такую панель новостей.
Уважаемый Эксперт. Как сделать вот такую панель новостей, как у вас:
[реклама вместо картинки]
avatar - не доработанн ....
Да, если хотите такуюже (недоработанную) то могу написать как, но в будующем надеюсь будет доделан аватар, новости и любимые темы.
Если хотите саму табличку, то могу написать.
Жалко что не доделано. Классная шапка из новостей могла бы быть. Ну лан, раз не доделана, значит доделывайте
Да, если хотите такуюже (недоработанную) то могу написать как, но в будующем надеюсь будет доделан аватар, новости и любимые темы.
Если хотите саму табличку, то могу написать.
Можешь написать, позарез нужна, даже глючная
Вот, вставляете в Board Index -> Latest News Link
</br>
<div class="tableborder" >
<table width='100%' cellspacing="0" cellpadding="0" class='maintitletd'><tr>
<td width='100%' align='Left' class='maintitle'>.:[ Добро пожаловать на форум КреатиВ.ТуТ ]:.</td>
</tr></table>
<table border='0' width='100%' cellspacing="1" cellpadding="0">
<tr>
<td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Пользователь</td>
<td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Новости</td>
<td class='titlemedium' height='20' style='color:white' align='center' width='40%'>Любимые темы</td>
<td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Действия</td>
</tr>
<tr>
<td height='100%'>
<table border='0' cellspacing="0" cellpadding="0" vAlign='top' width='100%' height='100%' >
<tr><td class='row4' height='17' align='center'><b>{ibf.member.name}</b></td></tr>
<tr height='100%'><td class='row2' align='center' height='100%' ><img src='http://1bb.ru/uploads/creos/post-41-1139345921.gif' border='0' /></td></tr>
<tr><td class='row2' align='center'><b><a href='http://creos.1bb.ru/index.php?act=UserCP&CODE=24'>Сменить</a></b></td></tr>
</table>
</td>
<td height='100%' >
<table border='0' cellspacing="0" cellpadding="0" vAlign='top' width='100%' height='100%'>
<tr><td class='row4' height='17' align='left'> · <b><a href='{ibf.script_url}showtopic=$tid'>$title</a></b><br /></td></tr>
<tr><td class='row2' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row2' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
</table>
</td>
<td height='100%' >
<table border='0' cellspacing="0" cellpadding="0" vAlign='top' width='100%' height='100%'>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row2' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row2' height='17' align='left'><!-- пусто --></td></tr>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
</table>
</td>
<td height='100%'>
<table border='0' cellspacing="0" cellpadding="0" vAlign='top' width='100%' height='100%'>
<tr><td class='row4' height='17' align='left'> · <a href='http://creos.1bb.ru/index.php?act=Stats&CODE=leaders'>{ibf.lang.sm_forum_leaders}</a></td></tr>
<tr><td class='row2' height='17' align='left'> · <a href='http://creos.1bb.ru/index.php?act=Search&CODE=getactive'>{ibf.lang.sm_todays_posts}</a></td></tr>
<tr><td class='row4' height='17' align='left'> · <a href='http://creos.1bb.ru/index.php?act=Stats'>{ibf.lang.sm_today_posters}</a></td></tr>
<tr><td class='row2' height='17' align='left'> · <a href='http://creos.1bb.ru/index.php?act=Members&max_results=10&sort_key=posts&sort_order=desc'>{ibf.lang.sm_all_posters}</a></td></tr>
<tr><td class='row4' height='17' align='left'><!-- пусто --></td></tr>
</table>
</td>
</tr>
<tr>
<td class='darkrow5' align='left' >
<form style='display:inline' action="{ibf.script_url}act=Login&CODE=01&CookieDate=1" method="post">
<div align='center' nowrap='nowrap' >Войти:
<input type="text" class="forminput" size="7" name="UserName" onfocus="this.value=''" value="Логин" />
<input type='password' class='forminput' size='7' name='PassWord' onfocus="this.value=''" value='ibfrules' />
<input type='submit' class='forminput' value=' > ' />
</div>
</form>
</td>
<td class='darkrow5' align='center' nowrap='nowrap' ><a href='https://creos.1bb.ru/index.php?act=Post&CODE=00&f=2' title='Добавить новость.'>Добавить</a> | <a href='https://creos.1bb.ru/index.php?showforum=2' title='Перейти ко всем новостям'>Все новости</a></td>
<td class='darkrow5' align='left' >
<form action='http://creos.1bb.ru/index.php?act=Search&CODE=01&forums=all' method='post' name='search'>
<div align='center' nowrap='nowrap'>
Поиск: <input type='text' name='keywords' value='' size='10' class='textinput' /> <input type='submit' value=' > ' /> <a href='http://creos.1bb.ru/index.php?act=Search&mode=adv'>Полный</a>
</div>
</form>
</td>
<td class='darkrow5' align='left' ><!-- пусто --></td>
</tr>
<tr>
<td vAlign='top' width='100%' align='left' colspan='4'>
<table border='0' cellspacing="1" cellpadding="4" vAlign='top' width='100%' height='100%'>
<tr><td class='titlemedium' height='20' style='color:white' align='center' colspan='2'><b>Последние 3 сообщения от администрации</b></td></tr>
<tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 1 сообщения --></td><td width='100%' class='row2' vAlign='top' align='left'><!-- Содержание 1 сообщения --></td></tr>
<tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 2 сообщения --></td><td width='100%' class='row4' vAlign='top' align='left'><!-- Содержание 2 сообщения --></td></tr>
<tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 3 сообщения --></td><td width='100%' class='row2' height='100%' vAlign='top' align='left'><!-- Содержание 3 сообщения --></td></tr>
</tr>
</table>
</td>
</tr>
<tr><td class='endtabletd' colspan='4' ><!-- пусто --></td></tr>
</table></div>
</br>
</br>
[dohtml]</br><div class='tableborder' ><table width='100%' cellspacing='0' cellpadding='0' class='maintitletd'><tr> <td width='100%' align='Left' class='maintitle'>.:[ Добро пожаловать на форум КреатиВ.ТуТ ]:.</td> </tr></table><table border='0' width='100%' cellspacing='1' cellpadding='0'><tr> <td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Пользователь</td> <td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Новости</td> <td class='titlemedium' height='20' style='color:white' align='center' width='40%'>Любимые темы</td> <td class='titlemedium' height='20' style='color:white' align='center' width='20%'>Действия</td></tr><tr> <td height='100%'> <table border='0' cellspacing='0' cellpadding='0' vAlign='top' width='100%' height='100%' > <tr><td class='row4' height='17' align='center'><b>{ibf.member.name}</b></td></tr> <tr height='100%'><td class='row2' align='center' height='100%' ><img src='http://1bb.ru/uploads/creos/post-41-1139345921.gif' border='0' /></td></tr> <tr><td class='row2' align='center'><b><a href='https://creos.1bb.ru/index.php?act=UserCP&CODE=24'>Сменить</a></b></td></tr> </table> </td> <td height='100%' > <table border='0' cellspacing='0' cellpadding='0' vAlign='top' width='100%' height='100%'> <tr><td class='row4' height='17' align='left'> · <b><a href='{ibf.script_url}showtopic=$tid'>$title</a></b><br /></td></tr> <tr><td class='row2' height='17' align='left'></td></tr> <tr><td class='row4' height='17' align='left'></td></tr> <tr><td class='row2' height='17' align='left'></td></tr> <tr><td class='row4' height='17' align='left'></td></tr> </table> </td> <td height='100%' > <table border='0' cellspacing='0' cellpadding='0' vAlign='top' width='100%' height='100%'> <tr><td class='row4' height='17' align='left'></td></tr> <tr><td class='row2' height='17' align='left'></td></tr> <tr><td class='row4' height='17' align='left'></td></tr> <tr><td class='row2' height='17' align='left'></td></tr> <tr><td class='row4' height='17' align='left'></td></tr> </table> </td> <td height='100%'> <table border='0' cellspacing='0' cellpadding='0' vAlign='top' width='100%' height='100%'><tr><td class='row4' height='17' align='left'> · <a href='https://creos.1bb.ru/index.php?act=Stats&CODE=leaders'>{ibf.lang.sm_forum_leaders}</a></td></tr> <tr><td class='row2' height='17' align='left'> · <a href='https://creos.1bb.ru/index.php?act=Search&CODE=getactive'>{ibf.lang.sm_todays_posts}</a></td></tr> <tr><td class='row4' height='17' align='left'> · <a href='https://creos.1bb.ru/index.php?act=Stats'>{ibf.lang.sm_today_posters}</a></td></tr> <tr><td class='row2' height='17' align='left'> · <a href='https://creos.1bb.ru/index.php?act=Members&max_results=10&sort_key=posts&sort_order=desc'>{ibf.lang.sm_all_posters}</a></td></tr> <tr><td class='row4' height='17' align='left'></td></tr> </table> </td></tr><tr> <td class='darkrow5' align='left' > <form style='display:inline' action='{ibf.script_url}act=Login&CODE=01&CookieDate=1' method='post'><div align='center' nowrap='nowrap' >Войти: <input type='text' class='forminput' size='7' name='UserName' onfocus='this.value=''' value='Логин' /> <input type='password' class='forminput' size='7' name='PassWord' onfocus='this.value=''' value='ibfrules' /> <input type='submit' class='forminput' value=' > ' /> </div> </form> </td> <td class='darkrow5' align='center' nowrap='nowrap' ><a href='https://creos.1bb.ru/index.php?act=Post&CODE=00&f=2' title='Добавить новость.'>Добавить</a> | <a href='https://creos.1bb.ru/index.php?showforum=2' title='Перейти ко всем новостям'>Все новости</a></td> <td class='darkrow5' align='left' > <form action='https://creos.1bb.ru/index.php?act=Search&CODE=01&forums=all' method='post' name='search'> <div align='center' nowrap='nowrap'> Поиск: <input type='text' name='keywords' value='' size='10' class='textinput' /> <input type='submit' value=' > ' /> <a href='https://creos.1bb.ru/index.php?act=Search&mode=adv'>Полный</a> </div> </form> </td> <td class='darkrow5' align='left' ></td></tr><tr> <td vAlign='top' width='100%' align='left' colspan='4'> <table border='0' cellspacing='1' cellpadding='4' vAlign='top' width='100%' height='100%'> <tr><td class='titlemedium' height='20' style='color:white' align='center' colspan='2'><b>Последние 3 сообщения от администрации</b></td></tr> <tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 1 сообщения --></td><td width='100%' class='row2' vAlign='top' align='left'><!-- Содержание 1 сообщения --></td></tr> <tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 2 сообщения --></td><td width='100%' class='row4' vAlign='top' align='left'><!-- Содержание 2 сообщения --></td></tr> <tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 3 сообщения --></td><td width='100%' class='row2' height='100%' vAlign='top' align='left'><!-- Содержание 3 сообщения --></td></tr> </tr> </table> </td></tr><tr><td class='endtabletd' colspan='4' ></td></tr></table></div></br></br>[/dohtml]
Отредактировано ExperT (2006-03-13 16:05:17)
2 ExperT: а можно ли сделать как на рисунке? Если можно то как.
в стили css, добавляете строчку:
.endtabletd { line-height: 135%;font-size: 11px;padding: 5px;height: 5px;background-color: #769DD3;background-image: url(http://1bb.ru/uploads/creos/post-72-1139455293.gif); }
2 ExperT: видимо я неточно выразился. Я имел в виду вот так:
Я всётаки сам додумался и сделал:
Из кода который дал ExperT
<tr><td class='darkrow5' vAlign='top' nowrap='nowrap'><!-- Автор 3 сообщения --></td><td width='100%' class='row2' height='100%' vAlign='top' align='left'><!-- Содержание 3 сообщения --></td></tr>
</tr>
</table>
</td>
</tr>
<tr><td class='endtabletd' colspan='4' ><!-- пусто --></td></tr>
</table></div>
</br>
</br>
Убираем то что выделено красным.
Затем заходим в Board Index -> Board Index Page Top и за место кода:
<div align='left' style='text-align:left;padding-bottom:4px'>
<!-- IBF.NEWSLINK -->{ibf.lang.welcome_back_text} $lastvisit
</div>
Вставляем это:
<div align='left' style='text-align:left;padding-bottom:4px'>
<!-- IBF.NEWSLINK --><tr><td class='endtabletd' colspan='4' >{ibf.lang.welcome_back_text} $lastvisit</td></tr>
</table>
</div>
</div>
<br>
Молодца! :good:
Вот только не проще ли было вставить этот код заместо <!-- пусто -->, а в Board Index Page Top его стереть или убрать ремарками?
Отредактировано SilentSlider (2006-03-13 19:43:40)
Ещё на мой взгляд небольшой недочёт в строке:
<div align='center' nowrap='nowrap'>
Поиск: <input type='text' name='keywords' value='' size='10' class='textinput' /> <input type='submit' class='forminput' value=' > ' /> <a href='https://creos.1bb.ru/index.php?act=Search&mode=adv'>Полный</a>
</div>
Нехватает class='forminput'.
Привожу пример для тех кому будет непонятно:
Отредактировано Grin (2006-03-13 19:46:40)
2 SilentSlider: я что то непонял, как ты хочешь сделать это проще? Покажи если не сложно...
2 SilentSlider: я сделал как ты предложил и получилось что он пишет только "С возвращением; Ваш последний визит", а дату и время непишет.
forminput навеное надо добавить, забыл.
А на счет вставки "Ваш последний визит" это да, дата будет подставлятся только в шаблоне Board Index Page Top, в других нет.
Мдя, действительно... :dntknw: Sorry.
У меня такое сработало потому, что моя фирменная Welcome-панель размещена в том же самом Board Index Page Top.
Если только попытаться перенести туда эту панельку. Ежели заработает, "lastvisit" вставить будет возможно.
2 Grin: попробуй такой вариант. Я проверил у себя на форуме - вроде как "прокатило".
Кстати, столкнулся с одной странностью: поместил панельку Эксперта в Latest News Link - она у меня напрочь не пожелала отображаться. Поместил в Board Index Page Top - заработала, вроде бы даже нормально. Чудеса!
Отредактировано SilentSlider (2006-03-13 22:40:03)
С "latest news link" таки разобрался - в Админке было отключено отображение новостей. Но только эти вот самые новости - в свою очередь - в "board index page top" также вполне закономерно перестают отображаться! :taunt:
Отсюда вывод: "комбинированный" метод, предложенный Grin-ом, является наиболее оптимальным для решения проблемы "приклеивания lastvisit-a". :ok:
Был неправ, снимаю шляпу.
2 SilentSlider: Ты поменяй надпись "Добро пожаловать на форум КреатиВ тут" =)
И второе инф. табло убрал бы, или объединил.
К примеру можно дописать снизу от той что я дал только добавить обзор последних новостей так же как и последние 3 сообщения от админа.
2 ExperT:
Да я её вообще-то поставил для теста - по просьбе Grin-a.
Притом, мне пока и своей панельки вполне хватает. Хотя ряд функций из твоей были бы весьма полезны. Надо будет подумать над "частичной гибридизацией" панелей.
А я ищу способ куда бы пихнуть в эту таблицу
1.Время(скрипт есть в старой таблице,она у многих стоит,где если время утро,то пишут Доброе утро...)
2.Код чата(с http://cbox.ws/ например)
2 FleXoR: по поводу времени суток предлогаю вставить его рядом с имемнем пользователя, как на картинке.
Перед строкой:
{ibf.member.name}...
Вставляем:
<script language=JavaScript>
var h=(new Date()).getHours();
if (h > 23 || h < 7) document.write('Доброй ночи ') ;
if (h > 6 && h < 12) document.write('Доброе утро ');
if (h > 11 && h < 19) document.write('Добрый день ');
if (h > 18 && h < 24) document. write('Добрый вечер ');
</script >
А по поводу мини чата он больно грамозкий для этой панели.
2 ExperT: я тут придумал как можно дорабодать аватар, но есть много загвоздок, и первая из них это то что я незнаю JavaScript, так что хотел попросить помощи у тебя. Если тебя заинтересует моё ИМХО то я постораюсь рассказать как это всё должно выглядеть. :scenic:
Да вот по поводу загвоздок. Аватар небудет виден:
1. Гостям т.к. мы неможем загрузить в папку uploads картинку (с именем av-0.gif)
2. Пользователям у которых картинка в формате .jpeg .jpg .swf .png
3. Пользователям у которых картинка загруженна с сайта (тоесть дана ссылка)
А вот сам код:
<img src='http://1bb.ru/uploads/имя сайта/av-{ibf.member.id}.gif' border='0'>
[!--html--][/div]
HTML |
[!--html1--]<img src='http://1bb.ru/uploads/creos/av-{ibf.member.id}.gif' border='0'>[!--html2--] |
[div class='postcolor'][!--html3--]
2 Grin: Про это я в курсе.
Сейчас для всех стоит аватар один и тот же.
Не проблемма определить гость это или нет.
Проблемма определить аватар пользователя.
<img src='http://1bb.ru/uploads/имя сайта/av-{ibf.member.id}.gif' border='0'>
не подходит, потомучто расширение может быть разным, и как ты сказал если у юзера ссылка, то отображаться не будет.
Поэтому, сделать это практически невозможно, разве что... через кукисы, но когда я этим займусь не знаю.
:sorry: жаль, ну да ладно...
А что такое кукисы? Просто уже непервый раз встречаю это слово на твоём форуме а что это такое незнаю.
2 Grin: Ну вот пример, скрыть/показать категорию.
В особенности функции входит то, что вы один раз скрыли, а потом он уже показывает скрытую категорию.
Если бы это был просто скрипт "Показать" или "Скрыть" как с быстрым ответом, то ему не важно было бы, скрыли вы или нет до этого, он всегда будет закрытый либо открытый (зависит от настроек юзера)
Так вот, это работает с помощью coockes, когда вы нажимаете скрыть, скрипт сохраняет на вашем компе флажек, что категория скрыта, и при следующем обновлении странички, он вытаскивает значение флажка и показывает или скрывает эту категорию.
Но эти флажки хранятся на вашем компе, если вы пересядите за другой комп под тем же логином, то флажки доступны не будут соотв.
Теперь по поводу аватара, алгоритм таков.
Вы заходите либо в свой профиль либо в любую тему, и скрипт запоминает ссылку на ваш аватар, после чего, когда вы заходите на главную страницу, скрипт вытаскивает эту ссылку и пихает её в табло. Так мы избавляемся от двух проблемм - расширения разных аватар и от удаленных(ссылочных) аватар.
Но есть проблемма, я не могу взять чистую ссылку, т.к. для этого необходимо маркировать картинку аватары каким-нибудь ip, а в шаблонах она(картинка) не доступна, там просто пишется {avatar}.
Это можно решить тоже, но пока у мну времени нет. А как будет обязательно сделаю.
Отредактировано ExperT (2006-03-16 21:13:54)
2 Grin:
Ну почему же?вот посмотри -
2 FleXoR: ну что-ж неплохо. :derisive:
Очень простенький вопрос: Как сделать ссылки "Сделать стартовой" и "Добавить в избранное"?
2 Grin:
А вот где у меня была надпись Это мини-чат,там сейчас время
вот такой скрипт
<SPAN id=clock> <script language=JavaScript> <!-- Начало var dayarray=new Array("Воскресение","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота") var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря") function getthedate() { var mydate=new Date() var year=mydate.getFullYear() var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym < 10) { daym="0"+daym } var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() if (hours==0) { hours=12 } if (minutes<=9) { minutes="0"+minutes } if (seconds<=9) { seconds="0"+seconds } var cdate= daym+" "+montharray[month]+" "+" "+year+" "+"|"+" "+dayarray[day]+" "+"|"+" "+hours+":"+minutes+":"+seconds if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit() { if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit now = new Date if (now.getHours() < 6) { document.write("Доброй ночи,уважаемые жители!") } else if (now.getHours() < 12) { document.write("Доброе утро,уважаемые жители!") } else if (now.getHours() < 18) { document.write("Добрый день,уважаемые жители!") } else { document.write("Добрый вечер,уважаемые жители!") } // конец --> </SCRIPT>
2 Haktar
Board Index Sections->Quick Log In Box
После строк:
[!--html--][/div]
HTML |
[!--html1--]....</div> |
[div class='postcolor'][!--html3--]
Вставляем:
[!--html--][/div]
HTML |
[!--html1--]<br /> |
[div class='postcolor'][!--html3--]
Кстати говоря последний [!--html--][/div]
HTML |
[!--html1--]<br />[!--html2--] |
[div class='postcolor'][!--html3--] можно убрать.
Вы здесь » КреатиВ.ТуТ » IPB 1.3 » Как сделать такую панель новостей.