Вид материалов форума как на Diz-Cs (белый)

Личные сообщения() · Новые сообщения · Участники · Правила форума · Поиск · Предложения по дизайну

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

admin

03.05.2012, Четверг, 20:55 Сообщение #1

Сообщений: 18

Награды: 0

Замечания: %

Offline

Данный вид предназначен для светлых шаблонов, в остальных случаях будет смотреться не очень красиво :D. С установкой думаю разберётесь, всё ставиться очень просто.

Ну начнём ставить, заходим в ПУ > Дизайн > Управление дизайном (CSS) и в конец вашего CSS вставляем следующее:

Code

/* Вид материалов форума как на diz-cs */
    a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}
    a.RepUsee:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}
    a.RepUsee div.RepUse {border:1px solid #ccc; background:#f7f7f7; padding:2px 5px 2px 5px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
    a.RepUsee div.RepUse:hover {background:#fff; text-shadow:0px 1px 0px #fff;}

    a.RepViss:link, a.RepViss:active, a.RepViss:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}
    a.RepViss:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}

    a.RepNizz:link, a.RepNizz:active, a.RepNizz:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}
    a.RepNizz:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}

    a.RepMidd:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}
    a.RepMidd:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;}

    a.RepViss div.RepVis {border:1px solid #ccc; border-left:0px; background:#f7f7f7; color:#888; font-weight:bold; padding:2px 6px 2px 4px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-top-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-radius-topright:9px;-moz-border-radius-bottomright:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;}
    a.RepViss div.RepVis:hover {background:#1d9808; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.35);}

    a.RepNizz div.RepNiz {border:1px solid #ccc; border-right:0px; background:#f7f7f7; color:#888; font-weight:bold; padding:2px 4px 2px 6px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-top-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-radius-topleft:9px;-moz-border-radius-bottomleft:9px;border-top-left-radius:9px;border-bottom-left-radius:9px;}
    a.RepNizz div.RepNiz:hover {background:#c31313; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.35);}

    a.RepMidd div.RepMid {border:1px solid #ccc; border-right:0px; border-left:0px; background:#f7f7f7; padding:2px 5px 2px 5px; text-align:center; text-shadow:0px 1px 0px #fff;}
    a.RepMidd div.RepMid:hover {background:#fff; text-shadow:0px 1px 0px #fff;}

    .postTable {border:1px solid #ccc; background:#f3f3f3; margin-top:5px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    a.postUser:link, a.postUser:active, a.postUser:visited {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#e8e8e8; text-shadow:1px 1px 0px #fff;}
    a.postUser:hover {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#555;}
    a.postUser div {border:1px solid #ccc; background:#f7f7f7; color:#666; padding:1px 4px 2px 4px; text-align:center; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    a.postUser div:hover {background:#fff; border:1px solid #c7c7c7;}

    .postFirst, .postRest1, .postRest2 {background:transparent;}
    .postSeparator {height:1px;background:transparent;}

    .infuserF {padding:3px 5px 4px 5px; background:#f1f1f1; text-shadow:0px 1px 0px #fff; font-size:11px; font-family:tahoma; color:#888; text-align:center;}
    .posttdMessage {padding:5px 5px 5px 2px; font-size:11px; font-family:tahoma; color:#555; text-shadow:0px 1px 0px #fff;}
    .posttdMessage img {max-width:680px;}

    .WrapInfo {border:1px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    .WrapInfo2 {border:1px solid #ccc; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

    .postTdTop {border:1px solid #fff; border-top:0px; -webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
    .postTdTop2 {border:1px solid #ccc; border-top:0px; padding:5px 5px; font-size:11px; font-family:tahoma; color:#7d7d7d; -webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
    .postTdTop2 a {font-weight:bold; text-decoration:none; font-size:10px; font-family:verdana;}

    /* ---------- */

  Теперь заходим в Дизайн > Управление дизайном (Шаблоны) > Форум - Вид материалов > и заменяем всё на:

Код: Выделить всё
<style type="text/css">
    #bg {background-image:url('http://usite.su/images/dsq/bg-postbody_fir.png'); background-position: top right; background-repeat: no-repeat;}
    </style>
    <div class="postTable">

    <div style="padding:0px 5px;">
    <div class="postTdTop"><div class="postTdTop2">

    <div style="float:right; margin-top:2px; margin-right:1px;">
    <?if($USER_STATUS$='<span class="statusOffline">Offline</span>')?><span style="font:11px tahoma; text-shadow:0px 1px 0px #fff; color:#999;">Оффлайн</span><?endif?>
    <?if($USER_STATUS$='<span class="statusOnline">Online</span>')?><span style="font:11px tahoma; text-shadow:0px 1px 0px #fff; color:#178206;">Онлайн</span><?endif?>
    </div>

    <div>
    <span style="margin:0px 9px 0px 0px;"><a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;"><div style="width:150px; display:inline-block; text-align:center;">$USERNAME$</div></a></span>
    <span style="text-shadow:0px 1px 0px #fff;">$WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</span>
    </div>

    </div></div>
    </div>

    <div sryle="padding:2px;"></div>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td style="padding-left:1px;" width="178px" valign="top">

    <div class="WrapInfo" style="margin-left:4px; margin-top:6px;"><div class="WrapInfo2">

    <div style="padding:5px 5px 3px 5px;" align="center">
    <?if($AVATAR_URL$)?><img title="$USERNAME$" style="max-width:150px; max-height:150px;" src="$AVATAR_URL$"><?else?>
    <?if($GROUP_ID$='255')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_ban2.png"><?endif?>
    <?if($GROUP_ID$='251')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_moder2.png"><?endif?>
    <?if($GROUP_ID$='5')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_vip2.png"><?endif?>
    <?if($GROUP_ID$='4')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_admin2.png"><?endif?>
    <?if($GROUP_ID$='3')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_glmoder2.png"><?endif?>
    <?if($GROUP_ID$='2')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_zadrot2.png"><?endif?>
    <?if($GROUP_ID$='1')?><img title="$USERNAME$" style="width:150px; height:150px;" src="/img/no_avatar/no_avatar_kinoman2.png"><?endif?>
    <?endif?>
    </div>
    <div style="margin-bottom:5px;" align="center">$GROUP_ICON$</div>

    <div style="border-top:1px solid #ccc; border-bottom:1px solid #fff; margin:0px 0px;"></div>
    <div class="infuserF"><b>$GROUP_NAME$</b></div>
    <div style="border-top:1px solid #ccc; margin:0px 0px;"></div>
    <div style="border-bottom:1px solid #fff; margin:0px 0px;"></div>
    <div class="infuserF">Сообщений: <b>$POSTS$</b></div>
    <div style="border-top:1px solid #ccc; border-bottom:1px solid #fff; margin:0px 0px;"></div>
    <div style="padding:3px;"></div>

    <div align="center"><?if($DO_REP_URL$)?>
    <table style="margin-bottom:5px;" border="0" cellpadding="0" cellspacing="0" width="150px">
    <tr>
    <td style="padding-right:0px;" width="27px"><a href="$DO_REP_URL$" class="RepNizz"><div class="RepNiz"><b>-</b></div></a></td>
    <td><a href="$READ_REP_URL$" class="RepMidd"><div class="RepMid"><b>$REP_RATING$</b></div></a></td>
    <td style="padding-left:0px;" width="27px"><a href="$DO_REP_URL$" class="RepViss"><div class="RepVis"><b>+</b></div></a></td>
    </tr></table>
    <?else?>
    <div style="padding:0px; margin-bottom:5px; width:150px;" align="center">
    <a href="$READ_REP_URL$" class="RepUsee"><div class="RepUse"><b>$REP_RATING$</b></div></a>
    </div>
    <?endif?></div><div style="padding-top:1px;"></div>

    </div></div>

    </td>
    <td style="padding-left:5px;" valign="top">
    <div class="posttdMessage">$MESSAGE$</div>
    </td>
    </tr></table>

    <div style="padding:3px;">$USER_DETAILS_ICON_BAR$ $ENTRY_MANAGE_ICON_BAR$</div>
    </div>

    <script type="text/javascript">
    $(".postTable:first").attr('id','bg');
    </script>

Учеба, Баскет, Друзья, DC


stimul
Дата: Пятница, 15.07.2011, 17:22 | Сообщение # 2


Сообщений:  29
Награды: 0  +
Репутация: -1  ±
Замечания: 0%
Статус: Offline


Fe1k
Дата: Вторник, 03.04.2012, 08:47 | Сообщение # 3


Сообщений:  8
Награды: 0  +
Репутация: 2  ±
Замечания: 0%
Статус: Offline    http://s019.radikal.ru/i635/1204/16/37456b604715.jpg

  Почему где сообщение черный экран?и как сделать белый?а то букв не видно!


Dj_BloodJkeee
Дата: Вторник, 03.04.2012, 23:34 | Сообщение # 4




Сообщений:  776
Награды: 20  +
Репутация: 154  ±
Замечания: 0%
Статус: Offline    Fe1k, В css дело
Уникальные файлы для minecraft


Caшka
Дата: Среда, 04.04.2012, 08:05 | Сообщение # 5




Сообщений:  252
Награды: 2  +
Репутация: 9  ±
Замечания: 0%
Статус: Offline    Fe1k, в css найди код чёрного цвета и замени его на белый



Fe1k
Дата: Среда, 04.04.2012, 12:09 | Сообщение # 6


Сообщений:  8
Награды: 0  +
Репутация: 2  ±
Замечания: 0%
Статус: Offline    Помогите плз!киньте CSS код для белого фона уже готовый!


ReDer
Дата: Среда, 04.04.2012, 15:31 | Сообщение # 7




Сообщений:  1153
Награды: 74  +
Репутация: 105  ±
Замечания: 0%
Статус: Offline    мне нравится, но у меня сайт серый а не белый



ghost0981
Дата: Воскресенье, 08.04.2012, 19:22 | Сообщение # 8


Сообщений:  1
Награды: 0  +
Репутация: 0  ±
Замечания: 0%
Статус: Offline    Ваще кул!


Форум » Скрипты для uCoz » Форум » Вид материалов форума как на Diz-Cs (белый)

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


   Поиск:

Новый ответ
Текст сообщения:





Опции сообщения:  Включить смайлы
  Включить подпись
  Уведомления на e-mail при ответах
Прикрепить файл: (не более 2048Kb)

Код безопасности:


Статистика Форума
Последние обновленные темы    Самые популярные темы    Самые активные    Новые участники

• Шапка +50руб
(7)

• Стим 6 игр
(2)

• Помогите
(0)

• Big-Bar
(7)

• 2 варианта биг-баров
(3)

• 35rub
(17)

• logo-niz +50руб
(16)

• Заказ графики от Dragon
(275)

• Десяток слов!
(211)

• Конкурсы "Угадай фильм!"
(202)

• считалочка
(197)

• Заказ графики у en1ghtY
(186)

• Ваши предложения по сайту и форуму
(167)

• Найди три слова....
(90)

• Dragon
(2221)

• en1ghtY
(1341)

• ReDer
(1153)

• Dj_BloodJkeee
(776)

• aliwer_ast
(758)

• DexTer
(733)

• MasterSith
(732)

• Админ6208
(03.05.2012)

• ﮒ€®ый
(03.05.2012)

• (_smail_)
(03.05.2012)

• @SouljaBoy
(03.05.2012)

• stalker6648
(03.05.2012)

• LJoNJa
(02.05.2012)

• St1f
(02.05.2012)





  dragon-css.ucoz.ru © Все права защищены! Sitemap-forum   Советуем просматривать сайт через браузер Opera или Mozilla Firefox

Теперь заходим в Дизайн > Управление дизайном (Шаблоны) > Форум - Вид материалов > и заменяем всё на:

Code

Вид материалов форума как на Diz-Cs (белый)

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