0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 938 Просмотров
*

stas8289

  • Новичок
  • 4
  • 0 / 0
Ребят, всем привет :)
Проблема вот в чем, передо мной стоит задача: исполнить валидность кода, соответственно сайт на Joomla 2.5
В чем проблема? ДА В ТОМ, ЧТО ВАЛИДАТОР http://validator.w3.org/ написал о том что в моем документе нельзя использовать тег style в конце документа (доктайпы менял - не помогло), вот то что выдает валидатор:
 Line 197, Column 24: document type does not allow element "style" here
<style type="text/css" >

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
Вот этот кусок из из исходного кода:
<style type="text/css" >

.box_skitter_large89 {width:960px;height:200px;}


.box_skitter_small {width:200px;height:200px;}

.box_skitter {border:0px solid #000; background:#000}
.label_skitter h5
{
padding-left: 10px !important;

}
.label_skitter h5,.label_skitter h5 a{

margin:0;


font-family: BebasNeueRegular !important;


font-size:22px !important;

font-weight:normal !important;

text-decoration:none !important;

padding-right: 5px !important;

padding-bottom:0px !important;

padding-top:5px !important;

color:#fff !important;

line-height:27px !important;

display: block !important;
text-align:left !important;

}

.label_skitter p{

letter-spacing: 0.4px !important;

line-height:15px !important;

margin:0 !important;


font-family: Arial, Helvetica, sans-serif !important;


font-size:10px !important;

padding-left: 10px !important;

padding-right: 5px !important;

padding-bottom:2px !important;

padding-top:0px !important;

color:#fff !important;

z-index:10 !important;

display: block !important;
text-align:left !important;


}





</style>



А вот этот кусок кода из файла default.php

<style type="text/css" >

.box_skitter_large<?php echo $module->id;?> {width:<?php echo $slidewidth;?>px;height:<?php echo $slideheight; ?>px;}

<?php echo $margin;?>

.box_skitter_small {width:200px;height:200px;}

.box_skitter {border:<?php echo $border;?>px solid <?php echo $bordercolor;?>; background:<?php echo $backgroundcolor;?>}
.label_skitter h5
{
padding-left: 10px !important;

}
.label_skitter h5,.label_skitter h5 a{

margin:0;

<?php if($titlefont!="default")

{ ?>

font-family: <?php echo $titlefont;?> !important;

<?php } ?>

font-size:<?php echo $labelsize;?>px !important;

font-weight:normal !important;

text-decoration:none !important;

padding-right: 5px !important;

padding-bottom:0px !important;

padding-top:5px !important;

color:<?php echo $labelcolor;?> !important;

line-height:<?php echo $labelsize+5;?>px !important;

display: block !important;
text-align:left !important;

}

.label_skitter p{

letter-spacing: 0.4px !important;

line-height:<?php echo $descsize+5;?>px !important;

margin:0 !important;

<?php if($descfont!="default")

{ ?>

font-family: <?php echo $descfont;?> !important;

<?php } ?>

font-size:<?php echo $descsize;?>px !important;

padding-left: 10px !important;

padding-right: 5px !important;

padding-bottom:2px !important;

padding-top:0px !important;

color:<?php echo $desccolor;?> !important;

z-index:10 !important;

display: block !important;
text-align:left !important;


}

<?php if($numbers!="" && $numberspos=="bottom")

{

?>

.box_skitter .info_slide {position:absolute;top:100%; margin-top:15px; }

.box_skitter {margin-bottom:40px;}

<?php } ?>

<?php if($numbers!="" && $numberspos=="top")

{

?>

.box_skitter .info_slide {position:absolute;top:-45px; }

.box_skitter {margin-top:30px;}

<?php } ?>

<?php if($arrows=="true" && $arrowspos=="bottom")

{

?>

.prev_button {top:100%; margin-top:10px;margin-bottom:25px;}

.box_skitter .next_button {top:100%;margin-top:10px;margin-bottom:25px;}

.box_skitter {margin-bottom:50px;}

<?php } ?>

<?php if($arrows=="true" && $arrowspos=="top")

{

?>

.prev_button {top:-25px; }

.box_skitter .next_button {top:-25px; }

.box_skitter {margin-top:50px;}

<?php } ?>

</style>
Как бы мне все это запихнуть в один CSS файл так чтоб баннер с изображениями никуда не ускокал?
Модуль называется: AutsonSlideShow
Есть какие нибудь у кого нибудь варианты?
*

darkghost

  • Живу я здесь
  • 2159
  • 95 / 0
в самом теле исходного кода модуля содержится настройка CSS, которая включает "переменные"
Как вариант, вынести этот CSS в отдельный файл, например AutsonSlideShow-css.php (так как есть пхп-переменные). Вопрос только в одном - как связать эти переменные, которые очевидно связаны с админкой и самим файлом - AutsonSlideShow-css.php ?
Вариант второй. Вынести CSS модуля в общий файл CSS шаблона и вместо переменных прописать жесткие данные (цифры)
Решение может показаться абсурдным, но как вариант может быть
« Последнее редактирование: 23.12.2013, 13:34:10 от darkghost »
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
http://docs.joomla.org/JDocument/addStyleSheet

Код
if ($module->id == '100500') {
$doc->addStyleSheet( 'http://www.example.com/css/module-style-100500.css' );
} else {
$doc->addStyleSheet( 'http://www.example.com/css/module-style.css' );
}

Ну как-то так....
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

stas8289

  • Новичок
  • 4
  • 0 / 0
Цитировать
http://docs.joomla.org/JDocument/addStyleSheet
Код:
Код
if ($module->id == '100500') {
$doc->addStyleSheet( 'http://www.example.com/css/module-style-100500.css' );
} else {
$doc->addStyleSheet( 'http://www.example.com/css/module-style.css' );
}
Ну как-то так....
А можно поподробне?
Цитировать
в самом теле исходного кода модуля содержится настройка CSS, которая включает "переменные"
Как вариант, вынести этот CSS в отдельный файл, например AutsonSlideShow-css.php (так как есть пхп-переменные). Вопрос только в одном - как связать эти переменные, которые очевидно связаны с админкой и самим файлом - AutsonSlideShow-css.php ?
Вариант второй. Вынести CSS модуля в общий файл CSS шаблона и вместо переменных прописать жесткие данные (цифры)
Решение может показаться абсурдным, но как вариант может быть
Я делал это - не помогло, CSS не видит переменные php, а прописав жесткие данные при заходе с ноута модуль неверно отображается, хотя данные я скопировал из исходного кода.....
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
В шаблоне модуля (defaul.php) прописываете условия и подгружаете нужные стили. Куда ж еще подробнее?
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

stas8289

  • Новичок
  • 4
  • 0 / 0
Цитировать
В шаблоне модуля (defaul.php) прописываете условия и подгружаете нужные стили. Куда ж еще подробнее?
Просто ка бы условие прописать не проблема но CSS не понимает php насколько я знаю а код выглядит именно так и поместить в CSS файл я его не могу:
Код
<style type="text/css" >

.box_skitter_large<?php echo $module->id;?> {width:<?php echo $slidewidth;?>px;height:<?php echo $slideheight; ?>px;}

<?php echo $margin;?>

.box_skitter_small {width:200px;height:200px;}

.box_skitter {border:<?php echo $border;?>px solid <?php echo $bordercolor;?>; background:<?php echo $backgroundcolor;?>}
.label_skitter h5
{
padding-left: 10px !important;

}
.label_skitter h5,.label_skitter h5 a{

margin:0;

<?php if($titlefont!="default")

{ ?>

font-family: <?php echo $titlefont;?> !important;

<?php } ?>

font-size:<?php echo $labelsize;?>px !important;

font-weight:normal !important;

text-decoration:none !important;

padding-right: 5px !important;

padding-bottom:0px !important;

padding-top:5px !important;

color:<?php echo $labelcolor;?> !important;

line-height:<?php echo $labelsize+5;?>px !important;

display: block !important;
text-align:left !important;

}

.label_skitter p{

letter-spacing: 0.4px !important;

line-height:<?php echo $descsize+5;?>px !important;

margin:0 !important;

<?php if($descfont!="default")

{ ?>

font-family: <?php echo $descfont;?> !important;

<?php } ?>

font-size:<?php echo $descsize;?>px !important;

padding-left: 10px !important;

padding-right: 5px !important;

padding-bottom:2px !important;

padding-top:0px !important;

color:<?php echo $desccolor;?> !important;

z-index:10 !important;

display: block !important;
text-align:left !important;


}

<?php if($numbers!="" && $numberspos=="bottom")

{

?>

.box_skitter .info_slide {position:absolute;top:100%; margin-top:15px; }

.box_skitter {margin-bottom:40px;}

<?php } ?>

<?php if($numbers!="" && $numberspos=="top")

{

?>

.box_skitter .info_slide {position:absolute;top:-45px; }

.box_skitter {margin-top:30px;}

<?php } ?>

<?php if($arrows=="true" && $arrowspos=="bottom")

{

?>

.prev_button {top:100%; margin-top:10px;margin-bottom:25px;}

.box_skitter .next_button {top:100%;margin-top:10px;margin-bottom:25px;}

.box_skitter {margin-bottom:50px;}

<?php } ?>

<?php if($arrows=="true" && $arrowspos=="top")

{

?>

.prev_button {top:-25px; }

.box_skitter .next_button {top:-25px; }

.box_skitter {margin-top:50px;}

<?php } ?>

</style>
*

artel-st

  • Захожу иногда
  • 350
  • 37 / 1
Вы читали что Вам посоветовали сделать? Если бы читали, то не задавали бы подобный вопрос.

http://docs.joomla.org/JDocument/addStyleSheet

Код
if ($module->id == '100500') {
$doc->addStyleSheet( 'http://www.example.com/css/module-style-100500.css' );
} else {
$doc->addStyleSheet( 'http://www.example.com/css/module-style.css' );
}

Создаете разные CSS-файлы, с разными стилями.
В шаблоне прописываете условия и грузите нужный CSS, в зависимости о условий.
php-код в php-файлах, CSS - в CSS. В куче все писать не нужно.
"Жираф - это лошадь, выполненная по всем требованиям заказчика" (с) кто-то из дизайнеров
*

stas8289

  • Новичок
  • 4
  • 0 / 0
Цитировать
Создаете разные CSS-файлы, с разными стилями.
В шаблоне прописываете условия и грузите нужный CSS, в зависимости о условий.
php-код в php-файлах, CSS - в CSS. В куче все писать не нужно.
Прошу прощения, действительно ступил, спасибо большое за помощь:)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема из chosen.php генерит js ошибку

Автор platonische

Ответов: 0
Просмотров: 742
Последний ответ 20.05.2020, 11:11:03
от platonische
Проблема с кешем?

Автор bandanu

Ответов: 5
Просмотров: 1248
Последний ответ 29.11.2019, 00:57:10
от gartes
Проблема с настройками вывода материалов в 2 колонки

Автор TowRed

Ответов: 31
Просмотров: 14038
Последний ответ 04.10.2019, 06:01:24
от Sveta2889
Управление модулем из другого модуля

Автор capvic

Ответов: 7
Просмотров: 735
Последний ответ 27.05.2019, 11:46:21
от capvic
Проблема после обновление с 2.5.19 на 2.5.28

Автор Осет72

Ответов: 5
Просмотров: 902
Последний ответ 08.01.2017, 16:20:14
от ProtectYourSite