Организовать перемещения кода СЕО текста наверх под H1 c помощью Java

HTML-версткаЗавершен4 заявки335 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Данный функционал описываетсяна примере сайта seo-akademiya.com

  • Заходим сюда http://seo-akademiya.com/baza-znanij/osnovyi-seo/
  • Нажимаем мышкой в начало сео блока и просмотреть код
  • Нужно обратить внимание на 2 блока -> .seo-abs и .seo-fix

  • Сео текст визуально из одного места на сайте “перемещается”

    в другое с помощью javascript. У нас на сайте

    эта манипуляция происходит в файле

    http://seo-akademiya.com/assets/public/js/common.min.js в самом конце

  • При ресайзе или загрузки окна/документа запускается функция

    • resizeSeo();

  • Если есть на странице блок с классом seo-abs (.seo-abs) далее БЛОК А, тогда скрипт узнает высоту этого блока (height = $('.seo-abs').height();), ширину этого блока (width = $('.seo-abs').width();) до “перемещения” вниз страницы.
  • Далее узнаем позицию блока относительно начала страницы куда

    • нужно перемещать сео текст (pos = $('.seo-fix').position();) далее БЛОК Б

  • Задаем блоку Б высоту равную высоте блока А ($('.seo-fix').height(height);)
  • И теперь перемещаем блок с сео текстом вниз, в то место где

    • находится БЛОК Б ($('.seo-abs').css({top:pos.top });)

  • В результате визуально сео текст снизу, в исходном коде он так и

    • остается вверху, так как javascript не может

    его на сервере поменять.

  • Обязательно до всех этих манипуляций должна подключаться

    • библиотека jQuery

JavascriptCSSjQueryJava
7 лет назад
AndRu4a
Андрей 
42 годаРоссия
16 лет в сервисе
Был
2 года назад
Выбранный исполнитель
ArtGenSky
Артур 
30 летРоссия
7 лет в сервисе
Был
5 лет назад
7 лет назад
$5
1 день
Все отлично! Молодец
Рад сотрудничеству! Рекомендую!
  • Похожие заказы

  • Программирование (сменить дизайн) настроить сайт..

    Доброго времени суток ! Требуется верстальщик (программист). - поменять существующему сайту шапку - баннер (сама шапка готова) - поменять расположение кнопок - настроить правильную работу сайта - внести новую информацию на сайт  (*может что то еще забыл, сайт на WP)

    WordPress
    HTML-верстка1 исполнитель
    Завершен
    7 лет назад

  • Верстка на WP или на MODx шаблона

    Нужен адаптивный кроссбраузерный и т.п.  шаблон для WP или MODx на основе дизайна , который в приложении. Будет около 8-10 более менее типовых страниц.  Натянуть на движок. В проекте указывайте примерную стоимость, сроки и опыт работ. Какую CMS ...

    WordPressMODX
    HTML-верстка11 заявок
    Закрыт
    7 лет назад

  • Доработать сайт для посетителей.

    $15

    Здравствуйте! Есть сайт. Необходимо довести его до ума в плане оформления. На данный момент тексты отображаются не очень корректно на мобильной версии ну и через браузер тоже. Необходимо все поправить на сайте что бы не ...

    Joomla
    HTML-верстка1 исполнитель
    Завершен
    7 лет назад

  • Дизайн и верстка таблицы сравнения товаров

    На сайте [url=https://www.blockmodul.com.ua/][/url][url=https://www.blockmodul.com.ua/]https://www.blockmodul.com.ua[/url] (на DLE) нужно изменить страницу сравнения класса изделий( [url=https://www.blockmodul.com.ua/tehnicheskoe-opisanie-blok-konteynerov.html][/url][url=https://www.blockmodul.com.ua/tehnicheskoe-opisanie-blok-konteynerov.html]https://www.blockmodul.com.ua/tehnicheskoe-opisanie-blok-konteynerov.html[/url] ) сгруппировав информацию в аккуратную, симпатичную таблицу.  Должен поддерживаться адаптив, легко редактироваться все элементы, желательно через админпанель. Подробности в т.з.

    DLE
    HTML-верстка1 исполнитель
    Завершен
    7 лет назад

  • Верстка сайта

    Ищу исполнителя чтобы сверстать дизайн 4 страниц: - Главная посадочная с 4 блоками (4 экрана в длину) И три однотипные страницы в один экран: - Страница заказа услуги (5 полей для ввода текста/выбора услуги) ...

    Верстка сайта
    HTML-верстка34 заявки
    Закрыт
    7 лет назад