Оцените мой сайт

upload_2016-11-24_0-29-46.png
Текст про консультацию не адаптивится.
 
  • Заблокирован
  • #13
spbskull написал(а):
А не подскажешь как сделать чтобы был адаптивным?
Нажмите для раскрытия...
Пропиши в стилях условия под разные разрешения. А если есть уже блоки стилей под разные разрешения, то просто пропиши в них стили под каждое из разрешений.
Типа:
Код: 
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (min-width: 600px) {

/-------->Тут стили для разрешения 600рх<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 1199px) {

/-------->Тут стили для разрешения 1199px<--------/

}
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 991px) {

/-------->Тут стили для разрешения 991px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 767px) {

/-------->Тут стили для разрешения 767px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 360px) {

/-------->Тут стили для разрешения 360px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 330px) {

/-------->Тут стили для разрешения 330px<--------/

}
 
mar88 написал(а):
Выпадающие меню.
Фиолетовый с пчелами не вяжется. Думаю надо играться с черным, оранжевым, желтым.
Нажмите для раскрытия...

Желтый вообще плохо, черный поставил вроде лучше... но тоже как то не то не лежит как говорится :)
 
dollar1981 написал(а):
Пропиши в стилях условия под разные разрешения. А если есть уже блоки стилей под разные разрешения, то просто пропиши в них стили под каждое из разрешений.
Типа:
Код: 
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (min-width: 600px) {

/-------->Тут стили для разрешения 600рх<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 1199px) {

/-------->Тут стили для разрешения 1199px<--------/

}
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 991px) {

/-------->Тут стили для разрешения 991px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 767px) {

/-------->Тут стили для разрешения 767px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 360px) {

/-------->Тут стили для разрешения 360px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 330px) {

/-------->Тут стили для разрешения 330px<--------/

}
Нажмите для раскрытия...

Ты бы сразу сказал о правилах @media
и дал бы ссылку Для просмотра ссылки Войди или Зарегистрируйся
Если бы я на данный момент с этим не столкнулся, я бы не понял твоего куска кода CSS

И это самый дельный совет воспользоваться media
Меню слетает напрочь, когда уменьшается размер экрана -не адаптивность.
Внизу лого чуток уменьшить, что бы на уровне был с "О проекте" Карта сайта" или последнее убрать.
В логотипе слово Мед как-то нужно выделить.
Для просмотра ссылки Войди или ЗарегистрируйсяНе используйте переадресацию с целевой страницы
На вашей странице нет переадресаций. Подробнее о том, как избегать переадресаций на целевых страницах. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяВключите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.

Объяснение:
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 970 Б (52 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 970 Б (52 %).
Для просмотра ссылки Войди или Зарегистрируйся Используйте кеш браузера
Сократите время ответа сервера
Ваш сервер ответил быстро. Подробнее о том, как сократить время ответа сервера. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или Зарегистрируйся Сократите CSS
Код CSS сокращен. Подробнее о том, как сокращать код CSS. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите HTML
HTML-код сокращен. Подробнее о том, как сокращать HTML-код. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите JavaScript
Сжатие кода JavaScript позволяет сократить объем данных, чтобы ускорить загрузку, обработку и выполнение.

Объяснение:
Сократите код JavaScript на следующих ресурсах, чтобы уменьшить их размер на 10,5 КБ (15 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 6,9 КБ (15 %) после сжатия.
  2. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 3,1 КБ (17 %) после сжатия.
  3. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 540 Б (16 %) после сжатия.
Для просмотра ссылки Войди или Зарегистрируйся Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 5. Количество блокирующих ресурсов CSS на странице: 12. Они замедляют отображение контента.

Объяснение:
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Удалите код JavaScript, препятствующий отображению: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
Оптимизируйте работу CSS на следующих ресурсах: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
  6. Для просмотра ссылки Войди или Зарегистрируйся
  7. Для просмотра ссылки Войди или Зарегистрируйся
  8. Для просмотра ссылки Войди или Зарегистрируйся
  9. Для просмотра ссылки Войди или Зарегистрируйся
  10. Для просмотра ссылки Войди или Зарегистрируйся
  11. Для просмотра ссылки Войди или Зарегистрируйся
  12. Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся Оптимизируйте изображения
Правильный формат и сжатие изображений позволяет сократить их объем.

Объяснение:
Оптимизируйте следующие изображения, чтобы уменьшить их размер на 2,5 КБ (60 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,3 КБ (69 %).
  2. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,2 КБ (53 %).
Оптимизируйте загрузку видимого контента
Содержание верхней части страницы оптимизировано для быстрого отображения. Подробнее о том, как обеспечить быстрое отображение видимой части страницы. (Для просмотра ссылки Войди или Зарегистрируйся)
 
Последнее редактирование:
  • Заблокирован
  • #17
DzSoft написал(а):
Ты бы сразу сказал о правилах @media
и дал бы ссылку Для просмотра ссылки Войди или Зарегистрируйся
Если бы я на данный момент с этим не столкнулся, я бы не понял твоего куска кода CSS

И это самый дельный совет воспользоваться media
Меню слетает напрочь, когда уменьшается размер экрана -не адаптивность.
Внизу лого чуток уменьшить, что бы на уровне был с "О проекте" Карта сайта" или последнее убрать.
В логотипе слово Мед как-то нужно выделить.
Для просмотра ссылки Войди или ЗарегистрируйсяНе используйте переадресацию с целевой страницы
На вашей странице нет переадресаций. Подробнее о том, как избегать переадресаций на целевых страницах. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяВключите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.

Объяснение:
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 970 Б (52 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 970 Б (52 %).
Для просмотра ссылки Войди или Зарегистрируйся Используйте кеш браузера
Сократите время ответа сервера
Ваш сервер ответил быстро. Подробнее о том, как сократить время ответа сервера. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или Зарегистрируйся Сократите CSS
Код CSS сокращен. Подробнее о том, как сокращать код CSS. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите HTML
HTML-код сокращен. Подробнее о том, как сокращать HTML-код. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите JavaScript
Сжатие кода JavaScript позволяет сократить объем данных, чтобы ускорить загрузку, обработку и выполнение.

Объяснение:
Сократите код JavaScript на следующих ресурсах, чтобы уменьшить их размер на 10,5 КБ (15 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 6,9 КБ (15 %) после сжатия.
  2. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 3,1 КБ (17 %) после сжатия.
  3. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 540 Б (16 %) после сжатия.
Для просмотра ссылки Войди или Зарегистрируйся Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 5. Количество блокирующих ресурсов CSS на странице: 12. Они замедляют отображение контента.

Объяснение:
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Удалите код JavaScript, препятствующий отображению: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
Оптимизируйте работу CSS на следующих ресурсах: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
  6. Для просмотра ссылки Войди или Зарегистрируйся
  7. Для просмотра ссылки Войди или Зарегистрируйся
  8. Для просмотра ссылки Войди или Зарегистрируйся
  9. Для просмотра ссылки Войди или Зарегистрируйся
  10. Для просмотра ссылки Войди или Зарегистрируйся
  11. Для просмотра ссылки Войди или Зарегистрируйся
  12. Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся Оптимизируйте изображения
Правильный формат и сжатие изображений позволяет сократить их объем.

Объяснение:
Оптимизируйте следующие изображения, чтобы уменьшить их размер на 2,5 КБ (60 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,3 КБ (69 %).
  2. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,2 КБ (53 %).
Оптимизируйте загрузку видимого контента
Содержание верхней части страницы оптимизировано для быстрого отображения. Подробнее о том, как обеспечить быстрое отображение видимой части страницы. (Для просмотра ссылки Войди или Зарегистрируйся)
Нажмите для раскрытия...
Ну я его дал с учетом того, что хоть какие то познания в этой области есть. Просто применить.
Так что не обессудьте за неразвернутый ответ.
 
dollar1981 написал(а):
Ну я его дал с учетом того, что хоть какие то познания в этой области есть. Просто применить.
Так что не обессудьте за неразвернутый ответ.
Нажмите для раскрытия...
У меня знания есть, но даже я не сразу сообразил и мне подсказали))))))
 
Вообще цветовая гамма понравилась, очень подходит под тематику. Единственное, не работает кнопка "Подписаться" внизу, пишет что я якобы заблокировал возможность получать уведомления. И еще небольшой недочет, на некоторых страницах картинки не слишком качественные, размытые.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху