Архив рубрики: Как сделать…?

Принцип работы корзины интернет магазина

Первый урок Я написал для тех, кто не имеет понятия, как работает и по какому принципу устроена, интернет корзина покупателя. Если Вы имеете представление, как она функционирует, то можете перейти ко второму уроку. Давайте рассмотрим изнутри, как работает интернет магазин в целом и корзина в частности. Итак, у нас есть магазин (сайт), в нем прилавки… Читать далее »

Передача данных методом GET и POST

Файл: «product.php» <?php header(‘Content-Type: text/html; charset=utf-8’); setlocale(LC_ALL, ‘ru_RU.65001’, ‘rus_RUS.65001’, ‘Russian_Russia. 65001’, ‘russian’); session_start(); if (isset($_SESSION[‘talon’]) == «» ) { $conn = mysql_connect(«localhost», «Имя пользователя», «Пароль пользователя») or die («Could not connect: » . mysql_error()); mysql_select_db(«cortini», $conn); $result = mysql_query(«SELECT counter FROM posetiteli», $conn); if (!$result) {echo «zapros na viborcu ne proshol.»; mysql_error();} $x = mysql_fetch_array($result);… Читать далее »

Как сделать так чтобы контейнер <div> двигался с экраном браузера только в рамках другого контейнера

Для этого нам понадобится три файла: (index.html; css_fail.css; biblioteca.js) В файл index.html вставляем секцию, в которой и будет двигаться наш контейнер: <html> <head> <link href=»css_fail.css» rel=»stylesheet» type=»text/css»> <script type=»text/javascript» src=»biblioteca.js»></script> </head> <body> <div style=»position:relative; top:200px; left:0px; height:1500px; width=»99%»; border:1px solid blue;»> <section> <div id=»work-post-1″ class=»work-post»> <div class=»work-content»> <img src=»coloboc.png» style=’margin:10px 0px;’ height=»170″ width=»210″ border=»0″> </div>… Читать далее »

Пример самого простого выпадающего меню на CSS

Файл index.html: <!DOCTYPE html> <html> <head> <title>Меню</title> <link href=»style.css» rel=»stylesheet» type=»text/css»> </head> <body> <div id=»mainmenu»> <ul id=»nav»> <li><a href=»»>Меню 1</a> <ul> <li><a href=»#»>Item 1</a></li> <li><a href=»#»>Item 2</a></li> <li><a href=»#»>Item 3</a></li> </ul> </li> <li><a href=»»>Меню 2</a> <ul> <li><a href=»#»>Item 1</a></li> <li><a href=»#»>Item 2</a></li> </ul> </li> <li><a href=»»>Меню 3</a> <ul> <li><a href=»#»>Item 1</a></li> <li><a href=»#»>Item 2</a></li> <li><a… Читать далее »

Пример всплывающей подсказки на CSS

Для реализации этой задачи нам потребуется знать и понимать принципы позиционирования элементов относительно друг друга в CSS, а также некоторые неочевидные варианты применения свойства border. Файл index.html пусть будет самым простым a CSS код с комментариями, из них все должно быть понятно: <!doctype html> <html> <head> <title>Всплывающая подсказка</title> <style type=»text/css»> p{margin:100px auto;width=»99%»;} .tooltip { position:… Читать далее »