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


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

1509
8 из 10
Проголосовало: 6






Форма добавления комментариев в модальном окне, ну тут всё понятно, теперь чтобы добавить комментарий, пользователи нужно будет нажать на кнопку: "Добавить комментарий", после чего откроется окошко. Данный код вообще не сложный, я тут сделал всего лишь скрытие формы добавления комментариев, и открытие их по нажатию на кнопку... думаю такое много кому пригодится!? Ну а если нет, то ничего страшного biggrin tongue

Установка:

ПУ \ Управление дизайном \ Нужный модуль \ Страница материала и комментариев к нему

ищем:

Code
$COM_ADD_FORM$


и заменяем на:

Code
<br><center><a class="knopka_button" href="javascript://" onclick="$('#webo4ka_close_dobavlenie_kommentariev').fadeIn();">Добавить комментарий</a></center><br>
<div id="webo4ka_close_dobavlenie_kommentariev"><div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg" style="background-color:#fff;"><div id="webp4ka_top"><div id="webp4ka_top2"><div id="webp4ka_top_text">Форма добавления комментариев</div><div id="webp4ka_krectik_right" style="padding-top:5px; padding-right:4px;"><div style="margin-left:3px;" onclick="$('#webo4ka_close_dobavlenie_kommentariev').fadeOut();" style="cursor: pointer" id="webo4ka_dobavlenie_kommentariev_close"></div></div></div></div>$COM_ADD_FORM$</div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div></div>  

<style type="text/css">
#webp4ka_top{background:#f1f1f1; border-bottom:1px solid #ccc;}
#webp4ka_top2{overflow:hidden;margin:0;padding:0}
#webp4ka_top_text{float:left; padding:5px; text-shadow:0px 1px 0px #fff; font-weight:bold; font-size:14px;}
#webo4ka_dobavlenie_kommentariev_close{background:url(/.s/img/wd/3/tool-sprites.gif);background-position:0 0;width:15px;height:15px;cursor:pointer;}
#webo4ka_dobavlenie_kommentariev_close:hover{background-position:-15px 0;}
#webp4ka_krectik_right{float:right;}  
#webo4ka_close_dobavlenie_kommentariev {width:50%; position:fixed; z-index: 999; top:20%; right:28%; display:none;}
.knopka_button{width:24%;color:#0000ff;font:14px Arial, ‘Century Gothic’, AppleGothic, sans-serif; padding:14px; background:url(http://webo4ka.ru/Ucoz2/krasivaja_knopka_na_chistom_css3.png) repeat-x center #3fa3f0; background-color:rgba(63,163,240,1); border:1px solid #0970bf; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; border-bottom:1px solid #0970bf; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); cursor:pointer;}
</style>


всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 2

The_Host
0
The_Host написал: Написано 04 Декабря 2011 в 11:54
Комментарий №2
/.s/img/wd/3/tool-sprites.gif

Вот это изображение откуда берется то?

хотел себе поставить, но почему то слегка коряво окно выводится sad

DIMON_-_BEST
0
DIMON_-_BEST написал: Написано 03 Декабря 2011 в 23:42
Комментарий №1
норм, на новый шаб поставлю) молодец +

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: