Пятница, 17.05.2024, 12:31
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Декабрь » 22 » Новый вид новостей под темный диззайн
    13:39
    Новый вид новостей под темный диззайн

    Вот обновил вид новостей теперь при нажатии на скрин он показывается во весь размер а также упростил установку и исправил баги с css.
    И так приступим :

    1. Новости сайта --- вид материалов (удаляем все и вставляем код ниже)

    Code
    <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>  
    <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>  
    <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a><?if($DATE$="Сегодня" or $DATE$="Вчера")?><img ilo-full-src="http://cs-n.3dn.ru/desing/new1.gif" alt="Свежая новость" src="http://cs-n.3dn.ru/desing/new1.gif"><?endif?></div></a></li> </div>  
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">  
    <?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">  
    <table width="100%">  
    <tr><td valign="top">  
    <table align="left">  
    <td class="eKartaka" align="left" width="236">  
    <a href="$IMG_URL1$"><img src="$IMG_URL1$" style="margin: 0px 0px 0px 0px;" border="0" width="234" height="155"></a>
    </td> </td>  
    </table>  
    $MESSAGE$
    </td></tr>  
    </table>
    </div><?endif?>  
    </td></tr></table>  
    <table border="0" cellpadding="0" cellspacing="0" width="100px" style="float:left;background:url('http://cs-n.3dn.ru//desing/1.1.gif') #000000;border-left:1px solid #252525;border-right:1px solid #252525;border-bottom:1px solid #252525;"><tr><td align="center" style="padding:2px;">  
    <?if($RATING_NUM$)?><img border="0" src="http://cs-n.3dn.ru/desing/rate/$RATING_NUM$.gif" alt="Голосов: $RATING_NUM$"/> <?else?> <img border="0" src="http://cs-n.3dn.ru/desing/rate/0.gif" alt="Нет голосов "/> <?endif?>  
    </td></tr></table>  
      <table border="0" cellpadding="0" cellspacing="0" width="100px" style="float:left;background:url('http://cs-n.3dn.ru/desing/1.1.gif') #000000;border-left:1px solid #252525;border-right:1px solid #252525;border-bottom:1px solid #252525;"><tr><td align="center" style="padding:2px;">  
    Просмотров $READS$</a>  
    </td></tr></table>  
    <table border="0" cellpadding="0" cellspacing="0" width="100px" style="float:right;background:url('http://cs-n.3dn.ru/desing/1.1.gif') #000000;border-left:1px solid #252525;border-right:1px solid #252525;border-bottom:1px solid #252525;"><tr><td align="center" style="padding:2px;">  
    <a href="$COMMENTS_URL$">Обсудить $COMMENTS_NUM$</a>  
    </td></tr></table>  
    <table border="0" cellpadding="0" cellspacing="0" width="100px" style="float:right;background:url('http://cs-n.3dn.ru/desing/1.1.gif') #000000;border-left:1px solid #252525;border-right:1px solid #252525;border-bottom:1px solid #252525;"><tr><td align="center" style="padding:2px;">  
    $DATE$</a>  
    </td></tr></table>  
    </b></div>  
    </td></tr></tbody></table><br></div><div id="entryID396"><div id="myGrid" style="display:none;"><div style="position:fixed;width:100%;text-align:center;padding-top:250px;"><img src="http://s9.ucoz.net/img/ma/m/i3.gif" border="0" width="220" height="19"></div></div><script type="text/javascript">function spages(p){if (1){document.location.href='http://cs-n.3dn.ru/news/'+p; return;}try{document.getElementById('myGrid').style.cssText = 'position:absolute; z-index:8; top:0;left:0; display:block; background: url(\'http://s9.ucoz.net/img/fr/g.gif\'); text-align:center; width:'+document.body.scrollWidth+'px; height:'+document.body.scrollHeight+'px;';}catch(e){}_uPostForm('',{url:'http://cs-n.3dn.ru/index/0-0-0-'+p+'-'+Math.floor(Math.random()*1e8)});}</script><div id="allEntries"><div id="entryID332">

    2. Заходим в Таблицу стилей CSS там находим фгармент

    Code
    /* Entries Style */
    Всякие коды
    /* --------------- */

    Удаляем все это и вставляем следующий фрагмент

    Code
    /* Entries Style */
    .eBlock {background:url('http://cs-n.3dn.ru/desing/1.1.gif') #000000;border:1px solid #252525;}
    .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#dedede; padding: 3px;  
    border:1px solid #252525; height:13px; background:url('http://cs-n.3dn.ru/desing/newblock.png') repeat-x ;}
    .eTitle a:link {text-decoration:none; color:#dedede;}
    .eTitle a:visited {text-decoration:none; color:#dedede;}
    .eTitle a:hover {text-decoration:none; color:#FFFFFF;}
    .eTitle a:active {text-decoration:none; color:#dedede;}
    .eText {text-align:justify; padding:10px;}
    .eDetails  
    {background:#151515;color:#60606B;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt; }
    .eDetails1  
    {background:#151515;color:#60606B;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; }
    .eDetails2  
    {background:#151515;color:#60606B;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt; }
    .eRating {font-size:7pt;background:url('/desing/fon2.bmp') repeat-x #333333; border: #222222 1px solid;  
    color:#808080;}
    .eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/955/21.gif')  
    no-repeat 0px 0px;}
    /* --------------- */

    Чтобы изменить фон название новости поменяйте в этой строчке URL на свою картинку фона

    Code
    border:1px solid #252525; height:13px; background:url('http://cs-n.3dn.ru/desing/newblock.png') repeat-x ;}

    3. Далее чтобы скриншот отображался заходим в "Новости сайта » Настройки модуля" и ставим галочку около поля "Изображения" желательно 2 галочки чтобы картинка была обязательной для добавлении новости

    Скрипт написан командой сайта cs-need при копировании скрипта ссылку на источник указывать ОБЯЗАТЕЛЬНО !

    Категория: скрипты для ucoz сайта | Просмотров: 343 | Добавил: nikz | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]