CRE-ARTs
  • Авторизация

    ПАНЕЛЬ УПРАВЛЕНИЯ

    ! Гость (это Вы)

    • Регистрация
    • Забыл пароль?


    Рекомендуем пройти регистрацию, для удобства в использовании материалов.
  • Регистрация Забыл пароль?
Страница добавления от Winston888
Страница добавления от Winston888
Наш креативщик
CRE-ARTs.ru – ВЕБ-ДИЗАЙН И РАЗРАБОТКА САЙТОВ
На CRE-ARTs представленны лучшие шаблоны и скрипты,
собранные с различных источников в одном месте.
Наша почта: info@realarts.ru или art-creative@yandex.ru
  • Главная
  • Новости
  • Портфолио
  • Скрипты для uCoz
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайта
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Раздел дизайна
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Статьи
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Отзывы
  • Наши контакты
  • Правообладателям
  • Правила сайта
  • О нас
Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.
17 Марта 2014 Подробнее
Свернуть

Прямой эфир

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Вид материалов как на Pinterest
    Посмотрите источник тут
    или аналогичный пост тут

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Ссылка на источник при копировании текста
    Проверим, в ближайшее время исправим
  • muxa
    Пользователь: muxa
    В раздел по теме: Ссылка на источник при копировании текста
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
    Все работает класс
  • muxa
    Пользователь: muxa
    В раздел по теме: Всплывающее меню на чистом CSS
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: Шаблон Фотошоп-Мастер
    Там ничего не работает.Тупо скачал и удалил.
  • vovany
    Пользователь: vovany
    В раздел по теме: Уникальная страница технических работ для uCoz
    только что вот заметил, что некорректно отображаются надписи под отсчетом...
Свернуть

Статистика


Всего в онлайне: 1
Юзеров: 1
Пользователей: 0
Пользователи
Гости сайта
  • Онлайн
  • Кто был
  • СЧ
[Статистика недоступна]


  
Всего пользователей: 1492 +0
Всего материалов [?]: 1434 + -
Новости: 12
Комментарии: 325
Статьи: 667
Файлы: 430
Полный список
Свернуть

Список категорий

  • Главная
  • Новости
  • Скрипты для uCOZ
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайтов
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Рубрики
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Дизайн
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Портфолио

  • Группа ВКонтакте
  • Группа в Facebook
  • Группа в twitter

  • Для посетителей...
    • О нас
    • Наши баннеры
    • Правила сайта
    • Правообладателям
    • Отзывы
Свернуть

Опечатка

E-mail отправителя *:
Тема письма:
Текст сообщения *:

Если Вы обнаружили опечатку в тексте, выделите текст с ошибкой
и нажмите на кнопку
Опечатка
Свернуть

Вместе с нами

  • Cre-ARTs - всё самое необходимое
  • Cre-ARTs - всё самое необходимое

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Форма добавления и вид комментариев

Форма добавления и вид комментариев

  • Опубликовал: artCreative™
  • Категория: Вид материалов и комментариев
  • Дата: 19 Июня 2025 в 15:37
0 голосов
  • 1
  • 2
  • 3
  • 4
  • 5
Еще один красивый вид и форма добавления комментариев. 

Установка: 
Это закидываем в "Вид комментариев" 

Код
<table style="margin: auto" width="100%">  
  <tr>  
  <td width="70" valign="top">  
  <div class="avacoment">  
  <a href="$PROFILE_URL$"><img alt="" width="45" src="$USER_AVATAR_URL$" /></a><img alt="" width="45" src="http://usite.su/images/cd655ddcffba.gif" />  
  <br>  
  <a href="$ANSWER_URL$"><input type="submit" value="ответить"></a>  
  </div></td>  
  <td valign="top">  
  <div class="cell_coment">  
  <div class="coment_info">  
  <span class="tip"></span>  
  <div class="coment_os">  
  <div class="data">$DATE$ $TIME$ $WDAY$ | №$NUMBER$ $MODER_PANEL$</div>  
  <div class="comlink"><a href="$PROFILE_URL$">$USERNAME$</a>Гость</div>  
  $MESSAGE$  
  </div>  
  </div>  
  </div></td>  
  </tr>  
</table>

