Плагин “Social Share Buttons”
Этот плагин добавляет иконки социальных сетей в конце статей. С помощью этих иконок, можно поделиться информацией с сайта практически в любой из социальных сетей: Facebook, Google Buzz, Google Plus, LiveJournal, Mail.ru, Одноклассники, Twitter, Вконтакте, Яндекс.
В настройках плагина изменил позицию кнопок социальных сетей по горизонтали и вертикали на наиболее рациональную с моей точки зрения.
Рисунок 9 – плагин “Social Share Buttons”
Заключение
В ходе выполнения курсовой работы была подробна изучения СУБД
MySql. Изучены основы PHP, JS. Задачи были выполнены в полном объеме. Были затронуты основы CSS-, php- и html-языков.
Создан сайт, отвечающий всем современным нормам. На сайте есть возможность делиться информацией в соц.сетях. Созданы страницы меню и подробной информацией о каждой выбранной мебели. Сайт содержит страницы с фотографиями. Сайтом можно легко управлять и в дальнейшем, что делает его удобным для администрации.
Созданный сайт готов к запуску в интернет.
Список использованных источников
1. Гаевский, А. Ю. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А. Ю. Гаевский, В. А. Романовский. - Москва : Технолоджи - 3000 : Триумф, 2008. - 457 с.
2. Стейнмец, У. PHP. 75 готовых решений для вашего web-сайта / У. Стейнмец, Брайан Вард. - Санкт-Петербург : Наука и Техника, 2009. - 243 с.
3. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон ; [пер. с англ. Н. Вильчинский]. - Санкт-Петербург [и др.] : Питер, 2013. - 496 с.
Приложение А
Код главной страницы
<?php
include("include/db_connect.php");
include("functions/functions.php");
$cat = clear_string($_GET["cat"]);
$type = clear_string($_GET["type"]);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/need.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/shop-script.js"></script>
<title>Интернет-Магазин</title>
<style type="text/css">
#block-sod {
width: 812px;
float: left;
height: auto;
padding-left: 250px;
margin-top: -380px;
}
#block-sod p, h2{
font: 14px;
color: white;
}
</style>
</head>
<body background=images\222.jpg>
<div id="block-body" action="main.php">
<div id="centr">
<?php
include("include/block-header.php")
?>
<?php
include("include/menu.php")
?>
<div id="block-left">
<?php
include("include/block-category.php")
?>
<div id="block-sod">
<a align=center><h2>Приветствуем Вас на нашем сайте!</h2></a>
<i><br /><p>Мы специализируемся на выпуске индивидуальной мебели и т.д. и т.п. </p>
<p align="justify">Более 15 лет компания «Эксклюзив» предлагает услуги по комплексному оформлению внутренних интерьеров организаций,
банков, ресторанов, коттеджей и квартир на территории Москвы, Московской области, Рязани и области.
В содружестве с нашими партнерами мы предлагаем полный цикл возведения загородных домов от проектирования до сдачи дома «под ключ».
Специалисты предприятия изготавливают элитную резную деревянную мебель на заказ из массива дерева ценных пород резные панно, столбы, деревянные скульптуры и фигуры.
Ручная работа - это всегда эксклюзив. И даже если вы заказываете деревянные панели, балясины, резные наличники и вообще все, что касается внешней и внутренней отделки дома,
можете не сомневаться - ваше жилище будет иметь оригинальный стиль и неповторимый интерьер.
Компания "Эксклюзив" изготавливает также тумбы, буфеты, комоды, рамы сложных форм, резные двери, арки и лестницы, офисные группы и кабинеты - то есть все для индивидуального интерьера загородного дома или квартиры, офиса или делового центра.
Отделка помещений может быть выполнена в любом стиле от готики до модерна.
Абсолютно все работы мастеров фирмы являются авторскими и поистине уникальны. Даже обычная, на первый взгляд, деревянная дверь, украшенная великолепной резьбой, становится эксклюзивным изделием - настоящим произведением искусства.
Если вашему помещению требуется эксклюзивная мебель, комплексная отделка в Рязани и соседних городах, то мы рады выполнить ваш заказ.
В отличие от подобных рязанских предприятий, "Эксклюзив" имеет собственную производственную базу, оснащенную современным оборудованием, которая размещается на площади 1 200 квадратных метров.
В штате нашей компании дизайнеры интерьера, профессиональные резчики, художники, столяры и плотники с многолетним опытом работы.
Это позволяет заказчикам не переплачивать посредникам и получить
гарантированно качественный результат. Пожалуй, самая известная и одна из наиболее удачных работ специалистов компании "Эксклюзив" - изготовление мебели и всей внутренней отделки зала судебных заседаний Рязанского областного суда, нескольких залов
Рязанского арбитражного суда, реконструкция зала заседаний Московского окружного военного суда, исторического здания 1814 года постройки.
Строгий и величественный интерьер как нельзя лучше передает атмосферу служения Фемиде, подчеркивает судьбоносность принимаемых решений.
Из наиболее значимых работ можно выделить разработку проекта реконструкции и его реализацию представительского зала Наблюдательного Совета Инкомбанка в городе Москве, где были изготовлены полы, потолки, покрытые резьбой, декор стен из массива дерева ценных пород, входные группы из массива дерева.
Умельцы нашей компании изготовили мебель на заказ и «царские врата» в алтаре знаменитого Солотчинского монастыря.
В коллекции наших работ - ресторан в старорусском стиле на Рублевском шоссе города Москвы, декорирование интерьеров и изготовление мебели для нескольких ресторанов в городе Рязани.
Обратившись в компанию "Эксклюзив", вы всегда можете заказать полную отделку комнаты или всего здания: на пол уложат паркет из ценных пород дерева, установят оригинальный резной потолок, смонтируют высокохудожественные стеновые панели, изготовят мебель на заказ под конкретный интерьер, чтобы царствовала гармония определенного стиля.
Мастерам компании «Эксклюзив» подвластны проекты любой сложности, любой эстетической направленности, по вашим эскизам или по разработанным нашими дизайнерами проектам. </p> </i>
</div>
</div>
<?php
include("include/block-footer.php")
?>
</div>
</div>
</body>
</html>
Код файла index.php
…
<div id="block-content">
<ul id="block-tovar-grid">
<?php
$num = 4;
$page = (int)$_GET['page'];
$count = mysql_query("select count(*) from table_products",$link);
$temp = mysql_fetch_array($count);
if ($temp[0] > 0)
{
$tempcount = $temp[0];
$total = (($tempcount - 1)/ $num) + 1;
$total = intval($total);
$page = intval($page);
if(empty($page) or $page < 0) $page = 1;
if($page > $total) $page = $total;
$start = $page * $num - $num;
$qury_start_num = " LIMIT $start, $num";
}
$result = mysql_query("SELECT * from table_products $qury_start_num",$link);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./upload/".$row["image"]))
{
$img_path = './upload/'.$row["image"];
$max_width = 200; /*270*/
$max_height = 200;
list($width, $height) = getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh, $ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}
else
{
$img_path = "images/no-image.png";
$width = 110;
$height = 200;
}
echo '
<li>
<div class="block-images-grid">
<img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
</div>
<p class="style-title-grid"><a href="view_content.php?id='.$row["products_id"].'">'.$row["title"].'</a></p>
<p class="style-price-grid"><strong>'.$row["price"].'</strong> руб.</p>
<div class="mini-features" >'.$row["mini_features"].'</div>
</li>
';
}
while ($row = mysql_fetch_array($result));
}
echo '</ul>';
if ($page != 1){ $pstr_prev = '<li><a class="pstr-prev" href="index.php?page='.($page - 1).'"><</a></li>';}
if ($page != $total) $pstr_next = '<li><a class="pstr-next" href="index.php?page='.($page + 1).'">></a></li>';
// Формируем ссылки со страницами
if($page - 5 > 0) $page5left = '<li><a href="index.php?page='.($page - 5).'">'.($page - 5).'</a></li>';
if($page - 4 > 0) $page4left = '<li><a href="index.php?page='.($page - 4).'">'.($page - 4).'</a></li>';
if($page - 3 > 0) $page3left = '<li><a href="index.php?page='.($page - 3).'">'.($page - 3).'</a></li>';
if($page - 2 > 0) $page2left = '<li><a href="index.php?page='.($page - 2).'">'.($page - 2).'</a></li>';
if($page - 1 > 0) $page1left = '<li><a href="index.php?page='.($page - 1).'">'.($page - 1).'</a></li>';
if($page + 5 <= $total) $page5right = '<li><a href="index.php?page='.($page + 5).'">'.($page + 5).'</a></li>';
if($page + 4 <= $total) $page4right = '<li><a href="index.php?page='.($page + 4).'">'.($page + 4).'</a></li>';
if($page + 3 <= $total) $page3right = '<li><a href="index.php?page='.($page + 3).'">'.($page + 3).'</a></li>';
if($page + 2 <= $total) $page2right = '<li><a href="index.php?page='.($page + 2).'">'.($page + 2).'</a></li>';
if($page + 1 <= $total) $page1right = '<li><a href="index.php?page='.($page + 1).'">'.($page + 1).'</a></li>';
if ($page+5 < $total)
{
$strtotal = '<li><p class="nav-point">...</p></li><li><a href="index.php?page='.$total.'">'.$total.'</a></li>';
}
else
{
$strtotal = "";
}
if ($total > 1)
{
echo '
<div class="pstrnav">
<ul>
';
echo $pstr_prev.$page5left.$page4left.$page3left.$page2left.$page1left."<li><a class='pstr-active' href='index.php?page=".$page."'>".$page."</a></li>".$page1right.$page2right.$page3right.$page4right.$page5right.$strtotal.$pstr_next;
echo '
</ul>
</div>
';
}
?>
</div>
…
Код страницы «Контакты»
…
<div id="block-sod">
<p>Наши телефоны:999-99-99</p>
<p><a href="mailto:[email protected]">Здесь</a> вы можете написать нам лично</p>
</div>
</div>
…
Код поиска
…
<div id="block-content">
<ul id="block-tovar-grid">
<?php
$num = 4;
$page = (int)$_GET['page'];
$count = mysql_query("SELECT COUNT(*) FROM table_products WHERE title LIKE '%$search%' ",$link);
$temp = mysql_fetch_array($count);
if ($temp[0] > 0)
{
$tempcount = $temp[0];
$total = (($tempcount - 1)/ $num) + 1;
$total = intval($total);
$page = intval($page);
if(empty($page) or $page < 0) $page = 1;
if($page > $total) $page = $total;
$start = $page * $num - $num;
$qury_start_num = " LIMIT $start, $num";
}
$result = mysql_query("SELECT * FROM table_products WHERE title LIKE '%$search%' $qury_start_num",$link);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./upload/".$row["image"]))
{
$img_path = './upload/'.$row["image"];
$max_width = 200;
$max_height = 200;
list($width, $height) = getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh, $ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}
else
{
$img_path = "images/no-image.png";
$width = 110;
$height = 200;
}
echo '
<li>
<div class="block-images-grid">
<img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
</div>
<p class="style-title-grid"><a href="view_content.php?id='.$row["products_id"].'">'.$row["title"].'</a></p>
<p class="style-price-grid"><strong>'.$row["price"].'</strong> руб.</p>
<div class="mini-features" >'.$row["mini_features"].'</div>
</li>
';
}
while ($row = mysql_fetch_array($result));
}
else
{
echo '<br><br><p align=center><h3>          По вашему запросу ничего не найдено!</h3></p>';
}
echo '</ul>';
if ($page != 1){ $pstr_prev = '<li><a class="pstr-prev" href="search.php?q='.$search.'&page='.($page - 1).'"><</a></li>';}
if ($page != $total) $pstr_next = '<li><a class="pstr-next" href="search.php?q='.$search.'&page='.($page + 1).'">></a></li>';
// Формируем ссылки со страницами
if($page - 5 > 0) $page5left = '<li><a href="search.php?page=q'.($page - 5).'">'.($page - 5).'</a></li>';
if($page - 4 > 0) $page4left = '<li><a href="search.php?q='.$search.'&page='.($page - 4).'">'.($page - 4).'</a></li>';
if($page - 3 > 0) $page3left = '<li><a href="search.php?q='.$search.'&page='.($page - 3).'">'.($page - 3).'</a></li>';
if($page - 2 > 0) $page2left = '<li><a href="search.php?q='.$search.'&page='.($page - 2).'">'.($page - 2).'</a></li>';
if($page - 1 > 0) $page1left = '<li><a href="search.php?q='.$search.'&page='.($page - 1).'">'.($page - 1).'</a></li>';
if($page + 5 <= $total) $page5right = '<li><a href="search.php?q='.$search.'&page='.($page + 5).'">'.($page + 5).'</a></li>';
if($page + 4 <= $total) $page4right = '<li><a href="search.php?q='.$search.'&page='.($page + 4).'">'.($page + 4).'</a></li>';
if($page + 3 <= $total) $page3right = '<li><a href="search.php?q='.$search.'&page='.($page + 3).'">'.($page + 3).'</a></li>';
if($page + 2 <= $total) $page2right = '<li><a href="search.php?q='.$search.'&page='.($page + 2).'">'.($page + 2).'</a></li>';
if($page + 1 <= $total) $page1right = '<li><a href="search.php?q='.$search.'&page='.($page + 1).'">'.($page + 1).'</a></li>';
if ($page+5 < $total)
{
$strtotal = '<li><p class="nav-point">...</p></li><li><a href="search.php?q='.$search.'&page='.$total.'">'.$total.'</a></li>';
}else
{
$strtotal = "";
}
if ($total > 1)
{
echo '
<div class="pstrnav">
<ul>
';
echo $pstr_prev.$page5left.$page4left.$page3left.$page2left.$page1left."<li><a class='pstr-active' href='search.php?q=".$search."&page=".$page."'>".$page."</a></li>".$page1right.$page2right.$page3right.$page4right.$page5right.$strtotal.$pstr_next;
echo '
</ul>
</div>
';
}
?>
</div>
…
Код вывода по категориям
<?php
include("include/db_connect.php");
include("functions/functions.php");
$cat = clear_string($_GET["cat"]);
$type = clear_string($_GET["type"]);
?>
…
<div id="block-content">
<ul id="block-tovar-grid">
<?php
if (!empty($cat) && !empty($type))
{
$querycat = "AND brand='$cat' AND type_tovara='$type'";
}
else
{
if (!empty($type))
{
$querycat = "AND type_tovara='$type'";
}
else
{
$querycat = "";
}
}
$num = 4;
$page = (int)$_GET['page'];
$count = mysql_query("select count(*) from table_products where type_tovara='$type' ",$link);
$temp = mysql_fetch_array($count);
if ($temp[0] > 0)
{
$tempcount = $temp[0];
$total = (($tempcount - 1)/ $num) + 1;
$total = intval($total);
$page = intval($page);
if(empty($page) or $page < 0) $page = 1;
if($page > $total) $page = $total;
$start = $page * $num - $num;
$qury_start_num = " LIMIT $start, $num";
}
$result = mysql_query("SELECT * from table_products where type_tovara='$type' $qury_start_num",$link);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./upload/".$row["image"]))
{
$img_path = './upload/'.$row["image"];
$max_width = 200;
$max_height = 200;
list($width, $height) = getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh, $ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}else
{
$img_path = "images/no-image.png";
$width = 110;
$height = 200;
}
echo '
<li>
<div class="block-images-grid">
<img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
</div>
<p class="style-title-grid"><a href="view_content.php?id='.$row["products_id"].'">'.$row["title"].'</a></p>
<p class="style-price-grid"><strong>'.$row["price"].'</strong> руб.</p>
<div class="mini-features" >'.$row["mini_features"].'</div>
</li>
';
}
while ($row = mysql_fetch_array($result));
}
else
{
echo '<h3>Категория недоступна или не создана!</h3>';
}
echo '</ul>';
if ($page != 1){ $pstr_prev = '<li><a class="pstr-prev" href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 1).'"><</a></li>';}
if ($page != $total) $pstr_next = '<li><a class="pstr-next" href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 1).'">></a></li>';
// Формируем ссылки со страницами
if($page - 5 > 0) $page5left = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 5).'">'.($page - 5).'</a></li>';
if($page - 4 > 0) $page4left = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 4).'">'.($page - 4).'</a></li>';
if($page - 3 > 0) $page3left = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 3).'">'.($page - 3).'</a></li>';
if($page - 2 > 0) $page2left = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 2).'">'.($page - 2).'</a></li>';
if($page - 1 > 0) $page1left = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page - 1).'">'.($page - 1).'</a></li>';
if($page + 5 <= $total) $page5right = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 5).'">'.($page + 5).'</a></li>';
if($page + 4 <= $total) $page4right = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 4).'">'.($page + 4).'</a></li>';
if($page + 3 <= $total) $page3right = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 3).'">'.($page + 3).'</a></li>';
if($page + 2 <= $total) $page2right = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 2).'">'.($page + 2).'</a></li>';
if($page + 1 <= $total) $page1right = '<li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.($page + 1).'">'.($page + 1).'</a></li>';
if ($page+5 < $total)
{
$strtotal = '<li><p class="nav-point">...</p></li><li><a href="view_cat.php?brand='.$cat.'&type='.$type.'&page='.$total.'">'.$total.'</a></li>';
}else
{
$strtotal = "";
}
if ($total > 1)
{
echo '
<div class="pstrnav">
<ul>
';
echo $pstr_prev.$page5left.$page4left.$page3left.$page2left.$page1left."<li><a class='pstr-active' href='view_cat.php?page=".$page."'>".$page."</a></li>".$page1right.$page2right.$page3right.$page4right.$page5right.$strtotal.$pstr_next;
echo '
</ul>
</div>
';
}
?>
</ul>
</div>
…
Генерация страницы выбранной мебели
<?php
include("include/db_connect.php");
include("functions/functions.php");
$id = clear_string($_GET["id"]);
?>
…
<div id="block-content">
<?php
$result = mysql_query("SELECT * from table_products where products_id='$id'",$link);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
if ($row["image"] != "" && file_exists("./upload/".$row["image"]))
{
$img_path = './upload/'.$row["image"];
$max_width = 300;
$max_height = 300;
list($width, $height) = getimagesize($img_path);
$ratioh = $max_height/$height;
$ratiow = $max_width/$width;
$ratio = min($ratioh, $ratiow);
$width = intval($ratio*$width);
$height = intval($ratio*$height);
}
else
{
$img_path = "images/no-image.png";
$width = 110;
$height = 200;
}
echo '
<div class="block-content-info">
<img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" />
<div id="block-mini-description">
<p id="content-title">'.$row["title"].'</p>
<p id="style-price">'.$row["price"].' руб.</p>
<p id="content-text" >'.$row["mini_description"].'</p>
</div>
</div>
';
}
while ($row = mysql_fetch_array($result));
}
?>
</div>
…
Код страницы «Заказ»
…
<div id="block-sod">
<h2>На этом сайте вы можете сделать заказ следующим способом:</h2>
<p>Позвонив по этому номеру телефона: 999-99-99</p>
<p>Можете написать нам на <a href="mailto:[email protected]">почту</a></p>
</div>
…
Код заголовочной части сайта
<div id="block-header">
<div id="header-top-block">
<img id="img-logo" src="images/Best/logo.jpg" width=300 height=120/>
<div id="block-search" align="right">
<form method="GET" action="search.php?q=">
<span></span>
<input type="text" id="input-search" name="q" placeholder="Поиск" />
<input type="submit" id="button-search" value="Поиск"/>
</form>
</div>
</div>
</div>
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/Best/izm/1.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-2" src="images/Best/izm/2.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-3" src="images/Best/izm/3.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-4" src="images/Best/izm/4.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-5" src="images/Best/izm/5.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-6" src="images/Best/izm/6.jpg" class="slide" alt="" width=1000 height=220/></a>
<a href=""><img id="slide-img-7" src="images/Best/izm/7.jpg" class="slide" alt="" width=1000 height=220/></a>
<div id="slide-controls">
<p id="slide-nav"></p>
</div>
</div>
</div>
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div>
Блок категории товара
<div id="block-category">
<p class="header-title">Категории товаров</p>
<ul>
<li><a id="index1">Мебель для спальной комнаты</a>
<li><a id="index2">Мебель для детской комнаты</a>
<li><a id="index3">Мебель для офиса</a>
<li><a id="index4">Гардеробные</a>
<li><a id="index5">Мебель для кухни</a>
<li><a id="index6">Шкафы-купе</a>
<li><a id="index7">Лестницы</a>
<li><a id="index8">Межкомнатные двери</a>
<li><a id="index9">Витражи</a>
<li><a id="index10">Стеновые панели</a>
<li><a id="index11">Арки, порталы</a>
</ul
</div>
Нижняя часть сайта
<div id="block-footer">
<div id="footer-mebel" >
<h4>Режим работы:</h4>
<p>
Будние дни: с 8:00 до 19:00<br />
Выходные: Суббота, Воскресенье
</p>
</div>
<div class="footer-list">
<p>Рассказать о сайте</p>
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="#ebebeb" data-options="small,square,line,horizontal,nocounter,theme=02" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>
</div>
</div>
Подключение БД
<?php
$db_host='localhost';
$db_user='admin';
$db_pass='’;
$db_database='db_mag';
$link=mysql_connect($db_host,$db_user,$db_pass);
mysql_select_db($db_database,$link) or die("Нет соединения с БД".mysql_error());
mysql_query("Set name cp1251");
?>
Меню
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="" />
<script>
jsHover = function() {
var hEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0, len=hEls.length; i<len; i++) {
hEls[i].onmouseover=function() { this.className+=" jshover"; }
hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
}
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
</script>
<style type="text/css">
#menu {
padding: 0;
margin-top: 20px;
font-size: 100%;
font-family: Georgia;
}
#menu li {
list-style: none;
float: left;
height: 33px;
padding: 0;
margin: 0;
width: 250px;
text-align: center;
background: #171717;
position: relative;
padding-top: 12px;
}
#menu li ul {
list-style: none;
padding: 0;
margin: 0;
width: 250px;
display: none;
position: absolute;
left: 0;
top: 45px;
}
#menu li ul li {
float: none;
height:30px;
margin: 0;
width: 250px;
text-align: center;
background: #7F7F7F;
}
#menu li a {
display: block;
width: 250px;
height: 33px;
color: #fff;
text-decoration: none;
}
#menu li:hover ul, #menu li.jshover ul {
display: block;
}
#menu li:hover, #menu li.jshover {
background: #424242;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="main.php">Главная</a></li>
<li><a href="index.php">Галерея</a>
<ul>
<?php
$result = mysql_query("SELECT * FROM category ",$link);
If (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array($result);
do
{
echo '
<li><a href="view_cat.php?cat='.strtolower($row["brand"]).'&type='.$row["type"].'">'.$row["brand"].'</a></li>
';
}
while ($row = mysql_fetch_array($result));
}
?>
</ul>
</li>
<li><a href="Zakaz.php">Заказ</a></li>
<li>
<a href="Contacts.php">Контакты</a></li>
</ul>
</body>
</html>