Создаем с нуля сайт gallery.ru/photo
22 июля - 1 августа 2015 года
Вначале работаем на demo: galleryua.com/photo-2
login as: root root@176.9.35.231's password: Last login: Tue Jul 21 20:13:55 2015 from 66-83-132-95.pool.ukrtel.net [root@176 ~]# mysql -uroot -pVMHm2WAW -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-2/sql_utility/ukraine.sql
Удаляем ненужные joomla-вские поля:
ALTER TABLE `ukraine` DROP `created_by`, DROP `created_by_alias`, DROP `checked_out`, DROP `checked_out_time`, DROP `modified`, DROP `modified_by`, DROP `publish_down`, DROP `trash`, DROP `access`, DROP `ordering`, DROP `featured`, DROP `featured_ordering`, DROP `image_caption`, DROP `image_credits`, DROP `video_caption`, DROP `video_credits`, DROP `params`, DROP `metadesc`, DROP `metadata`, DROP `metakey`, DROP `plugins`, DROP `language`;
Берем шаблон, сверстанный веблансером Анатолий Мухин (HawKite, 24 года, Украина/Луганск/1 год в сервисе) https://www.weblancer.net/users/HawKite/ за 10$ : http://galleryua.com/photo-2/new-design/GalleryUA[header_footer]/index.html
Еще он добавил:
/* в файле js/js.js строки 3-7 - это настройки слайдера, перечисляются через запятую, состоят из пар свойство:значение, после последней пары запятая не ставиться pauseOnHover: false - отключить паузу автопрокрутки при наведении на слайдер pauseOnDotsHover: false - отключить паузу автопрокрутки при наведении на dots (круглые штуки снизу посередине слайдера) */
Переносим папку lib из /photo-2 файл в /photo-3
Смотрим файл api-read-panoramio-adaptiv-vkontakte-2.php
Под него создаем папку /photo-3/cache/panoramio
В файле конфигурации config_sec728312167.php правим:
$path = "/photo-3/";
Стили не подхватываются
Придется вместо:
<link rel="stylesheet" type="text/css" href="slick/slick.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
Делать:
<link rel="stylesheet" type="text/css" href="../slick/slick.css"> <link rel="stylesheet" type="text/css" href="../css/style.css">
То же самое для js-скиптов.
<script src="../js/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="../slick/slick.min.js" type="text/javascript"></script> <script src="../js/js.js" type="text/javascript"></script>
http://galleryua.com/photo-3/lib/api-read-panoramio-adaptiv-vkontakte-2....
Десктоп:
Планшет:
Мобильный:
Задание weblancer ВЕРСТКА Светлана Иванова (ivveta):
Вот полный план сборки:
https://yadi.sk/d/t4ej2WAHi4amJ
[1] при нажатии на ФОТО и некоторые другие ссылки страница должна плавно передвигаться на нужное место
[2] Авторизация http://galleryua.com/photo-3/auth/index.php
Только форму нужно еще допиливать и разобраться с ошибкой в консоли.
[3] Хлебные крошки
[4] Скрипт погоды
[5] Фотоальбом http://galleryua.com/photo-3/lib/api-read-panoramio-adaptiv-vkontakte-2....
[6] Достопримечательности http://galleryua.com/photo-3/dostopr_2_photo_album-adaptiv.php?E=49.9472...
[7] Слайдер туров в шапке. Нужно перенести все надписи и фото отсюда http://galleryua.com/gorod/3-kanberra/
поправила. Там в общем-то просто пресетов было много, убрала их, почистила повторяющиеся классы, заменила картинки на ховерах на градиенты
[14:42:20] andrush85-skype: а что такое персеты?
[14:44:32] weblancer ВЕРСТКА Светлана Иванова (ivveta): опечаталсь, ресет - это готовый набор правил, который заменяет стили у всего. Бывает удобно, чтобы у всех элементов отменить отступы например (что у Вас и произошло), или стили заголовков обнулить
[14:44:52] weblancer ВЕРСТКА Светлана Иванова (ivveta):
/* ___________1. RESET CSS____________________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video
{....
[14:45:04] weblancer ВЕРСТКА Светлана Иванова (ivveta): вот это в начале документа
[14:45:42] weblancer ВЕРСТКА Светлана Иванова (ivveta): http://habrahabr.ru/post/45296/
Перемотка
$( 'a.класс_ссылки_фото' ).click(function( event ) {
event.preventDefault();
var destination = $('.foto');
$('body,html').animate({ scrollTop: destination }, 400);
});
$( 'a.класс_ссылки_достопримечательности' ).click(function( event ) {
event.preventDefault();
var destination = $('.nearby-obj');
$('body,html').animate({ scrollTop: destination }, 400);
});
[18:25:19] weblancer ВЕРСТКА Светлана Иванова (ivveta): попробуйте обернуть скрипт в
$(document).ready(function(){
...
});
[18:26:07] weblancer ВЕРСТКА Светлана Иванова (ivveta): то есть
$(document).ready(function(){
$( 'a.photo' ).click(function( event ) {
event.preventDefault();
var destination = $('.foto').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
$( 'a.dostoprimechatelnosti' ).click(function( event ) {
event.preventDefault();
var destination = $('.nearby-obj').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
});
Евгений Зимницкий:
Добрый день, Дмитрий! Простите что не всегда на связи, становлюсь на
ноги только. Замечание к верстке только одно: страница фотоальбома. Шрифт на черной плашечке должен быть как и везде Trebuchet MS
Что касается кнопок, я бы не стал их выделять ярке, так как они и так
предельно заметны, как мне кажется. Закреплять их считаю не стоит, так как они будут нажиматься либо сразу, либо после просмотра страницы.
Что касается если фотографий мало, они могут выводится в рандомном
порядке, в любом виде и ощущения недополнености не будет, т.к. тип
вывода - мозайка.
24-25 июля 2015 года
- Евгений, доброе утро!
- p.s.
- p.s.
Понял, спасибо. Еще на счет слайдера. По сути это реклама туров,
поэтому обязательно нужно вставить кнопку - Подробная информация или
Хочу участвовать в туре или что-то подобное. При нажатии на кнопку
должен быть переход на основной сайт.
И на счет кнопок - я зжесь живу / был. Как считаете, что должно
появляться при нажатии? Мое мнение - плавно выплывающее окно с
предложением добавить информацию об объекте (статья, фото,
комментарий), потом предложение авторизироваться / зарегистрироваться, чтобы можно было править свою инфу. Как думаете?
И последнее - хочу где-то добавить кнопку Помочь развитию проекту.
Там будет помощь в добавлении материалов, доработке скриптов и
финансовая помощь.
Евгений, еще! Что если вот эти кнопки https://yadi.sk/i/2Rk3RvdFi4XJh
сделать по принципу лендинга - просто плавно перекидывающими на нужный раздел этой же страницы. А внизу в футере оставить на другие разделы сайты, типа наши сервисы. Как думаете?
Евгений, еще нужны такие мелочи.
- Вы вставили всего лишь 9 достопримечательностей, их бывает намного
больше. Нужно кнопка Еще достопримечательности.. или что-то подобное,
при нажатии на которой будет подгружаться следующая порция, например
по 15 штук. Или можно сделать как в случае с фото? Форму для ввода
количества и радиуса. - Фотографий бывает намного больше, чем помещается в мозайку. В
мозайку входит 34 штуки. Давайте добавим ссылку Все фото где-то
вверху или внизу альбома? - Я попробовал 2 слайдера для листания фото:
- (fancybox) - http://galleryua.com/photo-3/lib/api-read-panoramio-adaptiv-vkontakte-2....
- (swipebox) - http://galleryua.com/photo-3/lib/api-read-panoramio-adaptiv-vkontakte-3....
- (swipebox + прячутся стрелки для листания) http://galleryua.com/photo-3/lib/api-read-panoramio-adaptiv-vkontakte-3....
- Подойдет ли такая форма авторизации http://galleryua.com/bergmanauth/index.php ?
- Нужно еще нарисовать вариант шапки для зарегистрированного пользователя.
- Евгений, еще смотрите какая проблема.
Я перенес все слайды в Шапку, которые используются, но на некоторых
их них текст не читабельный http://galleryua.com/photo-3/6-/#
Что делать в таком случае? - Евгений, здравствуйте!
- Еще нужно не забыть за рекламные баннеры, по-крайней мере за эти https://yadi.sk/i/ubjVMSMOi5vEY
Они все же как-то окупают проект. - Еще кнопки соц.сетей, можно как было в старом варианте дизайна https://yadi.sk/i/4OlDq3yMi5vGE либо как-то так как здесь http://nature-photographing.com/video/1-national-geographic-video/ справа окна либо слева.
Вот что сейчас получено http://galleryua.com/photo-3/5-/
Как считаете ширину альбома с фото стоит увеличить до ширины достопримечательностей или пусть будет уже блока достопримечательностей на большом мониторе? - Евгений, еще Вы не стали рисовать шапку, которая всегда находится
сверху страницы, может быть ее все же стоит сделать как на предыдущем
варианте дизайна? - Еще, думаю, там где надпись г. Могилев-Подольский на карте Украины ( http://galleryua.com/photo-3/3-/ ) стоит добавить изображение лупы или какой-то другой значок с надписью "Открыть карту на весь экран", при этом будет появляться всплывающее окно с городом в более крупном масштабе?
Я уже практически доверстал, но обнаружил, что мы с Вами забыли за
комментарии. От такого отказываться нельзя, в базе уже около 1000 их.
Сможете дорисовать как должны выглядеть комментарии и форму
добавления как здесь:
http://galleryua.com/photo/shostkinskij-rajon/26469-klyshky внизу
страницы.
Ответы Евгения 29 июля 2015 года.
- Тексту тень небольшую дать, 25% с размером 50. В CSS сделаете?
Дмитрий Андрущенко писал 2015-07-24 17:50:
> p.s.
> 5) Евгений, еще смотрите какая проблема.
> Я перенес все слайды в Шапку, которые используются, но на некоторых
> их них текст не читабельный http://galleryua.com/photo-3/6-/#
> Что делать в таком случае? - Комментарии может лучше подключить сервис Дискус. Забыл это прописать,
когда делал макет. С этим взглядом и не отрисовывал их.
Пример работы сервиса
http://artjoker.ua/ru/blog/kontekstnoe-obyavlenie-google-adwords/Дмитрий Андрущенко писал 2015-07-25 18:59:
6) Евгений, здравствуйте!
Я уже практически доверстал, но обнаружил, что мы с Вами забыли за
комментарии. От такого отказываться нельзя, в базе уже около 1000 их.
Сможете дорисовать как должны выглядеть комментарии и форму добавления как здесь:
http://galleryua.com/photo/shostkinskij-rajon/26469-klyshky внизу страницы. - Рекламные баннеры заявно не отрисовывал так же, вы их уже в коде вставьте, но займите место после описания (области, города, достопримечательности и пр.), перед погодой, например.
Дмитрий Андрущенко писал 2015-07-25 18:59:
7) Еще нужно не забыть за рекламные баннеры, по-крайней мере за эти
https://yadi.sk/i/ubjVMSMOi5vEY
Они все же как-то окупают проект. - Шапку изначально рисовал такую, которая будет прилипшая к верху сайта.
Она не большая, поэтому делать упрощенную версию так же смысла наверное
нету. Я просто все это забыл порасписывать как описание к дизайну.
Дмитрий Андрущенко писал 2015-07-25 19:05:
9) Евгений, еще Вы не стали рисовать шапку, которая всегда находится сверху страницы, может быть ее все же стоит сделать как на предыдущем варианте дизайна? - Да, можно. Я правда не любитель растыкивать значки к тексту. Либо
значек, интуитивно понятный, как например в поиске. Либо текст.
Дмитрий Андрущенко писал 2015-07-25 20:07:
10) Еще, думаю, там где надпись г. Могилев-Подольский на карте Украины ( http://galleryua.com/photo-3/3-/ ) стоит добавить изображение лупы или какой-то другой значок с надписью "Открыть карту на весь экран", при этом будет появляться всплывающее окно с городом в более крупном масштабе? - А вот это пожалуй точно не нужно. У вас не погодный сайт, а той информации что уже есть как говорят "за глаза" :) Еще такой момент, обратив внимание.
Блок - Достопримечательности вблизи г. Могилев-Подольский Выводится по 3 достопремечательности в ширину. Получилось что блок заявно шире остальных.
Нужно по 2 блока в ширину и увеличить между ними отступ и такой же отступ как будет межну ними сделать и между рядами.
Дмитрий Андрущенко писал 2015-07-25 20:14:
11) Еще думаю уместно добавить такие ссылки
https://yadi.sk/i/IFMQHEXsi5xqM - А в целом мне нравится как получился результат. И на мое мнение вы
отлично сверстали!
Дмитрий Андрущенко писал 2015-07-29 10:18:
Евгений, здравствуйте!
Вот текущая страница объекта
http://galleryua.com/photo-3/verkhovinskij-rajon/111-vyhoda/
А вот категория
http://galleryua.com/photo-3/verkhovinskij-rajon/111-vyhoda/ здесь еще сегодня буду дорабатывать. - Еще стоит ли добавлять выпадающие хлебные крошки на страницы районов
и области https://yadi.sk/i/tHtn9SyZi9umn ? - Дело в том, что в БД уже имеется куча комментариев, как тогда их добавить в Дискус? Терять их просто не хочется. И еще комментарии должны индексироваться поисковой системой, это большой плюс. Гугл умеет их индексировать
- Хотя возможно из Дискуса можно как-то забирать и выкладывать для
поисковика на странице, но нужно разбираться с этим.. И это может
оказаться непосильной задачей
RE:Комментарии может лучше подключить сервис Дискус. Забыл это прописать,
когда делал макет. С этим взглядом и не отрисовывал их.
Пример работы сервиса http://artjoker.ua/ru/blog/kontekstnoe-obyavlenie-google-adwords/ - Вы имеете в виду вот эту часть? https://yadi.sk/i/COBD28s4i9vMf
Может ее как-то сузить в одну полоску все же раз получилось, что сразу не сделали закрепленной? Попробую сделать анимацию как на артджокере http://artjoker.ua/ru/blog/kontekstnoe-obyavlenie-google-adwords/
Правда не я буду делать, в таком пока не разобрался.
RE:Шапку изначально рисовал такую, которая будет прилипшая к верху сайта.
Она не большая, поэтому делать упрощенную версию так же смысла наверное нету.
Я просто все это забыл порасписывать как описание к дизайну.
Дмитрий Андрущенко писал 2015-07-25 19:05:
9) Евгений, еще Вы не стали рисовать шапку, которая всегда находится сверху страницы, может быть ее все же стоит сделать как на предыдущем варианте дизайна? - Наверное пока оставлю как есть, смотрится? http://galleryua.com/photo-3/bogodukhovskij-rajon/27698-babenky/
RE:Да, можно. Я правда не любитель растыкивать значки к тексту. Либо значек, интуитивно понятный, как например в поиске. Либо текст.
Дмитрий Андрущенко писал 2015-07-25 20:07:
10) Еще, думаю, там где надпись г. Могилев-Подольский на карте
Украины ( http://galleryua.com/photo-3/3-/ ) стоит добавить
изображение лупы или какой-то другой значок с надписью "Открыть карту на весь экран", при этом будет появляться всплывающее окно с городом в более крупном масштабе? - Тень черного цвета, вот так?
text-shadow: 2px 1px 1px rgba(1, 1, 1, 1);
Посмотрите http://galleryua.com/photo-3/koryukovskij-rajon/ надо ли
еще подкрутить? Сейчас на много лучше стало, но на Одессе все равно
сливается.P.S. И еще, может быть всю область страницы расширить до размера Достопримечательностей?
https://yadi.sk/i/X9mV5Ddsi9yQL
А то как-то мне так нравится вариант 3х3, что жалко урезать до 2-ух
картинок в ряд. Тем более проблему это не решит, поскольку 2 картинки
сильно узко.И еще в шапку нужно обязательно вставить кнопку - подробнее или хочу
с Вами с переходом на основной сайт, иначе не понятно зачем реклама,
может взять тут кнопку сверху? http://trektravel.com/ Learn More? - 1. Переносим `id`, `title`, `catid`из таблицы `x09qm_k2_items`: http://galleryua.com/photo-3/sql/select_koord.php
Для этого создан скрипт /var/www/gallery/data/www/galleryua.com/photo-3/sql/select_koord.php
Добавляем полученную информацию в БД:[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/gorod_koord_rand.sql
Получаем такие данные:
- Теперь заносим gps-координаты.
Когда-то они были спарсены с какого-то сайта и хранятся в виде списка текстовых файлов на сервере. Пишем скрипт /var/www/gallery/data/www/galleryua.com/sela/insert-info-maps.php и запускаем http://galleryua.com/sela/insert-info-maps.php
Такая команда в консоли:[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/sela/update-coordinates.sql
Импорт идет долго, уже минут 20. Вот, как выглядит текущая версия:
Нули находятся на тех строках, которые еще не успели импортироваться.
-
Теперь пишем скрипт сбора расположения пробегая по всем категориям. Т.е. например, г. Александрия: Кировоградская область/Александрийский район
Вот он /var/www/gallery/data/www/galleryua.com/photo-3/sql/select_cat.php
Выглядят записи в нем следующим образом:UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =12 LIMIT 1; UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =13 LIMIT 1; UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =14 LIMIT 1; UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =15 LIMIT 1; UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =16 LIMIT 1; UPDATE `galleryua_gallerist`.`gorod3` SET `cat_cache` = 'Днепропетровская область/Верхнеднепровский район' WHERE `gorod`.`id` =17 LIMIT 1;
Результат выполнения скрипта http://galleryua.com/photo-3/sql/select_cat.php
Добавляем в БД:[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/gorod_koord_cat_cache.sql
-
Добавляем `alias`. Для начала нужно добавить соответствующее поле в базу данных:
После этого создаем скрипт /var/www/gallery/data/www/galleryua.com/photo-3/sql/select_alias.php и запскаем его http://galleryua.com/photo-3/sql/select_alias.php . Сгенерируется файл gorod_alias.sql в папке со скриптом.
Импортируем его с базу:[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/gorod_alias.sql
-
Добавляем инфо. Для этого опять воспользуемся сбором всех файлов на жёстком диске с соответствующей информацией. Создаем скрипт /var/www/gallery/data/www/galleryua.com/sela/update-info.sql и запускаем его http://galleryua.com/sela/insert-info-info.php . Получаем дамп update-info.sql для добавления в базу данных.
[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/sela/update-info.sql
-
Экспортируем текущую таблицу с категориями галереи на джумле в файл /var/www/gallery/data/www/galleryua.com/photo-3/sql/x09qm_k2_categories.sql и переименовываем с `x09qm_k2_categories` на `gorod3_categories`.
Теперь можем создать нашу собственную таблицу и очистить ее от всего лишнего.[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/x09qm_k2_categories.sql
Оставляем только колонки отмеченные красными прямоугольниками:
Для этого переходим на вкладку Структура нашей таблицы `gorod` и удаляем все ненужные столбцы.
-
Теперь нам нужно добавить path для категории, именно по нему идет адресация категорий в текущей версии движка.
Кстати обнаружил множество несоответствий и пустых полей на нынешнем сайте galleryua.com/photo:
Например возьмем строку 118 Корюковский район http://galleryua.com/photo/koryukovskij-rajon и перейдем в г.Корюковка: http://galleryua.com/photo/koropskij-rajon/9337-koryukivka Видим, что в адресе совсем другой район (Коропской), в базе данных хорошо видно это несоответствие.
Но не будем заморачиваться на, сделаем адресацию категорий, использую столбец `alias`. Теперь страницы будут иметь вид:
http://имя_сайта/путь_к_папке_с_движком/cat_alias/id-item_alias/
Где id – id материала, cat_alias – алиас категории, item_alias – алас материала.
А для категорий: http://имя_сайта/путь_к_папке_с_движком/cat_alias/
Теперь нужно немного подправить код страницы элемента, чтобы правильно отрабатывался путь.
Для этого в файле index.php подправим запрос поиска элемента в БД:
$query = 'SELECT *, `'.$table_name_item.'`.alias as alias, `gorod3_categories`.alias as cat_alias FROM `'.$table_name_item.'` JOIN `gorod3_categories` WHERE `'.$table_name_item.'`.catid = `gorod3_categories`.id AND `'.$table_name_item.'`.published = 1 AND `'.$table_name_item.'`.`'.$table_name_item_item.'` = '.$id;
Добавим строку:
$cat_alias = $srch[cat_alias];
И изменим формирование адреса страницы (URI):
$db_uri=$path.$cat_alias.$id."-".$alias."/";
Получим вместо адреса: http://galleryua.com/photo-3/555-lyubydva/#
такое адрес: http://galleryua.com/photo-3/vyshgorodskij-rajon/555-lyubydva/#
-
Создаем страницу категории. Добавляем файл index_cat.php в корень сайта, который будет обрабатывать все запросы без упоминания id и искать оответствующую категорию в базе данных. Делать это будем следующим образом:
$query = "SELECT * FROM `gorod3_categories` WHERE published = 1 AND alias = '".str_replace("'","",$_GET['url'])."'"; //Это выглядит так: $query = 'SELECT * FROM `gorod3` WHERE published = 1 `id` = '.$id; //echo $query; $res = mysql_query($query); $srch = mysql_fetch_array($res); //print_r($srch); $alias = $srch[alias]; $title = $srch[title]; $desc=$srch[description]; $parent=$srch[parent]; $site_canonical =""; if ($srch[published] == 1) $site_canonical = "galleryua.com"; $published=$srch[published]; $cat_alias = $srch[path]; if (strlen($cat_alias) > 0) $cat_alias .= "/"; $catid = $srch[catid]; $cat_cache = $srch[cat_cache]; $info = $srch[info]; if (strcmp($site_get,$_SERVER['SERVER_NAME']) == 0) { //Если объекта нет в БД, то выдаем ошибку 404, !Внимание для того, чтобы это сработало, еще ничего не должно быть выведено на страницу при помощи echo, print_r и т.п. Иначе ответом уже будет установлен код 200 if (!($srch)) { header("HTTP/1.0 404 Not Found"); header("Connection: close"); exit(); }В файл .htaccess добавляем строку:
#category RewriteRule ^photo-3/(.*)/$ /photo-3/index_cat.php?url=$1 [L,QSA]
Получаем такую адресацию:
http://galleryua.com/photo-3/vyshgorodskij-rajon/
А если в конце убрать слеш, то будет ошибка:
Чтобы исправить эту ситуацию (а это важно, поскольку сейчас на сайте адреса установлены без слеша в конце), добавим еще одну строку в .htaccess:
RewriteRule ^photo-3/([a-zA-Z0-9_-]+)$ /photo-3/index_cat.php?url=$1 [L,QSA]
И добавляем редирект 301 в коде php файла index_cat.php:
Теперь открывается как старого типа страница http://galleryua.com/photo-3/verkhovinskij-rajon так и нового http://galleryua.com/photo-3/verkhovinskij-rajon/ - Вставляем карту гербы, карту и список районов. Здесь все достаточно просто.
- Выводим ссылку на область. Для этого делаем сложный запрос к базе данных:
SELECT t1.id AS id, t1.alias AS alias, t2.alias AS cat_alias, t1.name AS name, t1.parent AS parent, t1.published AS published, t1.image AS image, t1.description AS description FROM `gorod3_categories` AS t1 JOIN `gorod3_categories` AS t2 WHERE t1.parent = t2.id AND t1.published =1 AND t1.alias = 'verkhovinskij-rajon' LIMIT 0 , 30
Т.е. как бы перемножаем таблицу саму на себя. Видим, что в результате получаем такие данные:
id alias cat_alias name parent published image description 387 verkhovinskij-rajon ivano-frankovskaya-oblast Верховинский район 8 1 387.jpg Где все они относятся к текущей категории, кроме столбца cat_alias, в котором находится алиас родительской категории.
Если сравним с таблицей обычной (без объединения JOIN), то увидим, что мы ничего не забыли, кроме колонки path^
Но она нам пока и не нужна, скорее всего мы в будущем от нее откажемся. Мы решили использовать только alias во всех случаях жизни.
Единственное, чтобы это работало, нам нужно добавить в БД категорию с нулевым id:
INSERT INTO `gorod3_categories` (`id`, `name`, `alias`, `description`, `parent`, `published`, `image`, `path`) VALUES (0, 'Достопримечательности Украины', '', '', 0, 1, '', '');
Это будет как бы главная страница сайта.
- Делаем главную страницу. Во-первых добавляем в файл .htaccess строки:
#/photo RewriteRule ^photo-3/$ /photo-3/index_cat.php?url= [L,QSA] RewriteRule ^photo-3$ /photo-3/index_cat.php?url= [L,QSA]
Она аналогична категории, но для того, чтобы главная страница заработала, правим файл index_cat.php следующим образом:
if (strlen($cat_alias) == 0 && $id != 0) $cat_alias .= $srch[id];
В файл category_table.php вставляем такой небольшой хак, который убирает ненужные категрии из таблицы гербов :
//////////////////////////////////////////////////////////////////////////////////////////////// ////!!!!!!!ВНИМАНИЕ ХАК!!!!!!!!!!! .... AND id != 0 AND id != 697 AND id != 698 AND id != 786 //////////////////////////////////////////////////////////////////////////////////////////////// $query = 'SELECT * FROM `gorod3_categories` WHERE `parent` ='.$catid.' AND `published` =1 AND id != 0 AND id != 697 AND id != 698 AND id != 786';
Получаем только нужные нам категории:
- Добавляем тени в шапку
-
Делаем страницу достопримечательности.
Создаем файл index_dostoprim.php (берез за основу index.php)
Теперь берем существующую таблицу koord и дорабатываем до формата нашего движка
Меняем построение алиаса: $db_uri=$path.'dostoprimechatelnosti/'.$cat_alias.$id."-".$alias."/";
В файл .htaccess вписываем:
#dostoprimechatelnosti RewriteRule ^photo-3/dostoprimechatelnosti/([0-9]+)-(.*)/?$ /photo-3/index_dostoprim.php?id=$1&url=$2 [L,QSA] RewriteRule ^photo-3/dostoprimechatelnosti/(.*)/([0-9]+)-(.*)/?$ /photo-3/index_dostoprim.php?id=$2&url=$3 [L,QSA]
Причем разместить эти строки нужно выше остальных команд, иначе они не работают, поскольку будут перехватываться более общей командой.
Теперь скопируем таблицу `koord` в таблицу `koord3` и будет в дальнейшем работать с ней.
Для этого заливаем дамп таблицы `koord` в файл galleryua.com/photo-3/sql/koord33.sql и заменяем автозаменой `koord` на `koord3`. Получившийся дамп заливаем назад в БД, команда в консоли:
mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/koord33.sql
Enter password:
Добавляем столбцы в таблицу `koord3`: `title` и `alias`.
Создаем файл galleryua.com/photo-3/sql/select_koord-title.php для импорта данных о достопримечательностях старого движка.
Добавляем такой генератор SQL-запроса:
$sql = "UPDATE `galleryua_gallerist`.`koord3` SET `title` = '".$row->title."', `alias` = '".$row->alias."' WHERE `koord3`.`itemID` =".$row->id.";";
И получаем результат:
UPDATE `galleryua_gallerist`.`koord3` SET `title` = 'Змиевы валы', `alias` = 'Zmievy-valy' WHERE `koord3`.`itemID` =1000014; UPDATE `galleryua_gallerist`.`koord3` SET `title` = 'Музей народной архитектуры', `alias` = 'Muzej-narodnoj-arxitektury' WHERE `koord3`.`itemID` =1000015; UPDATE `galleryua_gallerist`.`koord3` SET `title` = 'Борисоглебская церковь', `alias` = 'Borisoglebskaya-cerkov' WHERE `koord3`.`itemID` =1000016; UPDATE `galleryua_gallerist`.`koord3` SET `title` = 'Коллегиум (Музей Сковороды)', `alias` = 'Kollegium-Muzej-Skovorody' WHERE `koord3`.`itemID` =1000017;
Теперь можем обновить столбцы в нашей базе, для этого выполняем в консоли:
[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/photo-3/sql/koord_title.sql
И получаем следующее:
-
Теперь нам нужно собрать все описания достопримечательностей, спарсенные когда-то и собраны в папкеgalleryua.com/sela/dostoprim_ul . Для этого создадим файл galleryua.com/sela/insert-dostoprim_ul.php.
Данные будем заливать в таблицу info.
В нашем файле, который считывает данные с жесткого диска сервера делаем замену со старой структуры дизайна на новую таким образом:
$buffer = str_replace("<ul>","",$buffer); $buffer = str_replace("</ul>","",$buffer); $buffer = str_replace("<li>","",$buffer); $buffer = str_replace("</li>","",$buffer); $buffer = str_replace("<b>","<span>",$buffer); $buffer = str_replace("</b>","</span>",$buffer);Теперь вместо такой верстки:
<ul> <li> <p><b>Тип:</b> фортификационное сооружение, II в. до н.э. - VII в. н.э.</p> </li> <li> <p><b>Координаты:</b> 50°16'59.88''N, 30°26'52.08''E</p> </li> <li> <p><b>Адрес:</b> c. Круглик Киево-Святошинского р-на</p> </li> </ul>
Информация приобретет такую разметку:
<p><span>Тип:</span> фортификационное сооружение, II в. до н.э. - VII в. н.э.</p> <p><span>Координаты:</span> 50°16'59.88''N, 30°26'52.08''E</p> <p><span>Адрес:</span> c. Круглик Киево-Святошинского р-на</p>
Добавляем полученную инфу в БД:
[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/sela/update-dostoprim_ul.sql Enter password:
И получаем соответствующую колонку
- Теперь добавляем описания достопримечательностей. Будем хранить их в новом столбце БД opis:
По аналогии создаем файл /sela/insert-dostoprim_ul.php и будем вытягивать их из папки dostoprim_opis Посмотрим формат нашего файла:
<h2>Описание достопримечательности «Змиевы валы»</h2><noindex><script type="text/javascript"> </script> </noindex>
Нам нужно вытащить текст из JavaScript
Для этого делаем такую последовательность шагов:$buffer = file_get_contents('./dostoprim_opis/'.$file); $data2 = preg_split("/document.write\s\('/",$buffer); $data3 = preg_split("/'\);/",$data2[1]); $text = $data3[0];Запускаем скрипт http://galleryua.com/sela/insert-dostoprim_opis.php
И получаем результат в файле update-dostoprim_opis.sql
Добавляем дамп в нашу базу:[root@176 ~]# mysql -uroot -p -f galleryua_gallerist < /var/www/gallery/data/www/galleryua.com/sela/update-dostoprim_opis.sql
Выводим описание достопримечательности скриптом:
Теперь выводим это описание на странице с достопримечательностью.
Для этого добавляем такой код:<!-- ITEM-P BEGIN --> <section class="item-p" id="itemDostopr"> <script type="text/javascript"> (function($) { $(document).ready(function() { $.ajax({ url: "<?php echo $path;?>lib/api-fulldesc_dostopr.php", method: "POST", data: { id : <?php echo $id; ?>}, dataType: "html", cache: false, beforeSend: function () {}, success: function (desc) { $("#itemDostopr").html( desc );}, error: function (xhr, textStatus, errorThrown) { statusIndicator.remove(); console.log(xhr.responseText + " " + textStatus + " " + errorThrown); } }); }); })( jQuery ); </script> </section> <!-- ITEM-P END -->Это практически тоже же код, который выводит описание в самом низу, только здесь изменен id блока на id="itemDostopr">, а апи которое должно отдавать данные на lib/api-fulldesc_dostopr.php. Отправляемые данные заменим на id вместо catid.
Само апи скопируем из api-fulldesc_item.php и подкорректируем следующим образом:
Данные будем брать из другой таблицы следующим образом:$query = "SELECT `opis` FROM `koord3` WHERE `itemID` = ".$id;
- [Некоторые дополнения 1 августа 2015 года]
- И завершаем нашу разработку добавлением блока rss с новыми материалами (!именно с новыми, потому-что иногда разработчики просто выводят последние 10-15 материалов и они годами висят в rss, так делать не нужно, сюда нужно выводить действительно новые либо очень важные материалы).
Вот код http://galleryua.com/photo-3/rss/rss.php?test=true
- Добавляем комментарии disquss.[доп. 02/08/2015]
- 20. Делаем живо-поиск. Код скрипта находится здесь galleryua.com/photo-3/search/themplate_searh.php Подключен скрипт в файле /lib/body_header.php
API для этого поиска находится здесь: http://galleryua.com/photo-3/api/spisok-nasel-punkov-api.php?%D1%82%D0%B...
Тестировать API можно, добавив в конце &test=true
http://galleryua.com/photo-3/api/spisok-nasel-punkov-api.php?%D1%82%D0%B...
[доп. 02/08/2015]
Ну и самое интересное на мой взгляд. Генерируем комментарии для каждого населенного пункта.
Файл генератора galleryua.com/photo-3/service/disqus/select_comment-GENERATOR.php
Сделали случайную последовательность некоторых слов в фразе призыва действия добавлять комментарии, так же сгенерировали случайным образом мужское имя, дату и ip-адрес.
Вот как выглядят 2 записи:
А таких записей около 30 тысяч! Размер файла 40 Мб.
Процесс импорта идет достаточно быстро, за 5 минут результат 88%
Вот как выглядят сгенерированные комментарии в Базе данных:
- Вот что получилось:
Еще вопросы Евгению 29 июля 2015 года.
Спасибо за ответы!
На текущий момент имеем главная http://galleryua.com/photo-3/
Область http://galleryua.com/photo-3/kharkovskaya-oblast/
Район http://galleryua.com/photo-3/bogodukhovskij-rajon/
Населенный пункт http://galleryua.com/photo-3/bogodukhovskij-rajon/27698-babenky/
https://www.google.com.ua/search?q=%22%D0%9E%D1%82%D0%BB%D0%B8%D1%87%D0%BD%D0%B0%D1%8F+%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%BA%D0%B0!+%D0%98%D0%B7+%D0%B2%D1%81%D0%B5%D0%B3%D0%BE+%D1%8D%D1%82%D0%BE%D0%B3%D0%BE+%D1%81%D0%BB%D1%8B%D1%88%D0%B0%D0%BB+%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE+%D0%BE+%D0%B4%D0%B2%D1%83%D1%85+%D0%B8%D0%B7+%D0%B4%D0%B5%D1%81%D1%8F%D1%82%D0%B8.+%D0%A2%D0%B5%D0%BF%D0%B5%D1%80%D1%8C+%D0%BD%D0%B5%D0%BE%D0%B1%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D0%BE+%D0%BD%D0%B0%D0%B9%D1%82%D0%B8+%D0%B2%D1%80%D0%B5%D0%BC%D1%8F%2C+%D1%87%D1%82%D0%BE+%D0%B1%D1%8B+%D1%8D%D1%82%D0%BE+%D0%B2%D1%81%D0%B5+%D0%BF%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B5%D1%82%D1%8C%22&oq=%22%D0%9E%D1%82%D0%BB%D0%B8%D1%87%D0%BD%D0%B0%D1%8F+%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%BA%D0%B0!+%D0%98%D0%B7+%D0%B2%D1%81%D0%B5%D0%B3%D0%BE+%D1%8D%D1%82%D0%BE%D0%B3%D0%BE+%D1%81%D0%BB%D1%8B%D1%88%D0%B0%D0%BB+%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE+%D0%BE+%D0%B4%D0%B2%D1%83%D1%85+%D0%B8%D0%B7+%D0%B4%D0%B5%D1%81%D1%8F%D1%82%D0%B8.+%D0%A2%D0%B5%D0%BF%D0%B5%D1%80%D1%8C+%D0%BD%D0%B5%D0%BE%D0%B1%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D0%BE+%D0%BD%D0%B0%D0%B9%D1%82%D0%B8+%D0%B2%D1%80%D0%B5%D0%BC%D1%8F%2C+%D1%87%D1%82%D0%BE+%D0%B1%D1%8B+%D1%8D%D1%82%D0%BE+%D0%B2%D1%81%D0%B5+%D0%BF%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B5%D1%82%D1%8C%22&aqs=chrome..69i57.1800j0j1&sourceid=chrome&es_sm=0&ie=UTF-8
А вот Яндекс с этим до сих пор бодается, но не находит
http://yandex.ua/search/?text=%22%D0%98%D0%B7%20%D0%B2%D1%81%D0%B5%D0%B3...
СОБИРАЕМ ВСЕ В ОДНУ ТАБЛИЦУ БД
Создадим таблицу gorod3 пока с такой структурой:
-- Структура таблицы `gorod3` CREATE TABLE IF NOT EXISTS `gorod3` ( `id` int(11) NOT NULL, `title` varchar(255) NOT NULL, `E` float NOT NULL, `N` float NOT NULL, `koord_txt` varchar(256) NOT NULL, `radius` varchar(256) NOT NULL, `photo` varchar(1024) NOT NULL, `photos` text NOT NULL, `num_photos` int(11) NOT NULL, `videos` text NOT NULL, `num_videos` int(11) NOT NULL, `published` int(11) NOT NULL DEFAULT '1', `catid` int(11) NOT NULL, `cat_cache` varchar(1024) NOT NULL, `info` text NOT NULL, `raspolog` text NOT NULL, `seo_title` text CHARACTER SET utf8 NOT NULL, `seo_description` text CHARACTER SET utf8 NOT NULL, `seo_keywords` text CHARACTER SET utf8 NOT NULL, KEY `E_N` (`E`,`N`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
Позже возможно подправим.
.slider section h1 span.item-1 {
font-size: 24px;
line-height: 24px;
padding-bottom: 4px;
text-shadow: 2px 1px 1px rgba(1, 1, 1, 1);
}
.slider section h1 span.item-2 {
font-size: 36px;
line-height: 38px;
text-shadow: 2px 1px 1px rgba(1, 1, 1, 1);
}
.slider section p {
color: #fff;
font-size: 16px;
line-height: 150%;
font-weight: 400;
margin: 10px 0;
text-shadow: 2px 1px 1px rgba(1, 1, 1, 1);
}
Выносим одинаковую часть шаблона в отдельные файлы:
lib/head_header.php
lib/body_header.php
lib/body_footer.php
И вставляем такой код
<?php require_once "./lib/head_header.php"; ?> <?php require_once "./lib/body_header.php"; ?> <?php require_once "./lib/body_footer.php"; ?>
В нужных местах шаблона.
Теперь добавляем блок мета-тегов в шаблон:
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <title><?php echo $seo_title;?></title> <meta name="description" content="<?php echo $seo_description;?>"> <meta name="keywords" content="<?php echo $seo_keywords;?>" /> <meta name="title" content="<?php echo $seo_title;?>" /> <meta name="author" content="www.galleryua.com" /> <meta property="og:url" content="<?php echo $canonical;?>" /> <meta property="og:title" content="<?php echo $seo_title;?>" /> <meta property="og:type" content="article" /> <meta property="og:description" content="<?php echo $seo_description;?>" /> <meta name="description" content="<?php echo $seo_description;?>" /> <meta name="generator" content="www.galleryua.com" />
И генерируем эти самые мета-теги:
Для населенного пункта:
/*
$seo_title = "Фото, достопримечательности, почтовый индекс села Бубновка (Волочисский район, Хмельницкая область) на карте Украины";
$seo_description = "Карта с. Бубновка, Волочисский район, Хмельницкая область с фотографиями и достопримечательностями, почтовый индекс села Бубновка, Украина";
$seo_keywords = "Фотографии Украины, фото с. Бубновка, Волочисский район, Хмельницкая область, достопримечательности села Бубновка, почтовый индекс с. Бубн";
*/
$arr_rasp = explode("/", $cat_cache); $obl = $arr_rasp[0]; $rayon = $arr_rasp[1];
$to_title = str_replace("с. ", "Село ", $title); $to_title = str_replace("г. ", "Город ", $to_title); $to_title = str_replace("пгт ", "ПГТ ", $to_title);$to_title = str_replace("поселок ", "Поселок ", $to_title);
$to_title_skl = str_replace("с. ", "села ", $title); $to_title_skl = str_replace("г. ", "города ", $to_title_skl); $to_title_skl = str_replace("пгт ", "поселка городского типа ", $to_title_skl);$to_title_skl = str_replace("поселок ", "поселка ", $to_title_skl);
echo $srch[seo_title];
if (strlen($srch[seo_title]) > 0) $seo_title = $srch[seo_title];
else $seo_title = $to_title." (".$rayon.", ".$obl.") фото на карте Украины, достопримечательности, почтовый индекс";
if (strlen($srch[seo_description]) > 0) $seo_description = $srch[seo_description];
else $seo_description = "Карта ".$to_title_skl.", ".$rayon.", ".$obl." с фотографиями и достопримечательностями, почтовый индекс ".$to_title_skl.", Украина";
if (strlen($srch[seo_keywords]) > 0) $seo_keywords = $srch[seo_keywords];
else $seo_keywords = "Фотографии Украины, фото ".$title.", ".$rayon.", ".$obl.", достопримечательности ".$to_title_skl.", почтовый индекс ".$title."";
Для достопримечательности
Выводим его футере либо можно чуть выше чуть выше футера:
<?php require_once "./rss/rss.php"; ?>
Создать и настроить аккаунт очень просто, по этой теме создан отдельный пост «Регистрируемся в disqus», самое трудное это экспортировать старые комментарии в disqus и настроить api для подгрузки комментариев в html страницу.
Для экспорта воспользуемся скриптом, созданным для движка dle, которые преобразует комментарии в xml формат движка wordpress. Будем его переделывать под формат joomla 2.5 (плагин jcomments). Создадим скрипт galleryua.com/photo-3/service/disqus/select_comment.php
Это файл вытягивает только комментарии по населенным пунктам, поэтому делаем еще один: galleryua.com/photo-3/service/disqus/select_comment-dostoprimechat.php. Этот уже вытянет комментарии к достопримечательностям.
И импортируем их в disqus:
Подробности смотрите в посте «Регистрируемся в disqus».
Кроме того обязательно нужно будет сделать синхронизацию комментариев disqus с собственной базой данных . Для этого есть такой скрипт http://www.bluefinengineering.com/blog/custom-php-disqus-comments-data-s...
[4/08/2015] Делаем сортировку альбома с фотографиями по удаленности от центра координат.
[5/08/2015] Поиск Яндекса
Изменить страницу поиска по сайту можно в данном php-скрипте: galleryua.com/photo-3/search/themplate_searh.php
Поиск по сайту через Яндекс можно настроить здесь https://site.yandex.ru/
А вот так выглядит скрипт поиска: http://galleryua.com/pogoda-3/parser-pogody-rp5/mm/search-yandex2.php?se...
Вся переписка Со Светланой:
[24.07.2015 7:46:00] Svetlana Ivanova: Здравствуйте, Дмитрий! Меня зовут Светлана с сайта https://www.weblancer.net , по поводу Вашей заявки
[24.07.2015 7:47:11] *** andrush85-skype відправив контактні дані weblancer ВЕРСТКА Светлана Иванова (ivveta). ***
[24.07.2015 8:01:07] andrush85-skype: Светлана, здравствуйте!
[24.07.2015 8:01:13 | Змінено в 8:01:19] andrush85-skype: Вы по поводу верстки?
[24.07.2015 8:01:44] andrush85-skype: Сейчас соберу всю инфу и вышлю Вам чуть позже.
[24.07.2015 8:34:57] weblancer ВЕРСТКА Светлана Иванова (ivveta): Здравствуйте! Да, я по поводу верстки. Жду
[24.07.2015 11:34:15 | Змінено в 11:34:37] andrush85-skype: Светлана, вот общий план https://yadi.sk/d/t4ej2WAHi4amJ.
А вот краткое описание https://docs.google.com/document/d/17IA6xwBN-U76ZbcSYwbvgXdPWLLLkTTLwflb...
Можете сделать заявку окончательной, Я Вам сделаю доступ и приступим, ок?
[24.07.2015 11:48:27] andrush85-skype: Что-то не понятно по описанию?
[24.07.2015 11:48:54] weblancer ВЕРСТКА Светлана Иванова (ivveta): была занята, сейчас посмотрю
[24.07.2015 11:49:02] andrush85-skype: ок
[24.07.2015 11:58:03] weblancer ВЕРСТКА Светлана Иванова (ivveta): я уточню на всякий случай:
1. то что в описании "реализовывается на php" - тут я делаю только верстку, а с php Вы разбираетесь уже без меня
2. в итоге я будет папка с html/css/js, никуда выкладывать страницу не надо
3. У вас есть psd макет лендинга?
[24.07.2015 12:00:01] andrush85-skype: 1. Да
2. Вы имеете в виду делаете локально и присылаете мне код, а не на моем сервере?
3. да для того скрина, который я привел, т.е. некоторые блоки там показаны лишь схемаично
[24 июля 2015 г. 11:34] andrush85-skype:
<<< https://yadi.sk/d/t4ej2WAHi4amJ.
[24.07.2015 12:01:32] weblancer ВЕРСТКА Светлана Иванова (ivveta): 2. да, но если у вас на сервере уже все более ли менее подготовлено, то можно в принципе и там
[24.07.2015 12:01:41] andrush85-skype: Я столкнулся с проблеймой, что при соединении кусков в одной страницы стили как бы конфликтуют друг с другом, поэтому дизайн "ползет".
Поэтому Ваша задача переверстать либо переимеовать те стили, которые конфликтуют.
[24.07.2015 12:01:52] andrush85-skype: --
[24.07.2015 12:02:34] andrush85-skype: На севрере каждый блок чвертсан отдельно и раскидан по папкам. В главном файле все сибирается в кучу и тут возникают проблемы из-за конфликтов
[24.07.2015 12:02:50] andrush85-skype: Скорее всего вот это код придется переверстать http://galleryua.com/photo-3/dostopr_2_photo_album-adaptiv.php?E=49.9472...
[24.07.2015 12:03:01] andrush85-skype: здесь очень много всего лишнего указано в стилях.
[24.07.2015 12:03:19] andrush85-skype: и он больше всего "портит" дизайн остальной страницы
[24.07.2015 12:03:37] andrush85-skype: По другим блокам все намного проще, но возможно тоже потребуются правки.
[24.07.2015 12:06:30] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок, подтвердила заявку
[24.07.2015 12:07:30] andrush85-skype: Еще все стили действительно должны лежать в одной папке /css а скрипты в /js, а то сейчас раскиданы по всему серверу.
[24.07.2015 12:08:22] andrush85-skype: Но предоагаю называть их согласно названию блока, чтобы не путаться в дальнейшем при правках. Т.е. не сводить все в один код огромным списком.
[24.07.2015 12:10:00] weblancer ВЕРСТКА Светлана Иванова (ivveta): на каждый блок свой css и js (по целесообразности). Все css в своей одной папке, все скрипты в своей. Ок
[24.07.2015 12:11:47] andrush85-skype: Давайте так пока css будут лежать по папкам рядом со своими скриптами php так будет проще не запутаться и даваь доступы, а потом я сам уже все сведу в одну папку в конце, это не проблема. Хорошо?
Предлагаю начать с
http://galleryua.com/photo-3/dostopr_2_photo_album-adaptiv.php?E=49.9472...
это самый сложный блок, к нему и дам доступ, попробуем как это работает.
[24.07.2015 12:13:54] weblancer ВЕРСТКА Светлана Иванова (ivveta): если он один, будет непонятно, с чем он конфликтует. Но можно почистить стили
[24.07.2015 12:14:29] andrush85-skype: Я выведу его на главную, там сразу будет видно.
[24.07.2015 12:15:50] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок
[24.07.2015 12:24:33] andrush85-skype: Можно Вам дать сразу править PHP, естественно программный код трогать не нужно или только html?
[24.07.2015 12:25:55] weblancer ВЕРСТКА Светлана Иванова (ivveta): давайте попробуем php
[24.07.2015 12:38:05] andrush85-skype: Вот как было http://galleryua.com/photo-4/6-/
Вот как стало при вставке блока http://galleryua.com/photo-3/6-/
В принципе, если работать с PHP окажется трудно то просто замените его на html генерируемый этим файлом http://galleryua.com/photo-3/dostopr/dostopr_2_photo_album-adaptiv.php?E..., я сам потом вставлю в php, это для меня не проблема.
[24.07.2015 12:38:29] andrush85-skype: Сейчас скину доступы
css и jss ожите рядом
[24.07.2015 12:42:17] andrush85-skype: ftp(21) galleryua.com
ivveta / 0bPX2kSt
[24.07.2015 12:42:28] andrush85-skype: проверьте, работают доступы?
[24.07.2015 12:42:42] andrush85-skype: Все правки вносимые в файл dostopr_2_photo_album-adaptiv.php
[24.07.2015 12:42:54] andrush85-skype: сразу отображаются на странице http://galleryua.com/photo-3/6-/
[24.07.2015 12:47:02] weblancer ВЕРСТКА Светлана Иванова (ivveta): там только один файл php, да?
[24.07.2015 12:47:19] andrush85-skype: в блоке достопримечательностей Да
[24.07.2015 12:47:50] andrush85-skype: Здесь нужно переписать стили полностью, т.к. в оригинале очень много всего лишнего.
[24.07.2015 12:48:37] andrush85-skype: и они конфликтуют с другими стилями https://yadi.sk/i/7ZxwW8_gi4nRC
[24.07.2015 12:49:01] weblancer ВЕРСТКА Светлана Иванова (ivveta): да, что конфликтуют я поняла
[24.07.2015 12:50:18] weblancer ВЕРСТКА Светлана Иванова (ivveta): то есть мне создать новый css, а не править существующий?
[24.07.2015 12:50:56] andrush85-skype: да, и именнно его подключите в файле в самом вехзу
[24.07.2015 12:51:04] andrush85-skype: а старые отключите
[24.07.2015 12:51:56] andrush85-skype: я создал файл
[24.07.2015 12:52:00] andrush85-skype: к нему поступ galleryua.com/photo-3/dostopr/dostopr.css
weblancer ВЕРСТКА Светлана Иванова (ivveta)
[24.07.2015 13:14:19] weblancer ВЕРСТКА Светлана Иванова (ivveta): не могу разобраться
Вы сказали, что изменения в файле dostopr_2_photo_album-adaptiv.php будут отображаться на странице http://galleryua.com/photo-3/6-/
В этом файле в head есть style. Я добавила туда
.header .logo h1{
display: none;
}
при этом этот стиль я не вижу на странице http://galleryua.com/photo-3/6-/
и h1 там отображается
[24.07.2015 13:17:57] andrush85-skype: Вы не правильно добавили стили
[24.07.2015 13:17:58] andrush85-skype:
[24.07.2015 13:18:01] andrush85-skype: нужно так
[24.07.2015 13:18:07] andrush85-skype:
<link rel="stylesheet" type="text/css" href="/photo-3/dostopr/dostopr.css" />
[24.07.2015 13:18:20] andrush85-skype: либо с http
<link rel="stylesheet" type="text/css" href="http:/galleryua.com/photo-3/dostopr/dostopr.css" />
[24.07.2015 13:18:35 | Змінено в 13:18:43] andrush85-skype: А чьи контакты Вы дали?
[24.07.2015 13:19:10] weblancer ВЕРСТКА Светлана Иванова (ivveta): это случайно
[24.07.2015 13:22:05] weblancer ВЕРСТКА Светлана Иванова (ivveta): изменила на
<link rel="stylesheet" type="text/css" href="/photo-3/dostopr/dostopr.css" />
не работает
[24.07.2015 13:23:48 | Видалено в 13:25:29] weblancer ВЕРСТКА Светлана Иванова (ivveta): Повідомлення видалене.
[24.07.2015 13:26:38] andrush85-skype: все работает?
[24.07.2015 13:26:49] andrush85-skype: потому-что сейчс стиль подгружается..
[24.07.2015 13:28:52] weblancer ВЕРСТКА Светлана Иванова (ivveta): да, получилось, спасибо
[24.07.2015 13:29:13] andrush85-skype: Ві можете также видеть изменения непосредственно здесь http://galleryua.com/photo-3/dostopr/dostopr_2_photo_album-adaptiv.php?E...
[24.07.2015 13:29:35] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок, хорошо
[24.07.2015 13:30:43 | Змінено в 13:30:55] andrush85-skype: Как думаете сколько времени потребуется? Мне пока нужно отойти на час-полтора. Поом скину доступы на еще 1 блок.
[24.07.2015 13:31:50] weblancer ВЕРСТКА Светлана Иванова (ivveta): думаю полтора часа хватит, там посмотрим
[24.07.2015 13:32:17] andrush85-skype: ок
[24.07.2015 14:41:56] weblancer ВЕРСТКА Светлана Иванова (ivveta): поправила. Там в общем-то просто пресетов было много, убрала их, почистила повторяющиеся классы, заменила картинки на ховерах на градиенты
[24.07.2015 14:42:20] andrush85-skype: а что такое персеты?
[24.07.2015 14:44:32] weblancer ВЕРСТКА Светлана Иванова (ivveta): опечаталсь, ресет - это готовый набор правил, который заменяет стили у всего. Бывает удобно, чтобы у всех элементов отменить отступы например (что у Вас и произошло), или стили заголовков обнулить
[24.07.2015 14:44:52] weblancer ВЕРСТКА Светлана Иванова (ivveta):
/* ___________1. RESET CSS____________________*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{....[24.07.2015 14:45:04] weblancer ВЕРСТКА Светлана Иванова (ivveta): вот это в начале документа
[24.07.2015 14:45:42] weblancer ВЕРСТКА Светлана Иванова (ivveta): http://habrahabr.ru/post/45296/
[24.07.2015 14:58:59] andrush85-skype: Понял, спасибо!
Почти все хорошо, только цвет у меня серый, а не белый, а у Вас? https://yadi.sk/i/A3Y_fVxJi4whh
[24.07.2015 14:59:53] andrush85-skype: и поставьте шрифт как везде Trebuchet MS
[24.07.2015 15:02:59] andrush85-skype: Еще, давайте все картинки тоже сохранять в папке img там где стили, т.е. чтобы не было такого
background: url(../../photo/photo-album/images/photo_album_bullet.png) no-repeat 0 2px;
[24.07.2015 15:03:01] andrush85-skype: Хорошо?
[24.07.2015 15:03:45] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок, сейчас добавлю папку
[24.07.2015 15:09:28] weblancer ВЕРСТКА Светлана Иванова (ivveta): можно смотреть
[24.07.2015 15:12:22] andrush85-skype: У Вас какого цвета текст?
[24.07.2015 15:13:15] weblancer ВЕРСТКА Светлана Иванова (ivveta): на photo_album_item у меня серый цвет
[24.07.2015 15:13:50] weblancer ВЕРСТКА Светлана Иванова (ivveta): попробуйте через ctrl+F5 обновить
[24.07.2015 15:15:28] andrush85-skype: Как на скриншоте?
[24.07.2015 15:15:29] andrush85-skype: [24 июля 2015 г. 14:58] andrush85-skype:
<<< https://yadi.sk/i/A3Y_fVxJi4whh
[24.07.2015 15:15:43] andrush85-skype: Должен ведь быть белым
[24.07.2015 15:16:18] weblancer ВЕРСТКА Светлана Иванова (ivveta): ааа, извиняюсь, я его наоборот под серый подгоняла, как было
[24.07.2015 15:16:38] andrush85-skype: Было вот так
[24.07.2015 15:16:38] andrush85-skype: http://galleryua.com/photo-3/dostopr_2_photo_album-adaptiv.php?E=49.9472...
[24.07.2015 15:17:22] weblancer ВЕРСТКА Светлана Иванова (ivveta): поменяла
[24.07.2015 15:20:24] andrush85-skype: Отлично
[24.07.2015 15:20:35] andrush85-skype: Сейчас со слайдером сможете разобраться?
[24.07.2015 15:20:54] andrush85-skype: Перенести все фото и тексты со старого шаблона?
[24.07.2015 15:21:01] andrush85-skype: Тогда сделаю доступ.
[24.07.2015 15:21:49] weblancer ВЕРСТКА Светлана Иванова (ivveta): примерно через часик смогу приступить, давайте в 16.20?
[24.07.2015 15:22:02] andrush85-skype: ок
[24.07.2015 15:22:51] weblancer ВЕРСТКА Светлана Иванова (ivveta): а если все будет ок, как мы будем рассчитываться?
[24.07.2015 15:23:11] andrush85-skype: wmz
[24.07.2015 15:23:16] andrush85-skype: есть у Вас кошелек?
[24.07.2015 15:23:27] andrush85-skype: либо wmr по курсу
[24.07.2015 15:24:55] weblancer ВЕРСТКА Светлана Иванова (ivveta): нет ни того, ни другого, только яндекс деньги. Могу что-нибудь завести, что лучше?
[24.07.2015 15:25:21] andrush85-skype: заведите вебмани, там будет и тот и тот
[24.07.2015 15:25:27] andrush85-skype: z - доллары
[24.07.2015 15:25:31] andrush85-skype: r - рубли
[24.07.2015 15:25:37] weblancer ВЕРСТКА Светлана Иванова (ivveta): :)
[24.07.2015 15:25:48] andrush85-skype: сами сможете поменять на яндекс - деньги
[24.07.2015 15:26:05] andrush85-skype: главное, чтобы кошелек был на то же имя и что и яндекс-кошелек
[24.07.2015 15:28:45 | Змінено в 15:28:50] andrush85-skype: А в какой программе Вы верстаете?
[24.07.2015 15:28:56] weblancer ВЕРСТКА Светлана Иванова (ivveta): phpstorm
[24.07.2015 15:30:28] andrush85-skype: достаточно серьезный софт
[24.07.2015 15:30:34] andrush85-skype: sublime не используете?
[24.07.2015 15:33:40] weblancer ВЕРСТКА Светлана Иванова (ivveta): дело привычки, мне кажется. Когда начинала - верстала в саблайме, потом пришла в контору, где пользовались штормом - привыкла к шторму
[24.07.2015 15:50:31] andrush85-skype: ок, согласен
[24.07.2015 15:50:40] andrush85-skype: Там еще шрифт отличается от оригинала
[24.07.2015 15:50:41] andrush85-skype: https://yadi.sk/i/3b2Efkw3i53hv
[24.07.2015 16:18:30] weblancer ВЕРСТКА Светлана Иванова (ivveta): это в файле photo-3/css/style.css
прописаны свойства. Я могу принудительно их задать повторно в своем css , но это дублирование противоречивых свойст, что не очень хорошо
[24.07.2015 16:18:38] weblancer ВЕРСТКА Светлана Иванова (ivveta): готова продолжать
[24.07.2015 16:21:02] weblancer ВЕРСТКА Светлана Иванова (ivveta): о, Вы похоже уже без меня заменили
[24.07.2015 16:22:47] andrush85-skype: А в какой строке и что нужно изменить?
[24.07.2015 16:22:53] andrush85-skype: В оригинале шрифт другой http://galleryua.com/photo-4/6-/
[24.07.2015 16:23:41] andrush85-skype: --
[24.07.2015 16:23:57] andrush85-skype: Я изменил ва доступ на папку со слайдером, переподключитель по фтп плиз.
[24.07.2015 16:24:08] andrush85-skype: Тпм нужно в файл стилей добавить все слайды
[24.07.2015 16:24:16] andrush85-skype: а сами картинки в папку foto
[24.07.2015 16:24:50] andrush85-skype: Возьмите все картинки тут https://docs.google.com/document/d/17IA6xwBN-U76ZbcSYwbvgXdPWLLLkTTLwflb... с [7] пункта плиз.
[24.07.2015 16:26:57] weblancer ВЕРСТКА Светлана Иванова (ivveta): со слайдером понятно
[24.07.2015 16:27:25] weblancer ВЕРСТКА Светлана Иванова (ivveta): с хлебными крошками еще раз,
нужно чтобы шрифт был такой как здесь http://galleryua.com/photo-4/6-/ ?
[24.07.2015 17:07:43] andrush85-skype: да
[24.07.2015 17:11:54] weblancer ВЕРСТКА Светлана Иванова (ivveta): у меня ошибка при попытке внести изменения в файлы
[24.07.2015 18:09]
Failed to transfer file '...\slyder-foto.css': cant open output connection for file "ftp://galleryua.com/slyder-foto.css". Reason: "550 slyder-foto.css: Permission denied".
есть вероятность, что прав не хватает?
[24.07.2015 17:14:00] andrush85-skype: соори, стояли не правильные доступы
[24.07.2015 17:14:02] andrush85-skype: подправил
[24.07.2015 17:15:02] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок
[24.07.2015 17:44:08 | Змінено в 17:44:13] weblancer ВЕРСТКА Светлана Иванова (ivveta): сделала
[24.07.2015 17:45:53] andrush85-skype: А как Вы заменили шрифт? У Вас же нет доступа к основному файлу?
[24.07.2015 17:47:21] weblancer ВЕРСТКА Светлана Иванова (ivveta): как оказалось, на нем сейчас нет никакого стиля. Я поставила в slyder-foto.css . Можем перенести куда-нибудь, там
.dop-nav {
color: #ACACAC;
font-size: 14px;
line-height: 20px;
font-weight: 700;
font-family: "Segoe UI",sans-serif;
margin-bottom: 4px;
}
[24.07.2015 18:07:28] weblancer ВЕРСТКА Светлана Иванова (ivveta): двигаемся дальше или что-то правим?
[24.07.2015 18:11:54] andrush85-skype: да, мин
[24.07.2015 18:12:03] andrush85-skype: посмотрю список правок
[24.07.2015 18:23:28] andrush85-skype: следующая будет авторизация
[24.07.2015 18:23:50] andrush85-skype: сменил доступ на нее и вставил кнопку в тело страницы.
[24.07.2015 18:24:12] andrush85-skype: В итоге нужно чтобы эта панель появлялась при нажатии На Автоизация, а кнопку убрать.
[24.07.2015 18:35:45] andrush85-skype: По тому же принципу сделайте, пожалуйста, файл auth.css прямо в корне папки auth
[24.07.2015 18:50:29] andrush85-skype: с auth все получается? Мне пока нужно уехать часа на 1,5
[24.07.2015 18:51:07] weblancer ВЕРСТКА Светлана Иванова (ivveta): так, отходила, сейчас посморю быстро, что с правами нормально
[24.07.2015 18:51:24] andrush85-skype: ок, мин 5 я еще тут
[24.07.2015 18:51:29] weblancer ВЕРСТКА Светлана Иванова (ivveta): с правами все ок
[24.07.2015 18:53:45] andrush85-skype: отлично
[24.07.2015 18:54:03] andrush85-skype: тогда пишите если что, я приеду сразу увижу и отвечу
[24.07.2015 18:54:22] weblancer ВЕРСТКА Светлана Иванова (ivveta): хорошо
[24.07.2015 19:38:55] weblancer ВЕРСТКА Светлана Иванова (ivveta): поп-ап сейчас нормально открывается
[24.07.2015 19:41:59] weblancer ВЕРСТКА Светлана Иванова (ivveta): css новый не добавляла, подключила css/flow.css
переименовать его в auth.css и перетащить в корень auth?
[24.07.2015 21:59:02] andrush85-skype: да, открывается нормально, только ушел блок с погодой https://yadi.sk/i/Tk6G-J2Ci5P2R и какая-то ошибка в консоли, не знаете из-за чего? И еще нужно кнопку убрать, а панель вызывать при нажатии на кнопку Авторизации
[24.07.2015 21:59:16] andrush85-skype: С отсальными блоками предлагаю заканчить завтра, ок?
[24.07.2015 22:52:41] weblancer ВЕРСТКА Светлана Иванова (ivveta): да, продолжим завтра
[24.07.2015 23:23:27] weblancer ВЕРСТКА Светлана Иванова (ivveta): чтобы перенести вызов панели на кнопку Авторизации мне нужен доступ к этой кнопке, на нее надо повесить вызов
[24.07.2015 23:30:12] weblancer ВЕРСТКА Светлана Иванова (ivveta): блок с погодой вернется, когда уберем кнопку
[8:52:00] andrush85-skype: Светлана, доброе утро! Я правильно понимаю, что кнопку можно убрать из кода, к которому у Вас есть доступ? Просто если бы Вы сказали, что нужно изменить на главной, чтобы форма стала на свое место, то я бы быстро подправил. Я конечно и сам могу покопаться, но у меня это получается на много медленее как-то чему у Вас..
[11:34:14] andrush85-skype: --
Света, Вы тут?
[11:35:35] weblancer ВЕРСТКА Светлана Иванова (ivveta): Да, доброе утро. Я пока занята, но сейчас еще раз посмотрю доступ, вчера вроде не хватало
[11:36:27] andrush85-skype: А во сколько Вы освободитесь? Давайте лучше выберем время и вместе посмотрим.
[11:36:42] weblancer ВЕРСТКА Светлана Иванова (ivveta): через полчасика
[11:37:50] andrush85-skype: ок, тогда сразу мне напишите.
[11:37:56] weblancer ВЕРСТКА Светлана Иванова (ivveta): jr
[11:38:01] weblancer ВЕРСТКА Светлана Иванова (ivveta): ок
[12:13:15] weblancer ВЕРСТКА Светлана Иванова (ivveta): я тут, сейчас буду вспоминать
[12:13:55] andrush85-skype: ок
[12:19:20] weblancer ВЕРСТКА Светлана Иванова (ivveta): сейчас кнопка "Авторизация" выглядит в коде так
чтобы по клику на нее что-то происходило, нужно этому блоку добавить ссылку
у меня сейчас как я понимаю доступ только к блоку auth, который произвольно запихнут в середину сайта
а нужен доступ получается к шапке
[12:25:50] andrush85-skype: А Вы можете в Вашем блоке вставить
<div class="io">Авторизация</div> ?
[12:26:15] andrush85-skype: Я потом просто перемещу вызов блока в нужное место в шаблоне.
[12:26:30] weblancer ВЕРСТКА Светлана Иванова (ivveta): сейчас чего-нибудь придумаю
[12:38:58] weblancer ВЕРСТКА Светлана Иванова (ivveta): попробуйте поставить
<div class="io " onclick="document.getElementById('forma1').style.display='inline'" target="_self" style="text-align:center;" id="StBttn0-40hlink" data-reactid=".0.$SITE_ROOT.$desktop_siteRoot.$PAGES_CONTAINER.1.1.$SITE_PAGES.$mainPage.1.$StBttn0-40h.0">
Авторизация
</div>
[12:39:15] weblancer ВЕРСТКА Светлана Иванова (ivveta): а так пока ок
[12:45:30] andrush85-skype: Добавил, получилось то, что нужно, спасибо!
[13:21:00] weblancer ВЕРСТКА Светлана Иванова (ivveta): еще что-то?
[13:21:35] andrush85-skype: Да, давайте смотреть общий список
[13:21:54 | Змінено в 13:21:59] andrush85-skype: [1] при нажатии на ФОТО и некоторые другие ссылки страница должна плавно передвигаться на нужное место
Вы делали такое?
[13:22:34] weblancer ВЕРСТКА Светлана Иванова (ivveta): На вашем сайте мы этого не делали.
[13:22:45] weblancer ВЕРСТКА Светлана Иванова (ivveta): вообще делала
[13:23:08] andrush85-skype: Сможем сделать сейчас?
[13:23:12] weblancer ВЕРСТКА Светлана Иванова (ivveta): да
[13:30:17] weblancer ВЕРСТКА Светлана Иванова (ivveta): нужен список ссылок, по клику на которые должна происходить прокрутка страницы
и доступ к js файлу
[13:31:40] andrush85-skype: Это будут первые 2 ссылки - ФОТО и ДОСТОПРИМЕЧАТЕЛЬНОСТИ
[13:31:47] andrush85-skype: остальные позже сделаю по подобию.
[13:32:00] andrush85-skype: Это можно вынести в отдельный JS?
[13:36:18] andrush85-skype: Если тут достаточно просто, можете мне скинуть JS и какие классы прописать в ссылках
---
[13:36:38] andrush85-skype: А вот к хлебным крошкам наверное стоит создать доступ Вам, да?
http://galleryua.com/photo-3/bread/item.php?id=3&test=true
[13:37:05] andrush85-skype: Здесь нужно подправить стили, чтобы шрифт и размер был как в шаблоне.
[13:39:25] andrush85-skype: Сменил доступы на bread
[13:43:37] andrush85-skype: Добавил хлебные крошки на страницу
http://galleryua.com/photo-3/5-/#
http://galleryua.com/photo-4/5-/#
[13:43:47 | Змінено в 13:43:56] andrush85-skype: опять стили поплыли, нужно чистить и перенести их все в папку.
[13:45:09] andrush85-skype: И что-то со слоями - не работает всплывающее меню при наведении на крошки как здесь - http://galleryua.com/photo-3/bread/item.php?id=3&test=true
[13:49:54] weblancer ВЕРСТКА Светлана Иванова (ivveta): сейчас все по порядку
[13:53:46] andrush85-skype: всмысле не понятно написал?
[13:54:08] weblancer ВЕРСТКА Светлана Иванова (ivveta): нет, будем разбираться по путнктам. Сейчас пришлю js
[13:54:38] andrush85-skype: ага, понял, да с крошками я наберед забежал..
[14:00:28] andrush85-skype: Мне нужно будет отъехать минут на 30. Сейчас тогда поставим скрипт и я съезжу, пока Вы будете смотреть крошки, хорошо?
[14:01:11 | Змінено в 14:14:35] weblancer ВЕРСТКА Светлана Иванова (ivveta):
$( 'a.photo' ).click(function( event ) {
event.preventDefault();
var destination = $('.foto').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
$( 'a.класс_ссылки_достопримечательности' ).click(function( event ) {
event.preventDefault();
var destination = $('.nearby-obj');
$('body,html').animate({ scrollTop: destination }, 400);
});
[14:01:18] weblancer ВЕРСТКА Светлана Иванова (ivveta): давайте так попробуем
[14:03:23] weblancer ВЕРСТКА Светлана Иванова (ivveta): чтобы не ставить дополнительные классы можно так
вместо
$( 'a.класс_ссылки_фото' )
поставить
$( 'nav .hide a:first-child' )
[14:03:56] weblancer ВЕРСТКА Светлана Иванова (ivveta): но если будете менять местами потом ссылки в меню возникнут проблемы
[14:06:27] andrush85-skype: Ага
[14:06:45] andrush85-skype: Тогда наверное лучше классы проставить. Посмотрите правильно я добавил код view-source:http://galleryua.com/photo-3/5-/#photo
[14:06:51] andrush85-skype: перед /head
[14:08:46] weblancer ВЕРСТКА Светлана Иванова (ivveta): вообще да, Вы тогда езжайте, а я поразбираюсь, что исправить
[14:08:58] andrush85-skype: ок
[14:15:30] weblancer ВЕРСТКА Светлана Иванова (ivveta): дубль 2
$( 'a.photo' ).click(function( event ) {
event.preventDefault();
var destination = $('.foto').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
$( 'a.dostoprimechatelnosti' ).click(function( event ) {
event.preventDefault();
var destination = $('.nearby-obj').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});[14:16:06] weblancer ВЕРСТКА Светлана Иванова (ivveta): проверила в консоли - ок
[14:28:27 | Змінено в 14:28:31] weblancer ВЕРСТКА Светлана Иванова (ivveta): хлебные крошки готовы
[15:08:48] andrush85-skype: ок, сейчас изменю
[15:11:50] andrush85-skype: Изменил, но что-то не срабатывает
[15:16:11] andrush85-skype: Еще надо как-то заменить разделитель http://galleryua.com/photo/images/razd.jpg на знак >
[15:29:00] andrush85-skype: И еще почему-то пропал Логотип https://yadi.sk/i/jg5GySZDi5odz
[15:53:17] andrush85-skype: и сбился цвет шрифта https://yadi.sk/i/IJ-wZd-vi5pSp
[18:00:06] weblancer ВЕРСТКА Светлана Иванова (ivveta): иконки гербов и флаг на хлебных крошках оставляем?
[18:05:36] andrush85-skype: да
[18:12:12] weblancer ВЕРСТКА Светлана Иванова (ivveta): про логотип, это я тестила и у меня уже нет доступа откройте, пожалуйста, auth/css/flow и удалите
.header .logo h1 .item-1 {
display: none;
}
[18:13:28] andrush85-skype: ок, сделал
[18:14:41] andrush85-skype: Хорошо, у нас с Вами осталось только движение по странице.
[18:14:54] andrush85-skype: Вы говорите при праве в консоли у Вас оаботает JS
[18:14:56 | Видалено в 18:15:12] andrush85-skype: Повідомлення видалене.
[18:15:06] andrush85-skype: ?
[18:16:56] andrush85-skype: А как Вы вставили разделитель? Я смотрю, что
/*background: url("/photo/images/razd.jpg") no-repeat scroll 96% 1px ;*/ закоментили, а где добавили стрелочку?
[18:18:41] weblancer ВЕРСТКА Светлана Иванова (ivveta): цвет шрифта
в adaptive-galery/6/photo.../css/custom.css
добавить
.grid-item .lable-container h3 {
color: #FFF;
}
[18:19:43] weblancer ВЕРСТКА Светлана Иванова (ivveta): стрелочки
$(".crumbs-menu div.ukraine").append('<a href="/photo"><img src="/photo/media/k2/categories/0.jpg"><span>Украина</span></a> >');
if(i == 0) container.append('<a href="'+item.url+'" ><img src="/photo/media/k2/categories'+ico+'"><span>'+item.name+'</span></a> >');
[18:25:19] weblancer ВЕРСТКА Светлана Иванова (ivveta): попробуйте обернуть скрипт в
$(document).ready(function(){
...
});
[18:26:07] weblancer ВЕРСТКА Светлана Иванова (ivveta): то есть
$(document).ready(function(){
$( 'a.photo' ).click(function( event ) {
event.preventDefault();
var destination = $('.foto').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
$( 'a.dostoprimechatelnosti' ).click(function( event ) {
event.preventDefault();
var destination = $('.nearby-obj').offset().top ;
$('body,html').animate({ scrollTop: destination }, 400);
});
});[18:58:50] weblancer ВЕРСТКА Светлана Иванова (ivveta): Дмитрий?
Теперь все работает!
- Для комментирования войдите или зарегистрируйтесь
Print 
PDF