Файл: Диплом Разработка интернет-портала магазина IT-услуг.docx

h1 {font-size: 52px; text-align: center;}

h1,h2,h3,h4 {font-weight: 100;}

#photo_container {width: 960px; height: 400px; margin: auto; background-color: #000;}

p {text-align: center;}

kek.js

$(document).ready(function() { var regVr22 = "<div><img style='margin-bottom:-4px;' src='load.gif' alt='Отправка...' width='16' height='16'><span style='font: 11px Verdana; color:#333; margin-left:6px;'>Сообщение обрабатывается...</span></div><br />";

$("#send").click(function(){

$("#loadBar").html(regVr22).show();

var posEmail = $("#posEmail").val();

$.ajax({

type: "POST",

url: "sendmail.php",

data: {"posEmail": posEmail},

cache: false,

success: function(response){

var messageResp = "<p style='font-family:Verdana; font-size:11px; color:green; border:1px solid #00CC00; padding:10px; margin:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff;'>";

varresultStat = "Подарочный код был отправлен на Вашу почту!</p>";

var oll = (messageResp + resultStat);

if(response == 1){

$("#loadBar").html(oll).fadeIn(3000);

$("#posEmail").val("");

$("#posText").val("");

}

else { $("#loadBar").html(response).fadeIn(3000); }

} });

return false;

}); });

Js-form.js

$(document).ready(function() {

var regVr22 = "<div><img style='margin-bottom:-4px;' src='load.gif' alt='Отправка...' width='16' height='16'><span style='font: 11px Verdana; color:#333; margin-left:6px;'>Сообщение обрабатывается...</span></div><br />";

$("#send").click(function(){

$("#loadBar").html(regVr22).show();

var posName = $("#posName").val();

var posEmail = $("#posEmail").val();

var posText = $("#posText").val();

$.ajax({

type: "POST",

url: "send.php",

data: {"posName": posName, "posEmail": posEmail, "posText": posText},

cache: false,

success: function(response){

var messageResp = "<p style='font-family:Verdana; font-size:11px; color:green; border:1px solid #00CC00; padding:10px; margin:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff;'>Спасибо, <strong>";

varresultStat = "!</strong> Ваше сообщение отправлено!</p>";

var oll = (messageResp + posName + resultStat);

if(response == 1){

$("#loadBar").html(oll).fadeIn(3000);

$("#posName").val("");

$("#posEmail").val("");

$("#posText").val("");

} else {$("#loadBar").html(response).fadeIn(3000); }

}

});

return false;

}); });

JQuery.isc.css

#swipe_nav_prev,#swipe_nav_next {position: absolute; top: 0; left: 0; z-index: 2000; background-color: #ccc; cursor: pointer; text-align: center; display: none;}

#swipe_nav_prev {background: #333 url('prev.png') no-repeat center center;}

#swipe_nav_next {background: #333 url('next.png') no-repeat center center;}

.internal_swipe_container {position: relative;}

.trans {filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}

.jq_swipe_image {background: url('loader.gif') no-repeat center center;}

#count_container {padding: 0;margin: 0;position: absolute;top: 0;left: 0;background-color: pink;height: 6px;list-style: none;}

.counter {float: left;height: 6px;background-color: #336699;z-index: 200;height: 6px;padding: 0;margin: 0;}

.counter:hover {cursor: pointer;background-color: #ff00fc !important;}

.current {background-color: #ff00fc !important;}

Css.css

ul.css-menu-1 {

list-style: none}

#navbar {

margin: 0 auto;

padding: 0;

list-style-type: none;

}

#navbar li { display: inline; }

#navbar a {

color: #fff;

margin: 0 auto;

padding: 1px 13px;

text-decoration: none;

font-weight: bold;

display: inline-block;}

#navbar a:hover {

border-radius: 20px 5px;

color: #A0D2FF;}

p{

font-family:'Comic Sans MS';

text-shadow: #6699ff 1px 1px 1px;

color: black}

.blokimg {position: relative;}

.overlay{

display: none;

height: auto;

left: -15%;

position: absolute;

top: -50%;

width: auto;

z-index: 999;}

.overlay .overlay_container{

display: table-cell;

vertical-align: middle;}

.overlay_container img{

background-color: #AB5;

padding: 10px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;}

.overlay:target {

display: table;}

.sidebarForm {

background: #f6f6f6;

box-shadow: 0 0 5px #ccc;

-webkit-box-shadow: 0 0 5px #ccc;

-moz-box-shadow: 0 0 5px #ccc;

width: 420px;}

#cor5 {

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;}

.sidebarForm h4 {

font: 14px Verdana;

color: #333333;

text-align: left;

padding: 10px 10px 0 10px;}

.sidebarForm label {

font: 12px Verdana;

color: #333;

padding: 10px;}

.sidebarForm .input {

width: 170px;

height: 20px;

overflow: hidden;

background: white;

border: solid 1px #DFE2E5;

margin: 5px 0 10px 10px;

box-shadow: 0 0 5px #ccc;

-webkit-box-shadow: 0 0 5px #ccc;

-moz-box-shadow: 0 0 5px #ccc;}

.sidebarForm .input input {

width: 165px;

height: 26px;

background: white;

margin: -3px 0 0 -5px;

padding: 0px 8px;

border: none;

background: transparent;}

.sidebarForm .textarea {

height: 70px;

width: 320px;

overflow: hidden;

background: white;

border: solid 1px #DFE2E5;

margin: 5px 0 10px 10px;

box-shadow: 0 0 5px #ccc;

-webkit-box-shadow: 0 0 5px #ccc;

-moz-box-shadow: 0 0 5px #ccc;}

.sidebarForm .textarea textarea {

width: 316px;

height: 66px;

background: white;

border: none;

resize:none;}

.sidebarForm button {

border: 2px #ccc solid;

width: 150px;

height: 25px;

font: 12px Verdana;

font-weight: 700;

color: #FFFFFF;

background-color: #cc0000;

padding-bottom: 2px;

margin: 5px 0 15px 135px;}