Jump to content

Yserty

Newbie
  • Posts

    3
  • Joined

  • Last visited

Information

  • Sex
    мужской

Yserty's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я решил скрыть часть списка заголовков статей, что располагаются в левом сайдбаре и сделал возможность их открытия по ссылке "Read more…". Теперь этот сайдбар можно показывать всегда, но РАЗМЕСТИВ его ПЕРЕД правым сайдбаром , с заимствованием ширины последнего. Как реализовать размещение левого сайдбара перед правым при разрешении дисплея вплоть до 1024px, а с 1025px возвращения его обратно в левую сторону? Макет страницы https://jsfiddle.net/u0t72dgh/
  2. Очень даже актуально, но это решение не подходит по причине того, что после этого кнопка с градиентом съезжает далеко вниз, и по сути смысл теряется её... должен быть небольшой отступ. Я даже картинку нарисовал, как должно быть.
  3. Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy