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

    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    Главная » 2009 » Июнь » 19 » Вид комментариев
    15:59
    Вид комментариев

    Вставляем в CSS в самый низ:

    Code
    /* -- CONTACT STYLE -- */
    #contact, .submit, .view_comments, .post_comment, .comment_header, .avatar, .avatar_frame {
      background:url(../images/form.png) no-repeat;  
      border:0px none;  
      float:left;
    }
    #contact {
      background-position:0px -100px;  
      width:630px;
      height:444px;
    }
    #contact h3 {
      margin:0px;  
      padding:8px 0 0 45px;  
      font-size:20px;
    }
    #contact input {
      font-size:14px;  
      color:#838280;
      padding:3px 0 0 6px;
    }
    #contact p {
      color:#000;  
      font-size:12px;  
      float:left;
    }
    #contact .submit_button {
      font-size:16px;  
      font-weight:bold;  
      border:0px none;  
      cursor:pointer;  
      width:128px;  
      margin:1px 0 0 7px;  
      background:transparent;
    }
    #contact .submit_button:hover {
      color:#FFF;
    }
    #input_fields {
      margin:20px 0 0 50px;  
      width:auto;  
      height:420px;
    }
    .contact_name {
      width:auto;  
      height:26px;
      float:left;
      margin:20px 0 0 0px;
    }
    .contact_name input {
      width:224px;  
      height:23px;
      float:left;
      margin: 0 16px 0 0;  
      border:0px none;
    }
    .cn {
      margin:6px 0 0 0;
      font-size:14px;
      float:left;
    }
    .contact_text {
      margin:20px 0 0 0px;
      border:0px none;  
      width:540px;  
      height:166px;  
      float:left;
    }
    .contact_text textarea {
      border:0px none;  
      font-size:14px;  
      color:#838280;  
      padding: 0 0 0 6px;
      font-family:Arial,Helvetica,sans-serif;
    }
    .submit {
      background-position: 0px -800px;  
      width:152px;  
      height:34px;
      float:right;
      margin:18px 53px 0 0;
    }
    .submit a {
      color:#BFBFBF;  
      text-decoration:none;  
      display:block;  
      font-size:16px;  
      padding:6px 0 0 44px;  
      width:106px;  
      height:24px;  
      font-weight:bold;
    }
    .submit a:hover {
      color:#FFF;
    }
    .clr{
      clear:both;
    }
    /* -- INSIDE STYLE -- */
    .view_comments {background-position: 0px -800px; width:152px; height:34px;margin:5px 5px 0 0;}
    .view_comments a {color:#BFBFBF; text-decoration:none; display:block; font-size:16px; padding:6px 0 0 27px; width:120px; height:24px; font-weight:bold;}
    .view_comments a:hover {color:#FFF;}
    .post_comment {background-position: 0px -800px; width:152px; height:34px;float:right;margin:5px 5px 0 0;}
    .post_comment a {color:#BFBFBF; text-decoration:none; display:block; font-size:16px; padding:6px 0 0 20px; width:127px; height:24px; font-weight:bold;}
    .post_comment a:hover {color:#FFF;}
    #post_your_comment {float:left;width:auto; height:520px;}
    #all_comments {float:left; width:630px; display:block; margin:5px 0 5px 0; position:relative;}
    .comment {width:630px; height:auto; margin:5px 0; position:relative;}
    .comment_header {background-position: 0px 0px; width:629px; height:52px;float:left;margin: 0;font-size:12px;}
    .comment_header p {margin:10px 0 0 25px; font-weight:bold;}
    .comment_header span {color:#838280;}
    .comment_time {font-size:10px; margin:0 0 0 25px;}
    .avatar {background-position: 0px -600px;width:60px; height:60px; /*margin:-20px 0px 0 550px;*/ position:absolute; top:20px; right:20px;}
    .avatar_frame {background-position: 0px -700px;width:60px; height:60px;}
    .comment_text {width:627px; min-height:42px;float:left;margin:0px;background-color:#F2F2F2;padding:0 0 20px;}
    .comment_text div {margin:30px 0 0 25px; font-size:12px;width:250px;}
    .comment_empty {width:630px; height:40px; float:left;}

    Заходим в "Вид комментариев" все там удаляем и вставляем вот этот код:

    Code
    <a name="comments"></a>
    <div id="all_comments">
    <div class="comment">
    <div class="comment_header">
    <p><b>$NUMBER$</b> <?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span>пишет:</span>$MODER_PANEL$</p>
    <span class="comment_time">($DATE$ $TIME$)</span><br />
    <div class="avatar">
    <div class="avatar_frame"><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img align="center" src="$USER_AVATAR_URL$" width="60" border:2px border-style:inset #bebebd; /></a><?endif?></div>  
    </div>
    </div>
    <div class="comment_text">
    <div>
    <p>$MESSAGE$</p>
    <hr>
    <?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?>  <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img src="http://s28.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s28.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img src="http://s28.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img src="http://s28.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?>
    </div>
    </div>
    </div>

    Скачиваем архив, распаковываем, и содержимое кидаем в корень сайта в папку images.

    Категория: шаблоны для ucoz скачать | Просмотров: 503 | Добавил: 11d | Рейтинг: 0.0/0
    Всего комментариев: 8
    8 CoBa5611  
    0
    +1 в репу отличный вид коментов

    6 SimeonB  
    1
    Спасибо, кул

    7 11d  
    0
    пожалуйста

    4 KAIN007  
    0
    блин 11d , залей нормально ничо не качается)

    5 11d  
    0
    у меня все качается, это значит у тебя проблемы с компом

    3 nikit13  
    3
    Неплохо!

    2 JakeSully  
    -1
    да! мне нррав

    1 RoleX  
    -1
    Не плохо smile

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]