Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Карусель или что то блокирует ее вывод. (Amazing Carousel) не выводится на сайте (браузер ни при чем)

всем привет. сижу неделю и не пойму:
[B]после установки слайдера на сайт по всем канонам:
  • Jquery скрипт в шапку
  • html в body
  • все скрипты в корне сайта
я получаю неработающий слайдер, т.е. он работает как ни странно только в IE
в остальных браузерах гляньте сами:

со строки 126 начинается слайдер.

ПОЯСНЕНИЕ: самое обидное что я 100% знаю, что скрипт блочится именно у меня на , я открываю во всех браузерах (все работает)

ребят помогите.
Ответ: в догонку предыдущему сообщ:

вот код стр (смотрите красные метки):
Кликните здесь для просмотра всего текста
<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Коррекция бровей и эпиляция по Москве</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="css/landing-page.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Yandex.Metrika counter --><script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter31147001 = new Ya.Metrika({ id:31147001, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><!-- /Yandex.Metrika counter -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
вот и мой собственно скрипт слайдера, причем никуда код выше не двинуть ибо все глохнет
<!-- Insert to your webpage before the </head> -->
<script src="carouselengine/jquery.js"></script>
<script src="carouselengine/amazingcarousel.js"></script>
<link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-1.css">
<script src="carouselengine/initcarousel-1.js"></script>
<!-- End of head section HTML codes -->


</head>

<body>

<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
<div class="container topnav">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand topnav" href="#">Наверх</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">

<li><a href="#gallery">Работы</a>
</li>
<li>
<a href="#prices">Цены</a>
</li>
<li>
<a href="#contact">Контакты</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>


<!-- Header -->
<a name="about"></a>
<div class="intro-header">
<div class="container">

<div class="row">
<div class="col-lg-12">
<div class="intro-message">
<h1>Коррекция бровей и эпиляция в Москве</h1>
<h3>8 903 679 14 06
</h3>
<hr class="intro-divider">
<ul class="list-inline intro-social-buttons">
<li> текст</li>
<li>текст</li>
</ul>
</div>
</div>
</div>

</div>
<!-- /.container -->

</div>
<!-- /.intro-header -->

<!-- Page Content -->

<a name="services"></a>
<div class="content-section-a">

<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<div class="clearfix">
<div>
<div class="clearfix">Форма и цвет ваших бровей для нас превыше всего, ведь это наше любимое дело.</div>
<h2 class="section-heading">&nbsp;</h2>
</div>
</div>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6"> <img src="img/2rowbanner.jpg" width="575" height="298" class="img-responsive"></div>
</div>
</div>
<!-- /.container -->

