• Страница 1 из 1
  • 1
Модератор форума: admin  
Вид окон
adminДата: Воскресенье, 22.05.2011, 06:44:02 | Сообщение # 1

Группа: Администраторы
Сообщений: 3869
Многие просили окна как в скрипте "Оставь своё мнение о нашем сайте". Вот решил сделать отдельное окно, и выложить сюда на сайт, думаю вам пригодится.

Вставляем в css

Code
.BackIdea {position:fixed; top:15%; left:0;; width:100%;}   
    .WrapIdea {color:#000; text-align:left; border:1px solid #fff; background:#fff; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}   
    .headIdea {background:#5e86bc; color:#fff; padding:8px 10px 10px 10px; margin:7px -6px 7px -6px; text-shadow:1px 1px 0px rgba(0,0,0,0.40);}   
    #TextIdea {border:1px solid #3e5e8a; background:#fff; padding:3px; width:364px; font-size:11px; font-family:tahoma; color:#000; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}   
    #SubmitIdea {float:right; border:1px solid #3e5e8a; background-color:#4972a4; font:11px tahoma; font-weight:bold; color:#fff; padding:2px 5px 3px 5px; margin-left:5px; text-shadow:0px 1px 0px rgba(0,0,0,0.40) !important; -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;}   
    #SubmitIdea:hover {background-color:#456d9e; cursor:pointer;}   
    #closeIdea {float:right; margin-top:-1px; cursor:pointer;}

Вставляем перед :
Code
<div class="BackIdea" id="ajax1" style="display:none;"><div class="WrapIdea">   
  <span style="color:#bbb; margin-top:-2px;"><span id="StatuSite">Название окна</span></span>   
  <img onclick="$('.BackIdea').fadeOut();" id="closeIdea" src="http://demo.usite.su/img/close.png" border="0" />   
    <br>Содержимое окна
    </div></div>

И ставим ссылку для открытия окна где хотите:
Code
<a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a>

Мини FAQ
Если вы хотите сделать несколько окон изменяйте
 
СообщениеМногие просили окна как в скрипте "Оставь своё мнение о нашем сайте". Вот решил сделать отдельное окно, и выложить сюда на сайт, думаю вам пригодится.

Вставляем в css

Code
.BackIdea {position:fixed; top:15%; left:0;; width:100%;}   
    .WrapIdea {color:#000; text-align:left; border:1px solid #fff; background:#fff; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}   
    .headIdea {background:#5e86bc; color:#fff; padding:8px 10px 10px 10px; margin:7px -6px 7px -6px; text-shadow:1px 1px 0px rgba(0,0,0,0.40);}   
    #TextIdea {border:1px solid #3e5e8a; background:#fff; padding:3px; width:364px; font-size:11px; font-family:tahoma; color:#000; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}   
    #SubmitIdea {float:right; border:1px solid #3e5e8a; background-color:#4972a4; font:11px tahoma; font-weight:bold; color:#fff; padding:2px 5px 3px 5px; margin-left:5px; text-shadow:0px 1px 0px rgba(0,0,0,0.40) !important; -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;}   
    #SubmitIdea:hover {background-color:#456d9e; cursor:pointer;}   
    #closeIdea {float:right; margin-top:-1px; cursor:pointer;}

Вставляем перед :
Code
<div class="BackIdea" id="ajax1" style="display:none;"><div class="WrapIdea">   
  <span style="color:#bbb; margin-top:-2px;"><span id="StatuSite">Название окна</span></span>   
  <img onclick="$('.BackIdea').fadeOut();" id="closeIdea" src="http://demo.usite.su/img/close.png" border="0" />   
    <br>Содержимое окна
    </div></div>

И ставим ссылку для открытия окна где хотите:
Code
<a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a>

Мини FAQ
Если вы хотите сделать несколько окон изменяйте

Автор - admin
Дата добавления - 22.05.2011 в 06:44:02
  • Страница 1 из 1
  • 1
Поиск:
Загрузка страницы, займет меньше минуты...
Загрузка...

Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
Система телефонов поломалась
Не в себе
фильм скалайн
Трансформеры 3
форсаж 6
Ищу [FS]Для админок на сервер
нужны координаты карты для отметки зон...
Помогите найти мод
pawno урок автоматические ворота
обращение к скриптерам.
Вопросы по скриптингу
Ваши ошибки при компиляции GM/FS

Вопросы по скриптингу

(1081)

Считаем до 1000

(274)

Ваши ошибки при компиляция gm

(260)

Набор в команду

(80)

Ваши ошибки при компиляции GM/FS

(71)

вопроосы по скриптингу от 22.04.2013

(64)

Баннеробмен

(64)

несколько команд на samp 0.3 c

(64)

Оценки сайта samp-pawno.ru

(55)

Заказ хостинга

(51)

Набор в команду(форум)

(45)

Урок №61 по созданию системы авто для GodFather

(45)

admin

(3869)

[east_side]_trane

(443)

TWiX

(316)

valych

(501)

drifter-dron

(477)

danik_rok

(317)

Dimka_71rus

(360)

Drifter96

(300)

MaNb9K

(220)

[MTA]MaPeR5518

(181)

Dima_Tkach

(107)

Nik_Ull

(184)

ps798829

(Среда 08:23:47)

system32xzxz

(Четверг 09:25:24)

torbin169

(Суббота 23:09:29)

kuchuk_00

(Суббота 17:10:14)

artem_boyko_3

(Суббота 15:57:37)

greggelbak

(Среда 18:29:37)

vladisvlavs

(Среда 13:51:57)

add02102002

(Понедельник 22:37:15)

Диман221

(Понедельник 18:12:45)

almas051004

(Воскресенье 11:05:32)

megasuccessms

(Суббота 14:15:36)

nawe

(Пятница 22:25:23)

Вверх
00:21:51
ОбновитьСмайлыУправление мини-чатом
ЧАТ-PAWNO
2010-2025

vkontakte :samp-pawno.ru: