Перейти к публикации

На некоторых страницах не работают css стили хотя все верно прописал...


Рекомендованные сообщения

Сайт https://read-script.com/

Обратите внимание на задний фон и кнопки в сайдбаре! - Они работают (То есть стили работают)

теперь заходим на страницу категории https://read-script.com/raznoe/ как видим задний фон и кнопки телеграм ютуб в сайдбаре не работают! (То есть стили не подгружаются)

В styles.css я уже все прописал опять же как видим на главной работает! Даже стыдно спрашивать мало ли тупой вопрос (

PLEASE HELP ME!!!

Ссылка на сообщение
Поделиться на других сайтах

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)

<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

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

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, TeraMoune сказал:

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)


<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

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

Спасибо с картинками кнопки получилось но вот с файлом particlesjs-config.json никак не получается( подключить не могу или даже не знаю что там

Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, TeraMoune сказал:

В ссылке блока телеграм каналов странное присутствие левых символов в ссылке. Но оно встречается на обоих страницах. И не влияет на проблему.

А проблема в этом:

В ссылке на изображение оно начинается с templates и в src не указан начальный root домен или как минимум неправильно прописан путь. От чего на странице https://read-script.com/raznoe/ происходит попытка открыть изображение по адресу https://read-script.com/raznoe/templates/read-script/images/telegram2.svg.

Тоже самое происходит с файлом particlesjs-config.json он подключается из корня сайта, а когда попадаете на страницу категории или любую другую с чпу ссылкой то чпу подставляется как корневой путь.

В шаблонах есть замечательный тег {THEME} который обеспечивает актуальный путь в директорию вашего шаблона. Этот тег используется для многих ситуаций когда надо прописать путь к чему-то, что расположено в шаблоне. (Посмотрите на то как он применяется в шаблоне по умолчанию)




<link rel="shortcut icon" href="{THEME}/images/favicon.ico">
<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">

<link href="{THEME}/css/engine.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/styles.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/tooltipster.bundle.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/magnific-popup.css" type="text/css" rel="stylesheet">

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

Вопрос закрыт

Ссылка на сообщение
Поделиться на других сайтах
15 часов назад, blackphoenix сказал:

Вопрос закрыт

Кстати ваш фон на заднем плане он судя по вашему сайту нигде даже не используется) Его прикол чтоб кликать и там сетка размножается, а у вас даже таких мест на сайте нет, но при этом этот скрипт добавляет в структуру DOM около 200 позиций, что немного влияет на скорость загрузки и тд. А по сути, если им никто не пользуется и его почти не видно, то я бы лично убрал его, что я собственно на своем сайте и сделал)

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...