Информационная лента
Чат


Загрузка данных...

Необходимо авторизоваться!

Свежие обсуждения


Загрузка данных...

Топ активов

  • 1 · Посты: 4944 · Репутация: 187
  • 2 · Посты: 3194 · Репутация: 333
  • 3 · Посты: 2321 · Репутация: 1319
  • 4 · Посты: 1613 · Репутация: 373
  • 5 · Посты: 1038 · Репутация: 42

Форум
Страница 1 из 11
Форум » WEB » Разные скрипты » Стол заказов из гостевой книги (CSS)
Стол заказов из гостевой книги
Оффлайн
onlaino · Написал: 42 сообщения · Репутация: 6 · Группа: «Пользователь»
Привет всем!
Делал для своего сайта стол заказов из гостевой книги.
Решил выложить может кому понадобится.

Принцип работы:
Человек заказывает материал (в моем случае это фильмы), запись появляется в гостевой.
По умолчанию Цвет рамки его сообщения будет серый + серая иконка и рядом надпись "В скором времени ваш заказ будет обработан.".
При наведении на иконку в тайтле светится "Ваш заказ обрабатывается".

Вы зашли и увидели заказ, добавили на сайт заказанный материал.
Нажимаете редактировать его сообщение и в поле ответ вставляете ссылку на материал.
После этого рамка с сообщением будет зелёная + зелёная иконка и рядом надпись "Для просмотра пройдите по ссылке: ВАША ССЫЛКА КОТОРУЮ ДОБАВИЛИ В ОТВЕТЕ".
При наведении на иконку в тайтле светится "Ваш заказ выполнен".

Вот собственно и всё :)

Установка
Гостевая книга / Вид материалов заменяем всё на:
Code
<?if($ANSWER$)?>
<div style="margin: 5px 0px 8px 0px; padding: 4px 4px 4px 4px; border: 1px solid rgba(105, 105, 105, 0.19); border-radius: 3px; background: #ffffff;">
<div style="margin: 5px 0px 8px 0px; padding: 4px 0px 4px 0px; border: 1px solid rgba(105, 105, 105, 0.19); background: #8cd968; border-radius: 3px;"> <b><?if($USERNAME$)?> <a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></b> заказал(а):   
<div style="background: #ffffff;">   
<i> $MESSAGE$</i>$MODER_PANEL$</div>
</div>
<font face="tahoma" color="#666666" style="font-size: 7pt;"><?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/odobreno.png" title="Ваш заказ выполнен"> <b>Для просмотра пройдите по ссылке:</b> $ANSWER$</div><?else?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/vprocesse.png" title="Ваш заказ обрабатывается"> <b>В скором времени ваш заказ будет обработан.</b></div><?endif?></font>
<?else?>
<div style="margin: 5px 0px 8px 0px; padding: 4px 4px 4px 4px; border: 1px solid rgba(105, 105, 105, 0.19); border-radius: 3px; background: #ffffff;">
<div style="margin: 5px 0px 8px 0px; padding: 4px 0px 4px 0px; border: 1px solid rgba(105, 105, 105, 0.19); background: #EDEDED; border-radius: 3px;"> <b><?if($USERNAME$)?> <a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></b> заказал(а):   
<div style="background: #ffffff;">   
<i> $MESSAGE$</i>$MODER_PANEL$</div>
</div>
<font face="tahoma" color="#666666" style="font-size: 7pt;"><?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/odobreno.png" title="Ваш заказ выполнен"> <b>Для просмотра пройдите по ссылке:</b> $ANSWER$</div><?else?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/vprocesse.png" title="Ваш заказ обрабатывается"> <b>В скором времени ваш заказ будет обработан.</b></div><?endif?></font>
   <?endif?>


2 иконки в корень сайта

Пример тут


Вариант 2. (с аватарами)
Code

<?if($ANSWER$)?>
<div style="margin: 5px 0px 8px 0px; padding: 4px 4px 4px 4px; border: 1px solid rgba(105, 105, 105, 0.19); border-radius: 3px; background: #ffffff;">

<div style="position:relative;float:right;text-align:center;">
<div style="border-radius: 3px; background: #8cd968;">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" width="50px" style="padding:4px;"></a>
<?else?>
<a href="$PROFILE_URL$"><img src="http://hd-on.ru/serv/chatok/noavatar.png" width="50px" style="padding:4px;"></a><?endif?>
</div></div>
        
<div style="margin: 5px 0px 8px 0px; padding: 4px 4px 4px 4px; border: 1px solid rgba(105, 105, 105, 0.19); background: #8cd968; border-radius: 3px;"> <b><?if($USERNAME$)?> <a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></b> заказал(а):   
<div style="background: #ffffff;">   
<i> $MESSAGE$</i>$MODER_PANEL$</div>
</div>
<font face="tahoma" color="#666666" style="font-size: 7pt;"><?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/odobreno.png" title="Ваш заказ выполнен"> <b>Для просмотра пройдите по ссылке:</b> $ANSWER$</div><?else?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/vprocesse.png" title="Ваш заказ обрабатывается"> <b>В скором времени ваш заказ будет обработан.</b></div><?endif?></font>
<?else?>

        
<div style="margin: 5px 0px 8px 0px; padding: 4px 4px 4px 4px; border: 1px solid rgba(105, 105, 105, 0.19); border-radius: 3px; background: #ffffff;">
<div style="position:relative;float:right;text-align:center;">
<div style="border-radius: 3px; background: #EDEDED;">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$"><img src="$USER_AVATAR_URL$" width="50px" style="padding:4px;"></a>
<?else?>
<a href="$PROFILE_URL$"><img src="http://hd-on.ru/serv/chatok/noavatar.png" width="50px" style="padding:4px;"></a><?endif?>
</div></div>
        
      <div style="margin: 5px 0px 8px 0px; padding: 4px 0px 4px 0px; border: 1px solid rgba(105, 105, 105, 0.19); background: #EDEDED; border-radius: 3px;"> <b><?if($USERNAME$)?> <a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></b> заказал(а):   
<div style="background: #ffffff;">   
<i> $MESSAGE$</i>$MODER_PANEL$</div>
</div>
<font face="tahoma" color="#666666" style="font-size: 7pt;"><?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/odobreno.png" title="Ваш заказ выполнен"> <b>Для просмотра пройдите по ссылке:</b> $ANSWER$</div><?else?><div class="cAnswer" style="text-align:left;clear:both;"> <img alt="" style="cursor:pointer;margin:0;padding:0;border:0;" src="/vprocesse.png" title="Ваш заказ обрабатывается"> <b>В скором времени ваш заказ будет обработан.</b></div><?endif?></font>
   <?endif?>
     
     
07.11.2012, в 08:23 | # 1 · | Понравилось: 0

Оффлайн
Lukash · Написал: 308 сообщений · Репутация: 96 · Группа: «Постоянный»
Неплохо, молодец!
07.11.2012, в 18:46 | # 2 · | Понравилось: 0

Оффлайн
onlaino · Написал: 42 сообщения · Репутация: 6 · Группа: «Пользователь»
Quote (Lukash)
Неплохо, молодец!

спасибо :)
07.11.2012, в 18:59 | # 3 · | Понравилось: 0

Форум » WEB » Разные скрипты » Стол заказов из гостевой книги (CSS)
Страница 1 из 11
Поиск:
uJS.su - сайт, посвященный уникальным разработкам для системы uCoz. У нас Вы найдете десятки готовых интересных уникальных решений для Вашего сайта, а также сможете оставить свою идею, которую мы постараемся реализовать.