Webik Diz

Вид материалов для форума ucoz

Nikola — Tue, 14 Aug 2012 11:41:18 GMT

Вид материалов для форума ucoz. Очень хороший и окуратный вид материалов информации о пользователе на форуме ucoz.

Вид материалов форума:

Code

$USERNAME$

Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$

$GROUP_ICON$

    Online')?> Онлайн
    Offline')?> Оффлайн

$GROUP_NAME$

Сообщений: $POSTS$

IP: $USER_IP$ [$POST_COUNTRY_ID$]

IP: Скрытная информация

$REP_RATING$

$MESSAGE$

Прикрепления: $ATTACHMENT$

$SIGNATURE$

Сообщение отредактировал $EDITEDBY$

$USER_DETAILS_ICON_BAR$

$ENTRY_MANAGE_ICON_BAR$

$ON_TOP_ICON$$DEL_ENTRY_FIELD$

В Css:

Code

/* Вид сообщений форума от uSite.su */
    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;}

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

BBcode на форум

Nikola — Mon, 06 Aug 2012 18:09:22 GMT

На скрине видно три кнопки в конце "Т" "А" "М" это спец сообщения чтоб они работали нужно установить скрипт из этой темы.
У кого этот скрипт стоит, идем в форму добавления сообщений форума и удаляем:

Code

Ну приступим к установке.
В форма добавления сообщения форума, заменяем $BBCODES$ на:

Code

голубой•
оранжевый•
красный•
розовый•
зелёный•
фиолетовый•
серый•
чёрный

Times•
Arial•
Courier•
Impact•
Geneva•
Optima•
Arial Black•
Tahoma•
Visitor

В CSS форума ставим:

Code

#code_size, #code_family, #code_color {background:#303030;margin-top:2px;padding:2px;border:1px solid #000;border-radius:3px;-moz-border-radius:3px;display:none;position:absolute;}
#code_size span, #code_family span, #code_color span {cursor:pointer;color:#5d5d5d;}
#code_size span:hover, #code_family span:hover, #code_color span:hover {color:#808080;background:#252525;border-radius:2px;-moz-border-radius:2px;}
#code_color, #code_size, #code_family {margin-left:160px;margin-top:-2px;}
#code_size span:hover, #code_family span:hover, span:hover {color:#808080;background:#252525;border-radius:2px;-moz-border-radius:2px;}

Папку bbcodes заливаем в корень сайта!

Предосмотр темы (поста)

Nikola — Sat, 14 Jul 2012 07:01:08 GMT

В обшем виде страниц форума перед :

Code

soil - цвет оконтовки бордюра
bocgraund color - цвет фона
padding отступ от края
width ширина выводимого окошка

Статус для форума

Nikola — Sat, 16 Jun 2012 11:19:17 GMT

Устанавливаем сам статус.
И-так, начнем.
Заходим в Главная » Пользователи » Настройки модуля и активируем "MSN идентификатор" и "AOL"
Теперь в Настройки>Замена стандартных надписей и заменим там поле "MSN идентификатор" на "Персональный статуса" и замените "AOL" на "Цвет Статуса"
Шаг №2
Главная » Управление дизайном » Вид материалов (форум), и поставьте даный код в нужное место (если хотите как у меня , сверху поля $AVATAR_URL$) поставьте код:

Code

$MSN$
Статус отсутствует

Предупреждаю, этот скрипт автоматически установит и цвет статуса
Шаг №3
Устанавливаем цвет для статуса.
Теперь идём в Главная » Управление дизайном » Редактирование шаблонов » Форма регистрации пользователей, находим:

Code

$AOL_SIGN$$AOL_FL$

Меняем на:

Code

Выберите цвет титула:

Так-же делаем в Форма редактирования персональной информации

Темный вид материалов форума (Красивый)

Nikola — Fri, 18 May 2012 14:56:30 GMT

Установка:
ПУ--->Управление дизайном--->Форум--->Вид материалов и заменяем все на:

Code

$USERNAME$

    Offline')?>
    Оффлайн

    Online')?>
    Онлайн

$WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$

$GROUP_ICON$

$USER_TITLE$

Сообщений:

$POSTS$

Награды:

$AWARDS$ +

Замечания:

$BAN_RATING$ ±

IP:	IP скрыт$USER_IP$

$REP_RATING$

$MESSAGE$

$ENTRY_MANAGE_ICON_BAR$

$USER_DETAILS_ICON_BAR$

Сворачивание блоков

Nikola — Sat, 28 Apr 2012 15:38:37 GMT

Установка:

ПУ - Дизайн - Управление дизайном (шаблоны) - Форум - Общий вид страниц

После $BODY$ вставить:

Code

Дополнительные опции

Nikola — Thu, 22 Mar 2012 08:59:31 GMT

Установка:
Вместо этого:

Code

Текст сообщения:

$SMILES$

Ставим это:

Code

Статус форуме

Nikola — Wed, 21 Mar 2012 01:49:22 GMT

Шаг №1
Устанавливаем сам статус.
И-так, начнем.
Заходим в Главная » Пользователи » Настройки модуля и активируем "MSN идентификатор" и "AOL"
Теперь в Настройки>Замена стандартных надписей и заменим там поле "MSN идентификатор" на "Персональный статуса" и замените "AOL" на "Цвет Статуса"
Шаг №2
Главная » Управление дизайном » Вид материалов (форум), и поставьте даный код в нужное место (если хотите как у меня , сверху поля $AVATAR_URL$) поставьте код:

Code

$MSN$
Статус отсутствует

Code

$AOL_SIGN$$AOL_FL$

Меняем на:

Code

Выберите цвет титула:

Вид материалов форума(Темный)

Nikola — Wed, 21 Mar 2012 01:31:19 GMT

Скриншот

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

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

Code

/* Вид сообщений форума от uSite.su */
        a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#e0e0e0; font-
   size:11px; font-family:tahoma;}
        a.RepUsee:hover {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
        a.RepUsee div.RepUse {border:1px solid #525252; background:#252525; padding:1px 3px 2px 3px; text-
   align:center; text-shadow:1px 1px 0px #151515; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
        a.RepUsee div.RepUse:hover {background:#181818; text-shadow:1px 1px 0px #000000;}

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

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

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

        a.RepViss div.RepVis {border:1px solid #525252; border-left:0px; background:#252525; padding:1px 4px
   2px 3px; text-align:center; text-shadow:1px 1px 0px #151515; -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:#206502; text-shadow:1px 1px 0px #174901;}

        a.RepNizz div.RepNiz {border:1px solid #525252; border-right:0px; background:#252525; padding:1px 2px
   2px 4px; text-align:center; text-shadow:1px 1px 0px #151515; -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:#8a0404; text-shadow:1px 1px 0px #6c0202;}

        a.RepMidd div.RepMid {border:1px solid #525252; border-right:0px; border-left:0px; background:#252525;
   padding:1px 3px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515;}
        a.RepMidd div.RepMid:hover {background:#181818; text-shadow:1px 1px 0px #000000;}

        .postTable {border:1px solid #5d5d5d; background:#363636; 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 #000000;}
        a.postUser:hover {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma;
   color:#ffffff; text-shadow:1px 1px 0px #000000;}
        a.postUser div {border:1px solid #4d4d4d; background:#272727; padding:1px 4px 2px 4px; text-
   align:center; text-shadow:1px 1px 0px #000000; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
        a.postUser div:hover {background:#232323;}

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

        .posttdMessage {padding:5px 5px 5px 2px; font-size:11px; font-family:tahoma; color:#e0e0e0; text-
   shadow:1px 1px 0px #1d1d1d;}
        .posttdMessage img {max-width:680px;}

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

        .postTdTop {border-bottom:1px solid #525252; border-left:1px solid #525252; border-right:1px solid
   #525252; -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-bottom:1px solid #1a1a1a; border-left:1px solid #1a1a1a; border-right:1px solid
   #1a1a1a; padding:5px 5px 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;}
        /* ---------- */

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

Code

          Offline')?>Оффлайн
          Online')?>Онлайн

$USERNAME$

          $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$

             src="$AVATAR_URL$">
             no_avatar/no_avatar_ban2.png">
             no_avatar/no_avatar_moder2.png">
             no_avatar_vip2.png">
             no_avatar_admin2.png">
             no_avatar_glmoder2.png">
             no_avatar_zadrot2.png">
             no_avatar_kinoman2.png">

$GROUP_ICON$

Сообщений:

$POSTS$

class="RepNiz">-

$REP_RATING$

class="RepVis">+

$REP_RATING$

$MESSAGE$

$USER_DETAILS_ICON_BAR$ $ENTRY_MANAGE_ICON_BAR$

Аватары на форуме в красивой рамке

Nikola — Wed, 21 Mar 2012 01:27:56 GMT

1.Зайдите В Вид Материалов Форума
2.Ищите:

Code

3.Замените на:

Code