Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.141.201.95
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Новый вид материалов как на ForuCoz | uCozFAN
Сообщение оставлено 13.06.2010 в 09:57:20 | Сообщение #1

Вот новый вид материалов сайта ForuCoz.com. Создан 07.05.2010. Авторы: CCUMC и Lex@. В виде материалов 4 пункта - Название, Категория, Дата и Кто добавил материал. При наведении на строчку (в этих пунктах), она выделяется в рамку

Так же в виде материалов при наведении на картинку F, появляется скриншот материала.

Code
<script type="text/javascript" src="http://forucoz.com/wz_tooltip.js"></script>      

<div style="float: right;">$MODER_PANEL$</div> <div class="eTitle" style="text-align: left;" title="$ENTRY_URL$"><a href="$ENTRY_URL$" class="entryLink"><span style="font-size: 9pt;">$TITLE$</span></a></a></div>      
<div id="newstables" class="ntbl" style="background:#F7FBFF; border-bottom: 1px solid #456aa2; border-left: 1px solid #456aa2; border-right: 1px solid #456aa2;">      

<left><font onmouseover="Tip('<img border=0 src=$SOURCE_URL$>', BGCOLOR, '#ffffff', FONTCOLOR, '#333333', BORDERCOLOR, 'Silver', WIDTH, '100%', FADEIN, 500, FADEOUT, 500)">      
<a href="$ENTRY_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">      
<img src="http://forucoz.com/forucoz/s11.png" align="left" style="border: medium none ;" title="" align="center" border="0" width="83"> </a></font> </left>      

<ul class="uz"><li class="m"><a class="m"><address> <span style="font-style: normal;"> <span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;"> Название: <a class="m" href="$ENTRY_URL$">$TITLE$</a></span></span></span></address></a></li></ul>      
<ul class="uz"><li class="m"><a class="m"><address> <span style="font-style: normal;"> <span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;"> Категория: <a class="m" href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></span></span></address></a></li></ul>      
<ul class="uz"><li class="m"><a class="m"><address> <span style="font-style: normal;"> <span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;"> Дата: <span title="$TIME$">$DATE$</span></span></span></span></address></a></li></ul>      
<ul class="uz"><li class="m"><a class="m"><address> <span style="font-style: normal;"> <span style="color: rgb(1, 84, 127);"><span style="font-size: 9pt;"> Добавил: <a class="m" href="$PROFILE_URL$">$USERNAME$</a></span></span></span></address></a></li></ul>      
           
<div style="height: 5px;"></div></div><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr></tr></tbody></table>

А это вставляете в Таблица стилей CSS:

Code
.eTitle {background: url(http://forucoz2.at.ua/Untitled-22.png); height: 18px; _height: 23px; font: bold 11px Tahoma; color: #fff; padding: 5px 0px 0px 8px;}  

ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}  

.m {font-family:Tahoma,Arial,Helvetica;}  
a.m:link {text-decoration:none; color:#4C74B6}  
a.m:visited {text-decoration:none; color:#4C74B6}  
a.m:hover {text-decoration:none; color:#4C74B6; font-weight:bold;}  
a.m:active {text-decoration:none; color:#4C74B6; font-weight:bold;}  

li.f{border:1px solid #BAC6D9; margin: 2px; padding: 2px 2px 2px 13px; background: #FAFAFA;}  
li.f:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #279383;}  
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}  
li.m:hover {border:1px solid #42aaff; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}
 

Проводим конкурсы на сайте d1z-zone.ru Бюджет 2000р.
 
   
Сообщение оставлено 14.06.2010 в 15:19:16 | Сообщение #2
MeLo^^, я выложивал на дс biggrin
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика