Отдельный стиль для главной страницы

[panovgor 2]

Подскажите пож, у меня образовался конфликт между style.css и style2.css. style2  - это стили главной страницы, но там есть фишка  - overflow: hidden и position: fixed и это приводит к отсутствию скроллинга в статьях. Может кто подскажет что делать? Как разделить файлы стилей для главной и для статей? 

[odys 384]

7 часов назад, panovgor сказал:

Подскажите пож, у меня образовался конфликт между style.css и style2.css. style2  - это стили главной страницы, но там есть фишка  - overflow: hidden и position: fixed и это приводит к отсутствию скроллинга в статьях. Может кто подскажет что делать? Как разделить файлы стилей для главной и для статей? 

Цитата

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

2. На данном форуме строго запрещено предлагать или навязывать свои платные услуги. За любое сообщение типа "Помогу дешево, ICQ ..." участник блокируется на форуме без предупреждения.

 

3. Обязательно прочитайте разъясняющую тему http://forum.dle-news.ru/announcement/1-определение-понятия-нелегальной-копии-скрипта-и-понятия-nulled/

 

[panovgor 2]

Прошу прощения. Вот тот сайт, где возникла проблема. http://supertest.eurodir.ru/main/1-post1.html

 

[odys 384]

17 часов назад, panovgor сказал:

Как разделить файлы стилей для главной и для статей?

[aviable=main]style1.css[/aviable] - для главной

[not-aviable=main]style2.css[/aviable] - для всех остальных

подробнее тут: http://dle-news.ru/extras/online/startnews.html

[trianon14 7]

3 часа назад, panovgor сказал:

Прошу прощения. Вот тот сайт, где возникла проблема. http://supertest.eurodir.ru/main/1-post1.html

 

В вашем случае восстановить скролинг можно только единственным способом - удалить у body cвойство overflow: hidden. Иначе никак. А вот это -

[aviable=main]style.css[/aviable] 
[not-aviable=main]style2.css[/aviable]

я вижу впервые. И, по-моему, уважаемый odys ошибается. Такой способ работать не будет.

[odys 384]

1 час назад, trianon14 сказал:

удалить у body cвойство overflow: hidden.

так об этом и пишет panovgor, что для главной ему это нужно, а для новости нет!

1 час назад, trianon14 сказал:

Такой способ работать не будет

если тебе лень читать документацию, на вырезку:

Цитата

Тег [available=раздел] текст [/available], выводит текст заключенный в теги если просматривается указанный раздел сайта:

 

Тег принимает параметры аналогичные параметру available тега {custom}. Вы можете комбинировать разделы при помощи "|", например userinfo|register|main

 

Для примера:

 

[available=userinfo|register|main] текст [/available]

 

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

 

Внимание вы можете задать также тег [not-available=userinfo|register|main] текст [/not-available] который полностью противоположен тегу aviable и выводить текст везде кроме перечисленных разделов.

почему я написал aviable, а не available читать тут: http://dle-news.ru/release/1657-datalife-engine-v106-final-release.html#sel=9:1,9:43

 

а ну да, ты же не читаешь инфу по ссылкам...

 

Цитата

8. Для тегов [aviable=x] Текст [/aviable] и [not-aviable=x] Текст [/not-aviable] добавлены теги синонимы [available=x] Текст [/available] и [not-available=x] Текст [/not-available] соответственно. Данные теги являются полностью идентичными синонимами и несут одну функциональную нагрузку, просто написание available является правильным и созвучным для англоязычных пользователей скрипта.

это из релиза dle версии 10.6

[trianon14 7]

1 час назад, odys сказал:

выводит текст заключенный в теги...

ТС, насколько я вижу, нужно подключить к одному сайту два файла стилей css. Причём тут теги DLE вообще? 

[panovgor 2]

23 минуты назад, trianon14 сказал:

ТС, насколько я вижу, нужно подключить к одному сайту два файла стилей css. Причём тут теги DLE вообще? 

Именно так. Нужно, чтобы style.css формировал стили для главной страницы, а style2.css для всех остальных. Вот проблема в этом коде в файле style.css для главной страницы - 

html.fsvs {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; 
}

Но убрать overflow: hidden и position: fixed я категорически не могу - тогда полностью перестаёт работать главная страница и тамошний вертикальный слайдер.

4 часа назад, odys сказал:

[aviable=main]style1.css[/aviable] - для главной

[not-aviable=main]style2.css[/aviable] - для всех остальных

подробнее тут: http://dle-news.ru/extras/online/startnews.html

Если честно не совсем понял что это. Растолкуйте, плиз. По ссылке вообще ничего о css нет. Я этими тегами работаю с разделами сайта. А как css прикрутить сюда?

 

Изменено 26 марта 2016 пользователем panovgor

[panovgor 2]

Небольшое добавление - нужно убрать оба параметра overflow: hidden и position: fixed для восстановления скролинга. Но как и писал при этом ломается главная стр.  

[trianon14 7]

30 минут назад, panovgor сказал:

Именно так. Нужно, чтобы style.css формировал стили для главной страницы, а style2.css для всех остальных.

Сделайте копию шаблона, назовите Мойшаблон2 и сделайте его шаблоном для категорий. Ну и удалите оттуда то что вам мешает.

[odys 384]

44 минуты назад, panovgor сказал:

Растолкуйте, плиз

в main.tpl вместо ссылки на стиль:

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]

это условие при котором на всех страницах сайта будет style2.css, а на главной style.css

19 минут назад, trianon14 сказал:

Сделайте копию шаблона, назовите Мойшаблон2 и сделайте его шаблоном для категорий

бред полнейший...

[trianon14 7]

36 минут назад, odys сказал:

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]

[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]

Вот это действительно полнейший бред))

[panovgor 2]

53 минуты назад, odys сказал:

в main.tpl вместо ссылки на стиль:

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]

это условие при котором на всех страницах сайта будет style2.css, а на главной style.css

К сожалению такая комбинация приводит к полной неработоспособности сайта. Может ещё есть какие-то варианты?

 

UPD. Сделал короче альтернативный шаблон для категорий. Работает. По крайней мере можно двигаться дальше, а потом уже решу что с этим хозяйством делать.

Изменено 27 марта 2016 пользователем panovgor

[alex32 934]

5 минут назад, panovgor сказал:

К сожалению такая комбинация приводит к полной неработоспособности сайта.

К полной неработоспособности сайта приводит не эта комбинация, которая вполне себе единственно верная, а кривые руки.  Что они кривые это по коду видно. два подключения jquery, это как понимать:

<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />
</head>
<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />
<body>

  

 

 

 

Вставляете неправильно,  или лежат не там. а вот правильный  ответ на вопрос

 

23 часа назад, panovgor сказал:

 Как разделить файлы стилей для главной и для статей?

вам уже дали

 

47 минут назад, odys сказал:

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable] [not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]

И это ПРАВИЛЬНЫЙ ответ на ваш вопрос
 

1 час назад, trianon14 сказал:

Сделайте копию шаблона, назовите Мойшаблон2 и сделайте его шаблоном для категорий. Ну и удалите оттуда то что вам мешает.

ну это обсуждать нет смысла, ибо  из-за одного свойства сcss целый шаблон воротить реально бред
 

[panovgor 2]

16 минут назад, alex32 сказал:

И это ПРАВИЛЬНЫЙ ответ на ваш вопрос

Не работает этот метод. Где вы там видите ошибку в подключении стилей? Может как-то по другому надо прописывать всё же? И причём тут создание нового шаблона? Это ж просто копия, где из <head> удалён style.css  

Изменено 27 марта 2016 пользователем panovgor

[alex32 934]

там все сплошная ошибка. как ЭТО может работать?

 

<link rel="stylesheet" href="/templates/Russian2/css/style.css" />
<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />
</head>
<link rel="stylesheet" href="/templates/Russian2/css/style.css" />
<body>

Этот бред у вас в шаблоне. На главной странице. А этот бред в статьях

<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />
 <link rel="stylesheet" href="/templates/Russian2/css/engine.css" /> 
</head>
<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />
<body>

И как ЭТО может правильно работать? Где вы видели подключение стилей между хеад и боди? Это я уж не говорю, чего стоит секция head в целом.

 

Какой файл у вас для главной а какой дл внутренних страниц?

Короче, уберите ВСЕ в main.tpl начиная  с <!doctype html> и заканчивая открывающим  <body> и вместо этого вставьте нормальный код

<!doctype html>
<html class="fsvs demo" lang="ru">
<head>
{headers}
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{THEME}/css/font-awesome.css" />
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это для главной страницы-->
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/not-aviable]<!--Это для внутренних страниц-->
<link rel="stylesheet" href="{THEME}/css/engine.css" />
<link rel="stylesheet" href="{THEME}/css/animate.css" />
<script src="{THEME}/js/modernizr.js"></script>
<script src="{THEME}/js/scripts.js"></script>
<script src="{THEME}/js/active.js"></script>
<script src="{THEME}/js/jquery.carouFredSel-5.6.4-packed.js"></script>
<script src="{THEME}/js/jquery-migrate-1.2.1.min.js"></script>
<script src="{THEME}/js/jquery.swipe-events.js"></script>
<script src="{THEME}/js/prismjs.js"></script>
<script src="{THEME}/js/fsvs.js"></script>
<script src="{THEME}/js/main.js"></script>
</head>
<body>

 

только в этих строчках

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это для главной страницы-->
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/not-aviable]<!--Это для внутренних страниц-->

правильность названий  файлов проверьте


 

Изменено 27 марта 2016 пользователем alex32

[panovgor 2]

 

21 минуту назад, alex32 сказал:

Где вы видели подключение стилей между хеад и боди?

Не припоминаю чтобы я стили туда ставил. Но в любом случае я всё лишнее убрал, а предложенный вариант всё равно приводит к неработоспособности сайта. 

[panovgor 2]

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]<!--Это для главной страницы-->
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]<!--Это для внутренних страниц-->

У меня в коде вот так сейчас. Но сайт всё равно разрушен. При этом если смотреть исходный код в браузере, то вторая строка вообще не видна. Непонятно. Если же я убираю теги [aviable=main] и т.д., то вёрстка восстанавливается, но и скролинг пропадает. 

Изменено 27 марта 2016 пользователем panovgor

[alex32 934]

25 минут назад, panovgor сказал:

У меня в коде вот так сейчас. Но сайт всё равно разрушен. При этом если смотреть исходный код в браузере, то вторая строка вообще не видна. Непонятно. Если же я убираю теги [aviable=main] и т.д., то вёрстка восстанавливается, но и скролинг пропадает.

Она и не должна быть видна, в этом и есть весь смысл. style.css подключается на главной страницах и НЕ подключается на остальных. style2.css НЕ подключается на главной и подключается на остальных. Или надо вывести

 

<link rel="stylesheet" href="{THEME}/css/style.css" />

на всех страницах а на главной так

<link rel="stylesheet" href="{THEME}/css/style.css" />
<link rel="stylesheet" href="{THEME}/css/style2.css" />

так что ли? на главной два файла подключить а на внутренних один? НУ  так тогда так и пишите

<link rel="stylesheet" href="{THEME}/css/style.css" /><!--Это выводится везде и всегда-->
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это только на главной-->

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

 

 

43 минуты назад, panovgor сказал:

Не припоминаю чтобы я стили туда ставил.

Но он там есть.между закрывающим </head> и открывающим <body> Кроме того: Два раза подключен jquery. Строчка <meta charset="UTF-8"> не нужна. Шрифт  два раза подключен.

.<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>

 и фонт-авесом тоже за каким то хреном два раза подключен. про этот бред

	</head>
	


<link rel="stylesheet" href="/templates/Russian2/css/style2.css" />

<body>

я уже сказал. Сайт точно на английском языке?

<html class="fsvs demo" lang="en">

Я дал нормальную секцию head, а там какой то идиотизм написан

<!doctype html>
<html class="fsvs demo" lang="ru">
<head>
{headers}
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{THEME}/css/font-awesome.css" />
<link rel="stylesheet" href="{THEME}/css/style.css" /><!--Это везде-->
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это только на главной странице-->
<link rel="stylesheet" href="{THEME}/css/engine.css" />
<link rel="stylesheet" href="{THEME}/css/animate.css" />
<script src="{THEME}/js/modernizr.js"></script>
<script src="{THEME}/js/scripts.js"></script>
<script src="{THEME}/js/active.js"></script>
<script src="{THEME}/js/jquery.carouFredSel-5.6.4-packed.js"></script>
<script src="{THEME}/js/jquery-migrate-1.2.1.min.js"></script>
<script src="{THEME}/js/jquery.swipe-events.js"></script>
<script src="{THEME}/js/prismjs.js"></script>
<script src="{THEME}/js/fsvs.js"></script>
<script src="{THEME}/js/main.js"></script>
</head>
<body>

 

Изменено 27 марта 2016 пользователем alex32

[panovgor 2]

 

33 минуты назад, alex32 сказал:

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

Вы всё правильно поняли. Но в любом случае и ваш вариант кода тоже не даёт результата. Сайт в руинах из-за тегов разделения стилей. 

UPD. Попробовал на другом полностью рабочем сайте эту приблуду - та же фигня. Вёрстка сыпется. Может всё-таки как-то по другому прописывать?

Изменено 27 марта 2016 пользователем panovgor

[alex32 934]

еще раз. Есть два файла стилей style и style2. Как и где какой должен подключаться?

 

я же дал измененный вариант, внимательнее надо быть

 

<!doctype html>
<html class="fsvs demo" lang="ru">
<head>
{headers}
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{THEME}/css/font-awesome.css" />
<link rel="stylesheet" href="{THEME}/css/style.css" /><!--Это везде и всегда-->
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это только на главной странице-->
<link rel="stylesheet" href="{THEME}/css/engine.css" />
<link rel="stylesheet" href="{THEME}/css/animate.css" />
<script src="{THEME}/js/modernizr.js"></script>
<script src="{THEME}/js/scripts.js"></script>
<script src="{THEME}/js/active.js"></script>
<script src="{THEME}/js/jquery.carouFredSel-5.6.4-packed.js"></script>
<script src="{THEME}/js/jquery-migrate-1.2.1.min.js"></script>
<script src="{THEME}/js/jquery.swipe-events.js"></script>
<script src="{THEME}/js/prismjs.js"></script>
<script src="{THEME}/js/fsvs.js"></script>
<script src="{THEME}/js/main.js"></script>
</head>
<body>

 

теперь на главной будет так

<link rel="stylesheet" href="{THEME}/css/style.css" />
<link rel="stylesheet" href="{THEME}/css/style2.css" />

а внутри только

<link rel="stylesheet" href="{THEME}/css/style.css" />

 

Изменено 27 марта 2016 пользователем alex32

[panovgor 2]

Я видел, что в вашем коде немного по другому. Поэтому я взял ваш head и вот эти строки 

<link rel="stylesheet" href="{THEME}/css/style.css" /><!--Это везде и всегда-->
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это только на главной странице-->

заменил на эти

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]<!--Это для главной страницы-->
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]<!--Это для внутренних страниц-->

Но всё равно не работает. А вот если я перезаливаю мой же шаблон в папку templates, переименовываю, удаляю style.css, выставляю этот шаблон для категорий, то действительно работает - и главная корректно отображается и внутренние страницы скроллятся. То есть по идее, если бы теги разделяли стили, то всё должно работать в одном шаблоне. Но не работает.

Изменено 27 марта 2016 пользователем panovgor

[alex32 934]

да блин, а зачем

7 минут назад, panovgor сказал:

<link rel="stylesheet" href="{THEME}/css/style.css" /><!--Это везде и всегда-->
[aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/aviable]<!--Это только на главной странице-->

заменил на эти

[aviable=main]<link rel="stylesheet" href="{THEME}/css/style.css" />[/aviable]<!--Это для главной страницы-->
[not-aviable=main]<link rel="stylesheet" href="{THEME}/css/style2.css" />[/not-aviable]<!--Это для внутренних страниц-->

ЕЩЕ РАЗ!  КАКИЕ СТИЛИ ДОЛЖНВ ВЫВЕСТИСЬ НА ГЛАВНОЙ И КАКИЕ ВНУТРИ?
 

[panovgor 2]

19 минут назад, alex32 сказал:

ЕЩЕ РАЗ!  КАКИЕ СТИЛИ ДОЛЖНВ ВЫВЕСТИСЬ НА ГЛАВНОЙ И КАКИЕ ВНУТРИ?

style.css - для главной

style2.css - для внутренних страниц

[alex32 934]

по одному файлу или на главной два а внутри один?