</div>
<!-- /.content-section-a -->
<a name="gallery"></a>
<div class="content-section-b">
<h2 class="section-heading">НАШИ РАБОТЫ</h2>
<!-- Insert to your webpage where you want to display the carousel -->
<div id="amazingcarousel-container-1">
<div id="amazingcarousel-1" style="display:none;position:relative;width:100%;max-width:960px;margin:0px auto 0px;">
<div class="amazingcarousel-list-container">
<ul class="amazingcarousel-list">
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/4sD_mBEAVmY-lightbox.jpg" title="Коррекция, Окрашивание" class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="окрашивание производили Хной." ><img src="http://www.cyberforum.ru/images/4sD_mBEAVmY.jpg" alt="Коррекция, Окрашивание" /></a></div>
<div class="amazingcarousel-title">Коррекция, Окрашивание</div>
<div class="amazingcarousel-description">окрашивание производили Хной.</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/123 (1)-lightbox.jpg" title="Размечивание" class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Определяем четкие границы бровей." ><img src="http://www.cyberforum.ru/images/123 (1).jpg" alt="Размечивание" /></a></div>
<div class="amazingcarousel-title">Размечивание</div>
<div class="amazingcarousel-description">Определяем четкие границы бровей.</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/123 (2)-lightbox.jpg" title="Коррекция, Окрашивание. " class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Окрашивание Хной. У наших клиентов красивые глаза." ><img src="http://www.cyberforum.ru/images/123 (2).jpg" alt="Коррекция, Окрашивание. " /></a></div>
<div class="amazingcarousel-title">Коррекция, Окрашивание. </div>
<div class="amazingcarousel-description">Окрашивание Хной. У наших клиентов красивые глаза.</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/123 (3)-lightbox.jpg" title="Триддинг" class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Идеальное моделирование нитью." ><img src="http://www.cyberforum.ru/images/123 (3).jpg" alt="Триддинг" /></a></div>
<div class="amazingcarousel-title">Триддинг</div>
<div class="amazingcarousel-description">Идеальное моделирование нитью.</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/123 (4)-lightbox.jpg" title="Окрашивание, Коррекция" class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Окрашивание Хной." ><img src="http://www.cyberforum.ru/images/123 (4).jpg" alt="Окрашивание, Коррекция" /></a></div>
<div class="amazingcarousel-title">Окрашивание, Коррекция</div>
<div class="amazingcarousel-description">Окрашивание Хной.</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/123 (5)-lightbox.jpg" title="Окрашивание. Коррекция" class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Окрашивание Хной" ><img src="http://www.cyberforum.ru/images/123 (5).jpg" alt="Окрашивание. Коррекция" /></a></div>
<div class="amazingcarousel-title">Окрашивание. Коррекция</div>
<div class="amazingcarousel-description">Окрашивание Хной</div> </div>
</li>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-image"><a href="http://www.cyberforum.ru/images/Mc-SDCtWAuw-lightbox.jpg" title="Коррекция + Окрашивание." class="html5lightbox" data-group="amazingcarousel-1" data-width="420" data-height="360" data-description="Окрашивание краской.
Максимально близкий подбор цвета и формы бровей." ><img src="http://www.cyberforum.ru/images/Mc-SDCtWAuw.jpg" alt="Коррекция + Окрашивание." /></a></div>
<div class="amazingcarousel-title">Коррекция + Окрашивание.</div>
<div class="amazingcarousel-description">Окрашивание краской.
Максимально близкий подбор цвета и формы бровей.</div> </div>
</li>
</ul>
<div class="amazingcarousel-prev"></div>
<div class="amazingcarousel-next"></div>
</div>

</div>
</div>
<!-- End of body section HTML codes --></div>
<!-- /.container -->
<a name="prices">

</div>
<!-- /.content-section-b -->

<div class="content-section-a">
<div class="container">

<div class="row">

<table width="100%" border="0">
<tr>
<td colspan="2" bgcolor="#999999"><h4><strong>РАБОТА С БРОВЯМИ:</strong></h4></td>
</tr>
<tr>
<td width="91%"><em>Коррекция+окрашивание бровей краской/хной</em></td>
<td width="9%"><em>901/1100</em></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><em>Коррекция бровей (пинцет/нить/сахар)</em></td>
<td bgcolor="#CCCCCC"><em>650</em></td>
</tr>
<tr>
<td><em>Легкая коррекция бровей*</em></td>
<td><em>400</em></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><em>Окрашивание бровей краской</em></td>
<td bgcolor="#CCCCCC"><em>400</em></td>
</tr>
<tr>
<td><em>Окрашивание бровей хной</em></td>
<td><em>500</em></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><em>Обезболивание/охлаждающий гель/скраб для бровей</em></td>
<td bgcolor="#CCCCCC"><em>100</em></td>
<tr>
<td><em>Make up бровей</em></td>
<td><em>300</em></td>
<tr>
<td colspan="2" bgcolor="#999999"><h4><strong>SPA MENU</strong></h4></td>
</tr><tr>
<td><em>Тонизирующие патчи вокруг глаз</em></td>
<td><em>200</em></td>
</tr><tr>
<td bgcolor="#CCCCCC"><em>Маска-перчатки для рук</em></td>
<td bgcolor="#CCCCCC"><em>200</em></td>
</tr>
<tr>
<td><em>Удаление волос на лице 1 зона (нить/сахар)</em></td>
<td><em>350</em></td>
</tr
><tr>
<td bgcolor="#CCCCCC"><em>Удаление волос на руках до локтей или подмышках (сахар)</em></td>
<td bgcolor="#CCCCCC"><em>600</em></td>
</tr><tr>
<td><em>Удаление волос на руках полностью (сахар)</em></td>
<td><em>1000</em></td>
</tr
></tr>
</table><div style="clear:both;"></div>
</div>

