Страница 1 из 4

Информер последних сообщений форума

СообщениеДобавлено: 15 янв 2009, 19:30
PuCyHOK
Изображение

Кто-нибудь может написать сюда код этого информера?=)
пожалуйста!
+ там hover

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 01:56
Youzer
там вся строка - как одна ссылка? или подсветка при наведении на строку, а ссылки - то, что зеленое?

в первом варианте: задать общий DIV для всей строки и прописать в нем ссылку. внутри ссылки создать еще два DIVа для левой и правой колонки с соответствующим выравниванием.

со вторым вариантом пока не соображу. на чистом CSS сложновато будет. может скажешь, где ты это видел? хочется исходник глянуть

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 03:23
Lexx
Помогите мне такой информер сделать
Изображение
как на http://csfile.info/ этом сайте (не считайте за рекламу)
и помогите сделать так, чтобы он был тоже по размеру дизайна (не выходил за его грани)

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 09:38
PuCyHOK
Youzer, мне надо чтобы было на одной строке и чтобы другая бюла через _ _ _ вот такую вот полосу + надо hover туда прицыпить!
а в информмере на скрине там всё срока не одна ссылка!
ссылки только те, чт зелёные!

ЗЫ выводимость, тоесть
Общаемся.(2687) [От FiN, 16.01.2009 09:07.]

ЭТо есть, но это не на одной строке и полосы при переходе нету :shock: :D :)

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 11:07
Youzer
ну пунктирная полоска - это просто. создай DIV для всей строки и примени к нему класс с таким свойством
Код: Выделить всё
border-bottom:1px dashed #цвет

или вместо dashed попробуй dotted. первый вариант - это пунктир. второй - точками.

а насчет остального - еще не догнал. ну дай адрес этого сайта, я посмотрю как там у них

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 11:30
PuCyHOK

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 11:35
PuCyHOK

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 13:43
Youzer
ну да, так я и думал, тут еще немного javascriptа есть.

короче, в таблицу стилей добавляй эти классы:

.inflink {background:#1d1d1d;}
.inflink_h {background:#333;}

а сам вид этого блока на странице выглядит так:
Код: Выделить всё
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>

<tr><td class="inf1" colspan="2">
<span>Последние сообщения на форуме</span></td></tr>

<tr onmouseover="this.className='inflink_h'" onmouseout="this.className='inflink'"> <TD style="border-bottom: 2px #555555 dotted;padding-top:3px; background:none;" onmouseover="style.backgroundColor='none'"> <A href="/forum/13-649-0-17">Шрифт Lineage II / Lineage font</A>(0)</TD>
<TD style="border-bottom: 2px #555555 dotted;background:none;"> <DIV style="FONT-WEIGHT: normal; FONT-SIZE: 7pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal;" align="right">[От <a class="uLPost" href="javascript://" onclick="window.open('/index/8-0-SandWicH','up45','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">SandWicH</a>, 16.01.2009 11:46.]</DIV></TD></TR>

<tr onmouseover="this.className='inflink_h'" onmouseout="this.className='inflink'"> <TD style="border-bottom: 2px #555555 dotted;padding-top:3px; background:none;" onmouseover="style.backgroundColor='none'"> <A href="/forum/9-177-0-17">Общаемся.</A>(2688)</TD>
<TD style="border-bottom: 2px #555555 dotted;background:none;"> <DIV style="FONT-WEIGHT: normal; FONT-SIZE: 7pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal;" align="right">[От <a class="uLPost" href="javascript://" onclick="window.open('/index/8-0-Butters','up45','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Butters</a>, 16.01.2009 10:11.]</DIV></TD></TR>

</table>


тебе надо сделать примерно так:
Код: Выделить всё
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>

<tr><td class="inf1" colspan="2">
<span>Последние сообщения на форуме</span></td></tr>

--------------ИНФОРМЕР-------------

</table>


а в самом информере заменить весь код на такой:

<tr onmouseover="this.className='inflink_h'" onmouseout="this.className='inflink'">
<TD style="border-bottom: 2px #555555 dotted;padding-top:3px; background:none;" onmouseover="style.backgroundColor='none'">
<A href="$TITLE$">$TITLE$</A>код количества чего-то</TD>
<TD style="border-bottom: 2px #555555 dotted;background:none;"> <DIV style="FONT-WEIGHT: normal; FONT-SIZE: 7pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal;" align="right">От <a class="uLPost" href="javascript://" onclick="window.open('код ссылки на страницу юзера ','up45','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">код ника юзера</a>, код даты код времени.</DIV></TD></TR>


юкоз-кодов я не помню точно, сам разберешься в процессе.

и еще, эта штука в ИЕ7 не работает (подсветка строки, в смысле), в мозилле нормально показывает

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 15:10
BeaT 4
Lexx Ищи я задавал етот вопрос и в итоге все сделал...

Re: Информер последних сообщений форума

СообщениеДобавлено: 16 янв 2009, 18:50
PuCyHOK
link
вот так вот выглядит, за код информера спаисбо!
Вот только как его установить в блок ?)