Потом это в "Форма добавления комментариев"
Код
<style>  
  .securityCode {  
  border:0px;  
  border-right:1px solid #ccc;  
  }  
</style>  
   
<div style="padding:10px;border-radius: 2px;background: #000;color:#fff;margin-bottom:5px;"><b>Добавить комментарий</b></div>  
   
<table border="0" width="100%" cellspacing="0" cellpadding="0">  
  <tr><td class="commTd2" colspan="2">$ERROR$</td></tr>  
    
  <tr><td width="240" class="commTd1" nowrap><input style="width:235px;border:1px solid #dcdcdc;border-radius: 4px;padding:8px;" type="text" name="name" placeholder="Имя" value="$NAME$"></td>  
  <td class="commTd1" align="left"><input style="width:235px;border:1px solid #dcdcdc;border-radius: 2px;padding:8px;" type="text" name="email" placeholder="Email" value="$EMAIL$"></td>  
   
  </tr>  
    
  <tr><td class="commTd2" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top"><textarea class="commFl" style="height:80px;border:1px solid #dcdcdc;border-radius: 4px;padding:8px;margin-top:5px;margin-bottom:5px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea></td></tr></table></td></tr>  
  <tr><td style="width: 250px !important;" align="right" class="commTd20">$SECURITY_CODE$</td><td align="right"><input sty type="submit" class="commSbmFl" id="addcBut" name="submit" style="border:1px solid #000;border-radius: 2px;padding:8px;margin-left:5px;" value="Отправить"></td></tr>  
</table>

Затем кидаем CSS в "Таблица стилей (CSS)"
Код
.cell_coment {  
  position: relative;  
}  
.coment_info {  
  position: relative;  
  text-align: justify;  
  color: #555;  
  background: #fff;  
  border: 1px solid #dddddd;  
  padding: 10px;  
  margin-bottom: 5px;  
  border-radius: 4px;  
}  
.coment_os {  
  overflow: hidden;  
}  
.tip {  
  position: absolute;  
  top: 10px;  
  left: -7px;  
  height: 13px;  
  width: 9px;  
  background: url("http://usite.su/images/1b460b53f69d.png") no-repeat top left;  
}  
.avacoment {  
   
}  
.avacoment img {  
  padding: 5px;  
  border: 1px solid #dddddd;  
  border-radius: 4px;  
}  
.avacoment input {  
  width: 57px;  
  border-radius: 2px;  
  border:1px solid #e1e1e1;  
  margin-top:5px;  
  color:#b5b5b5;  
}  
.comlink {  
  font: 700 12px "Arial";  
  color: #f23030 !important;  
  margin-bottom: 5px;  
}  
.comlink a {  
  font: 700 12px "Arial";  
  color: #f23030 !important;  
  text-decoration: none !important;  
}  
   
.comlink a:hover {  
  text-decoration: underline !important;  
}  
   
.commTd20 {  
  border-radius: 2px;  
  border:1px solid #ccc;  
  background: #fff;  
}  
   
.data {  
  float: right;  
  color:#3c3c3c;  
  font: 700 10px "Arial";  
}  
.linkotvet {  
  margin-top:3px;  
}  
   
.linkotvet a {  
  border-radius: 2px;  
  border:1px solid #ccc;  
  font: 400 11x "Arial";  
  color: #ccc;  
  text-decoration: none !important;  
  padding:1px;  
}


Спонсор материала: Студия Веб-Дизайна RealARTs

  • Автор файла: usite.su
  • Ссылка на источник материала


Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 502 « Назад

Теги материала: добавления, комментариев, форма, вид

Похожие материалы:
  • Вид формы добавления комментариев как ВКонтакте для ucoz
  • Форма добавления комментариев
  • Новая красивая форма добавления комментариев
  • Форма добавления комментариев для uCoz
  • Вид комментариев для ucoz

Комментарии пользователей


Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.
  • Главная
  • Sitemap
  • Палитра Web цветов
RealARTs
Дизайн полностью создан и принадлежит сайту "Cre-ARTs.ru".
Все размещенные материалы, принадлежат их владельцам и предоставляются
исключительно в ознакомительных целях. Администрация ответственности
за содержание материала не несет и убытки не возмещает. Хостинг от uCoz
CRE-ARTs
  • Анализ интернет сайта