</div>
</div>

</div>
<!-- /.container -->

</div>
<!-- /.content-section-a -->

<a name="contact"></a>
<div class="banner">

<div class="container">

<div class="row">
<div class="col-lg-6">
<h2>&nbsp;</h2>
</div>
<div class="col-lg-6">
<ul class="list-inline banner-social-buttons">
<li></li>
<li></li>
</ul>
</div>
</div>

</div>
<!-- /.container -->

</div>
<!-- /.banner -->

<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<ul class="list-inline">
<li>
<h2>8 903 679 14 06</h2>Звонки\What`s App<br>
<a href="https://www.facebook.com/marina.magkeeva.3"><img src="img/fblogo.png" alt="наш фейсбук" width="25" height="25" hspace="10" vspace="10" border="0" align="middle" longdesc="https://www.facebook.com/marina.magkeeva.3" opacity = "0.1"></a><a href="https://instagram.com/marinkamarii/"><img src="img/instagramlogo.png" alt="наш инстаграмм" width="25" height="25" hspace="10" vspace="10" border="0" align="middle" longdesc="https://instagram.com/marinkamarii/"></a> </h3>
</li>
</ul>
<p class="copyright text-muted small">Брови и эпиляция 2014. Москва.</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<!--<script src="js/jquery.js"></script>--> тут цемент ибо перестает работать слайдер

<!-- Bootstrap Core JavaScript -->
<!--<script src="js/bootstrap.min.js"></script>--> тут цемент ибо перестает работать слайдер
</body>

</html>
Вопрос: Проблемы с регистрацией сайта в google

Зарегистрировал сайт в поисковике google. На следующий день пробиваю в поиске site:lib-quotes.com, а мне выдает ссылки, где вместо названия раздела (title) в выдаче поиска стоит типа стоит "9 - Библиотека цитат", хотя тайтл "Бизнес-цитаты, лучшие цитаты о бизнесе и про успех | lib-quotes.com: цитаты, высказывания и афоризмы". Может мало времени прошло после регистрации сайта, всего 12 часов? PS: переименовывал страницы, которые уже были в поисковике на новые названия.
 
Еще - я регистрировал не только главную, но и многие подстраницы сайта.
Помогите!!!
 
Вот тема с картинкой:
Ответ: попробуйте встроить на страницы сайта аналитику от гугла, хотя бы на время
тогда гугл быстрее переиндексирует все страницы
Вопрос: Скрипт для работы с сайтом

Приветствую всех! Я не уверен, что правильно определился с разделом, в котором создал данную тему, если так, то прошу прощения) В общем, о чем пойдет речь... Например, есть две вкладки в браузере, два разных сайта. На одном из них регулярно появляются посты, новости. Так вот, я хочу сделать так, чтобы зависимо от содержания очередного поста, на другом сайте автоматически выполнялись определенные действия, непосредственно из браузера. То есть, написать какой-то скрипт, который бы автоматически брал данные с одного сайта и вставлял в формы и нажимал кнопки на другом. Конечно же, есть масса ньюансов, этого робота нужно будет оптимизировать под конкретный случай. Но об этом пока что речь не идет... Я в программировании новичок, по сему данная задача поставила меня в тупик. Я вообще не имею понятия, какой язык, какую среду нужно использовать, как это вообще сделать.

Буду благодарен тому, кто предоставит ссылки на литературу, какающуюся этой темы, может какие-либо примеры кто-то встречал. Буду благодарен за любую инфу по теме. Я потихоньку разберусь, просто хочу знать, в каком направлении двигаться)
Ответ: возможно selenium вам поможет, но там нужен хороший уровень программирования
Вопрос: Как улучшить работу с сайтом

Здравствуйте. Решил создать сайт - банк рефератов. Подходящего скрипта не нашел, поэтому решил реализовать на cms wordpress.
Как все происходит: Создаю запись и добавляю в нее файл. Пользователь при переходе в запись видит ссылку и скачивает файл. Вот сайт , можете на нем посмотреть вживую.

Есть ряд моментов которые хотелось бы реализовать но не знаю как:

1. Хотелось бы, чтобы пользователь мог просмотреть содержание файла(99% это word) без его скачивания. Добавлять текст из фала в саму запись не хотелось бы. Хочется чтобы в записи было две кнопки, одна скачать(которая уже есть), а вторая просмотр, при нажатии на которую файл не скачивается, а открывается в браузере для просмотра. Как можно и возможно ли это реализовать?

2. При загрузке файлов пользуюсь стандартным загрузчиком медиафайлов, он выдает ссылку на файл в виде текста(текст название файла), я этот текст переделываю на кнопку. Как сделать, чтобы загрузчик сразу выдавал ссылку не в виде текста а в виде моей кнопки?
Ответ:
2. Писать свою функцию на PHP, где будет приниматься параметр и обволакивать его в input type="button"
помогите, как это сделать? в php не разбираюсь
Вопрос: Создание сайта с телефона

Доброго времени суток форумчане!
Об авторе темы:
Кликните здесь для просмотра всего текста

Мне 23 года и я в армии. Осталось 5 месяцев. Закончил экономический вуз, и вышел весьма сомнительным программистом (с экономического вуза то). Немного понимаю С#. Раньше в свободное от учёбы и работы время играл в WoW Lich King Дабы занять свободное ночное, а за редким случаем и дневное время приступил к давно интересовавшей меня работе - создание сайтов.
Хочу заметить что меня нужно только направить в нужном направлении =)

Как автор представляет себе эту тему:
Кликните здесь для просмотра всего текста

Очевидно что у меня не все гладко с написанием, иначе темы бы этой не было. Имея в распоряжении только дешёвый телефон в части где телефоны запрещены, я весьма ограничен в ресурсах которые помогали бы мне. Хотелось бы что бы опытные в этом деле люди, иногда просматривали данную тему, и помогали.

О задумке:
Кликните здесь для просмотра всего текста

Как было упомянуто выше, я игрок WoW, и собственно сайт будет на эту тему.
Есть гильдия в которой я состоял, в ней очень хорошие люди, и они мучаются.
Сайт должен облегчить жизнь.
В гильдии организована система разделения добычи под названием Dragon Kill Points. Убил босса получил DKP, нужна вещь с босса, тратишь DKP методом аукцеона. Это самая главная, но не единственная цель сайта.
Страницы сайта:
1. Регистрация - здесь регистрируется пользователь и вводит (выбирает если его персонажа добавил админ) имя своего персонажа.
2. Главная - тут приветствие пользователя,
ссылки на другие страницы,
и далее страница разбита на 2 блока (я реализовал это таблицей)
1ый блок это события гильдии,
2ой информация.
В первом блоке нужно реализовать добавление событий (время, место, описание)
Второй блок это ежемесячная статистика 3ех лучших игроков.
3. Рейд - на странице будет кнопки создать рейд, закончить рейд, а в создаваемом рейде кнопки добавить игроков, начислить DKP, счислить DKP, отдать вещь за DKP
4. История рейдов - история всех рейдов
5. Личный кабинет - здесь указывается DKP пользователя, участие в рейдах и история начисления / счисления DKP и покупка вещей.
6. Сводка по DKP всех пользователей
7. Форум. Об этом позже

По сабжу:
1. помогите понять, как реализовать добавление информации на главную страницу по нажатию на кнопку. Т.е. нажали на кнопку, выскачило окно, написали в нем гадость, нажали ок, и эта гадость появилась на главном экране. (для тех кто все прочитал это добавление события)
2. Помогите понять как реализовать регистрацию на сайте, и можно ли использовать обычный текстовый документ как базу данных?
3. Помогите понять как реализовать личный кабинет, ведь не будет же создаваться новая страница для каждого.
Это 3 самых интересующих меня вопроса на сегодня.
Ответ:

Не по теме:

#436868
Ustin
Скажите, есть ли нормальные интерпретаторы других языков программирования, сделанные под J2ME?
Проблема в том, что компьютера нет, уже давно (4 года), и похоже, надолго. А программировать на чем-то хочется. Есть Nokia 2323c-2 (MIDP-2.1, CLDC-1.1, heap size 1024 KB). Пробовал Hecl, но у него три фатальных недостатка - нет логарифма и экспоненты, нет перевода символа в его код и обратно, невозможно сохранить написанную программу. Я бы его доделал, но повторюсь, компьютера нет. Может кто-нибудь помочь?

Mikhail
Устин, скорей всего нет и не будет. думаю, что проще купить (взять) компьютер.

Ustin
Михаил, где я вам в тюрьме возьму компьютер?

Вопрос: Отмена JS по кнопке назад

Подскажите пожалуйста, необходимо реализовать такое:
На сайте есть квадратик (пример) пользователь нажимает кнопку и квадратик становится большого размера, а так же в адресной строке добавляется например: сайт/?kvadratik. Далее необходимо если пользователь нажмет кнопку назад в браузере, то все вернется назад. (прежний размер)
Квадратик меняю, адрес добавляю через hash

Но как реализовать что-бы js откатывало по кнопке назад браузера? подскажите пожалуйста.
Ответ:
Сообщение от Rider98
А почему если я сразу захожу на адрес /kvadrat то он не появляется большим?
1) /kvadratik а не /kvadrat
2) Этого я не делал.
3) нужно нажать на кнопку, как вы и говорили
4) $(window).bind('popstate',function(){ отлавливает нажатие вперед - назад в браузере

Добавлено через 2 минуты
Сообщение от Rider98
А почему если я сразу захожу на адрес /kvadrat то он не появляется большим?
Ну если очень нужно, то
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
(function(){
            if(window.location.pathname=='/kvadratik'){
                $("#kvadrat").addClass('active');
            }
            document.getElementById('enter').addEventListener('click',function(){
               history.pushState({'url':'kvadratik'},null,'kvadratik');
                    $("#kvadrat").addClass('active');
            });
            $(window).bind('popstate',function(){
               let _ = this.location.pathname;
                switch(_){
                    case '/index' :  $("#kvadrat").removeClass('active'); break;
                    case '/' :       $("#kvadrat").removeClass('active'); break;
                    case '/kvadratik': $("#kvadrat").addClass('active'); break;
                }     
            });
        })();
Вопрос: Слайдер съезжает в разных браузерах

стоял флеш, делал в Macromedia Dreamweaver 8. работал прекрасно , но в телефонах и планшетах не видимый, поставил слайдер вот исходник , в хроме работает нормально, в IE слайдер сдвинут в право и не работает, думаю что в других браузерах тоже проблемы, вот мой сайт со слайдером. минипакдв.рф на фото как сайт выглядит в хроме и IE.
Сразу прошу прощения я лузер поэтому на языке супер программистов, сленге, прошу не объяснять лучше пальцем покажите, шутка. Других браузеров у меня нет если проверите на других и покажите как работает буду очень благодарен. Заранее спасибо
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css"/>
<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
$("a.first").fancybox(); 
$("a.two").fancybox(); 
$("a.video").fancybox({"frameWidth":560,"frameHeight":340}); 
$("a.content").fancybox({"frameWidth":600,"frameHeight":300}); 
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<meta name="keywords" content=" порционные продукты купить"/>
<meta name="description" content="Производство продуктов питания для фаст фуда .Борт питание (аэропорт , ж\д). Порционные продукты, мелкая фасовка. Хорека."/>
<title>Порционные продукты, мелкая фасовка, хорека.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
<!--
body {
    margin-left: 0px;
}
.style12 {  font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.style16 {font-size: 14px; font-weight: bold; }
.style5 {   font-family: "Comic Sans MS";
    font-size: 28px;
}
.style9 {   font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #FF0000;
    font-weight: bold;
}
.style31 {
    color: #FF0000;
    font-size: 30px;
}
.style41 {
    font-size: 12px;
    color: #003333;
}
.style40 {
    color: #003333;
    font-weight: bold;
}
.style42 {color: #003333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
-->
</style></head>
<body>
<center>
  <div id="main">
    <div style="background:url(images/corner-topmid.gif); background-repeat:repeat-x; height:24px; width: 808px;"></div>
    <div id="container">
      <div id="header"><img src="images/graphic-left.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="234" height="264" /><img src="images/graphic-right.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="439" height="264" /></div>
      <div></div>
    </div>
    <p><img src="images/corner-midtop.gif" alt="1" width="786" height="28" /></p>
    <div id="container1">
<ul class="vert_menu">
    <li><a href="porsion.html"><span>СОУСЫ</span></a></li>
    <li><a href="spezii.html"><span>СПЕЦИИ</span></a></li>
    <li><a href="horeka.html"><span>ХОРЕКА</span></a></li>
    <li><a href="partneri.html"><span>ПАРТНЕРЫ</span></a></li>
    <li><a href="prise.html"><span>ПРАЙС</span></a></li>
    <li><a href="kontakt.html"><span>КОНТАКТЫ</span></a></li>
    <li><a href="spros.html"><span>СКОРО</span></a></li>
  </ul>
</div>
    <div class="slides">
      <ul>
        <li><a href="porsion.html"><img src="images/pic1.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Порционные продуты</div>
        </li>
        <li><a href="horeka.html"><img src="images/pic2.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Снабжение ресторанов</div>
        </li>
        <li><a href="porsion.html"><img src="images/pic3.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Новый продукт</div>
        </li>
        <li><a href="spezii.html"><img src="images/pic4.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Порционные специи</div>
        </li>
      </ul>
    </div>
 
 
[CSS]body{background-color:#e1e9ca;background-image:url(../images/bg.gif);background-repeat:repeat-x; background-attachment: fixed;background-position: bottom;}
#main{
    margin-top:24px;
    overflow:hidden;
    background:url(../images/bg-mid.gif);
    background-repeat:repeat-y;
    margin-bottom:50px;
    width: 808px;
}
#container{
    width:750px;
    overflow:hidden;
    height: 264px;
}
#container1{
    float:left;    
    width:230px;
    overflow:hidden;
    height: 330px;
}
#container3{
    width:220px;
    overflow:hidden;
    height: 750px;
    float: left;
}
#container4{
    width:560px;
    overflow:hidden;
    height: 500px;
}
 
ul {
    list-style: none;
        margin: 0;
        padding: 0;
}
 
 
.vert_menu {
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 99%;
    width: 212px;   
}
 
.vert_menu li {
    height: 45px;
}
 
.vert_menu li a:link, .vert_menu li a:visited {
        text-decoration: none;  
        color: #FFFFFF;
        display: block;
        background:  url(../images/vert_menu.png) 0 0 no-repeat;
        padding: 10px 0 10px 10px;
}
 
.vert_menu li a:hover, .vert_menu li #current {
    color: #FFF;
    background: url(../images/vert_menu.png) 0 -44px no-repeat;
    padding: 10px 0 10px 15px;
}
.slides {
    width: 570px;
    height: 332px;
}
 
/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
 
.slides ul li {
    opacity:0;
    top:390px;
 
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    left: 442px;
    position: absolute;
    width: 558px;
    height: 321px;
}
 
/* Задержки css3 */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
 
/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
 
.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:20px;
    left:6px;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:194px;
    width:200px;
 
    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
[/CSS]
Ответ: Все возможно, но никакие перестановки подключений скриптов не помогали, так что я скачал другой плагин и все стало прекрасно работать.
Качаете данный плагин по ссылке что я дал, кнопка скачать в правой колонке. Убираете подключения старого плагина, делаете подключения js, css нового плагина, ставите класс на ссылку и воаля, все должно работать
Вопрос: размножить кнопки для сайта

Нашел пример кнопки для сайта. Настроил графическую часть, но при создании еще одной кнопки по этому коду позникли проблему: все кнопки открывают окно первой. Как настроить корректную работу? Если надо присвоить ID, каждой из них, напишите пожалуйста как это сделать.

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<link rel="stylesheet" href="http://wwwwww.ucoz.net/sss.css" type="text/css" />
<style type="text/css">
	
	#wrap{
		display: none;
		opacity: 0.8;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		background-color: rgba(1, 1, 1, 0.725);
		z-index: 100;
		overflow: auto;
	}
	
	#window{
		width: 600px;
		height: auto;
		margin: 50px auto;
		display: none;
		background: #fff;
		z-index: 100;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
	}
	
	.close{
		margin-left: 530px;
		margin-top: 4px;
		cursor: pointer;
	}
	
</style>
</head>
<body>
		<script type="text/javascript">

					//Функция показа
			function show(state){

					document.getElementById('window').style.display = state;			
					document.getElementById('wrap').style.display = state; 			
			}
			
		</script>
					<!-- Задний прозрачный фон-->
		<div onclick="show('none')" id="wrap"></div>

					<!-- Само окно-->
			<div id="window">
						
						 <!-- Картинка крестика-->
				<img class="close" onclick="show('none')" src="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/close.png">
					
			<p style="text-align: center;"><span style="font-size:24px;">Bluedio H+</span></p>

<br>

<br><br><br><p><span style="line-height: 18.9091px;">Удобным и многофукнциональным наушникам Bluedio H+ найдется применение практически везде. Вы можете использовать их для разговора (в наушниках есть встроенный микрофон с функцией шумоподавления) или для прослушивания музыки. Чистый звук и мощные басы позволят вам сполна насладиться любимыми произведениями, а наличие слота под MicroSD и встроенного радио позволяет использовать Bluedio H+ как самостоятельное устройство без синхронизации с телефоном.</span><br style="line-height: 18.9091px;" />
&nbsp;</p>

<table border="0" cellpadding="0" cellspacing="0" style="line-height: 18.9091px; width: 447px;">
	<tbody>
		<tr>
			<td style="height: 25px; width: 251px;">Версия bluetooth:</td>
			<td style="width: 196px;">4,1</td>
		</tr>
		<tr>
			<td style="height: 25px;">Рабочее расстояние:</td>
			<td>до 10 метров</td>
		</tr>
		<tr>
			<td style="height: 25px;">Bluetooth профили:</td>
			<td>A2DP, AVRCP, HFP, HSP</td>
		</tr>
		<tr>
			<td style="height: 25px;">Частотная ххарактеристика:</td>
			<td>20 Гц - 20 ГГц</td>
		</tr>
		<tr>
			<td style="height: 25px;">Время активной работы:</td>
			<td>45 часов</td>
		</tr>
		<tr>
			<td style="height: 25px;">Время ожидания:</td>
			<td>1625 часов</td>
		</tr>
		<tr>
			<td style="height: 25px;">Время зарядки:</td>
			<td>3 часа</td>
		</tr>
		<tr>
			<td style="height: 25px;">Коэф. искажений:</td>
			<td>&lt;0,1%</td>
		</tr>
		<tr>
			<td style="height: 25px;">Чувствительность:</td>
			<td>110 Дб</td>
		</tr>
		<tr>
			<td style="height: 25px;">Встроенный микрофон:</td>
			<td>Да</td>
		</tr>
		<tr>
			<td style="height: 25px;">Доп. функции:</td>
			<td>Радио, поддержка microSD</td>
		</tr>
	</tbody>
</table><br><br>
				<center>
							
					
				</center>
				
			</div>

		<center><button class="myButton" onclick="show('block')">О товаре</button></center>	
			
		</center>
		
</body>
</html>
Ответ: Спасибо, но у меня по примеру все равно не получилось сделать
крашится дизайн. помогите вставить нужные элементы кода, что бы кнопки отображались корректно.
Вопрос: Отступ вверху в начале сайта на некоторых сайтах

Уважаемые Форумчане!
Буквально сегодня столкнулся с такой проблемой - на некоторых сайтах в самом верху появляется отступ. Например, на этом сайте тоже такая же проблема (область, выделенная мною красным цветом) :

Покопавшись немного в коде страницы, я обнаружил странный div:
HTML5
1
<div id="amvb2138714817" style="display: block; height: 300px; width: 600px; margin: 0px auto;"></div>
Этот div и создаёт этот отступ.
Файл hosts в полном порядке.
Вопрос - как этот div убрать вообще из браузера, чтобы он нигде больше не появлялся?
Заранее спасибо
Ответ:
Сообщение от boilzzz
и к сведению расширения блокируют и вирусные банеры в браузерах проверенно на опыте.
Во-первых, далеко не все - это тоже проверенно на опыте и к тому же блок таки остался... Во-вторых, я могу Вам лично привести, как минимум 4 причины появления подобной аномалии без вируса... В-третьих, в adblock plus насколько я помню была вшита реклама изначально - у меня антивирус снёс его, как вредоносное расширение... В-четвёртых, прояснить ситуацию может только ТС и если подтвердиться, что это вирус - я лично поставлю Вам плюшку в репу за смекалку... Поймите я не конфликтую с Вами, а просто прошу соблюдать правила форума и писать информативные сообщения и не более того...
Вопрос: Конфликтуют 2 скрипта на сайте, что делать?

Привет всем, у меня такая проблема сложилась, на сайте у меня стоят горизонтальное меню и скрипт увеличения картинок при нажатии на них.
Тут я подобрал интересный паблик слайдер для сайта, подходящий по функционалу и решил его поставить, но вот в чем подвох...
При подключении js слайдера, ломается горизонтальное меню...
Помогите чем можете пожалуйста
<script type="text/javascript" src="http://onlyne-m-f.ru/mbar/mbar_js.js"></script>//меню 
<script type="text/javascript" src="http://onlyne-m-f.ru/highslide/highslide.js"></script>//увеличение картинок
<script type="text/javascript" src="http://onlyne-m-f.ru/slider/slider.js"></script>//слайдер


А вот скриншот консоли в браузере, при подключении скриптов
Если нужно подключить слайдер, для того что бы вы сами зашли на сайт и посмотрели в чем проблема, могу подключить, пишите.
Ответ: Урааа, я решил проблему, оказывается этот слайдер был рипнут, с главной страницы ucoz`a, пошел я на страницу ucoz`a и взял оттуда js файл который у них стоит на данный момент, после этого конфликт исчез, но ошибка sortable осталась, я подключил ui, а ошибка все равно была, почитал я по сайтам и узнал что ui должен стоять после jquery, а jquery подключается на ucoz автоматом перед тегом </head> пришлось немного попотеть и отключить автоматическое подключение jquery, потом сам прописал по своему эти библиотеки и только после этого подключил ui и все стало великолепно, спасибо за помощь