Не отображается графика из CSS, править.htaccess?

01Kuzma

Захожу иногда
171
1 / 0

Не отображается графика из CSS, править.htaccess?

« : 09.10.2014, 22:43:28 »

Добрый день!
Снова столкнулся с проблемой: путями в CSS.
Имеем самописный шаблон. Когда-то к нему прикручивал библиотуке PIE, с которой очень сильно намучался.
Она не грузилась, Joomla её не видела. РЕшение было таково: поместить PIE в корневой каталог и в .htaccess добавить правила:

Код

AddType text/x-component .htc
RewriteRule ^(.*)PIE.htc$ pie/PIE.htc [L]

На этом про пути я забыл.

Сейчас встала необходимость прикрутить иконки к шаблону. Нашёл мне подходящий набор:
https://github.com/adamfairhead/webicons

Структура архива: webicons.css и папка с иконками - webicons

Всё это добро я поместил в папку CSS своей темы: templates/template_name/css -->webicons
webicons.css

Соответственно никакие картинки не грузятся.
Как с этим бороться?
Спец. правило в .htaccess

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #1 : 09.10.2014, 23:03:01 »

а подключить то подключили новый CSS файл в теге head вашего index.php файла? (я про index.php файл конкретно шаблона)
? вот такая конструкция

Код

<link rel="stylesheet" type="text/css" href="название папки где все стили css/название самого файла css">

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #2 : 09.10.2014, 23:04:15 »

Естественно:

Код

$doc->addStyleSheet('templates/'.$this->template."/css/webicons.css");

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #3 : 09.10.2014, 23:05:11 »

Цитата: 01Kuzma от 09.10.2014, 23:04:15

Естественно:

Код

$doc->addStyleSheet('templates/'.$this->template."/css/webicons.css");

киньте ссылку на сайт пожалуйста

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #4 : 09.10.2014, 23:08:15 »

Пожалуйста:
http://www.komunikacija.ru/kontakty/kontakty
У контактов подгружаются тоьлко контуры

Записан

robert

Живу я здесь
4974
457 / 20

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #5 : 09.10.2014, 23:14:26 »

А какие рисунки должны грузиться? Я вижу рисунки на сайте.

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #6 : 09.10.2014, 23:17:27 »

Файрбаг показывает что основной и общий для всех класс webicon подгружается...а вот на счет отдельных классов skype, email ничего нет...в исходном коде класс вроде бы и присвоен, но правил для класса нет...гляньте через файрбаг и увидите

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #7 : 09.10.2014, 23:19:02 »

После "e-mail:" должна появится иконка, там ссылка с классом

Код

webicon mail

.webicon срабатывает, т.к. стиль этого класса описан в webicons.css, но сама картинка уже не грузится, ибо путь из CSS файла указывает:

Код

background: url("webicons/webicon-mail-m.png");

а такие пути Юмла без напильника не понимает

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #8 : 09.10.2014, 23:21:18 »

Цитата: 01Kuzma от 09.10.2014, 23:19:02

После "e-mail:" должна появится иконка, там ссылка с классом
Код
webicon mail
.webicon срабатывает, т.к. стиль этого класса описан в webicons.css, но сама картинка уже не грузится, ибо путь из CSS файла указывает:
Код
background: url("webicons/webicon-mail-m.png");

а у вас по этому адресу что лежит? и уверенны ли вы что класс присвоили верный...просто вы пишите что класс вот такой webicon mail....а файрбаг показывает что класс присвоен вот такой webicon email

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #9 : 09.10.2014, 23:24:58 »

Цитата: alex_next от 09.10.2014, 23:21:18

а у вас по этому адресу что лежит? и уверенны ли вы что класс присвоили верный...просто вы пишите что класс вот такой webicon mail....а файрбаг показывает что класс присвоен вот такой webicon email

всё идентично эталонному примеру:
https://github.com/adamfairhead/webicons
Там всё из архива сразу работает по идентичной структуре

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #10 : 09.10.2014, 23:32:44 »

Код

<a class="webicon email" href="mailto:admin@komunikacija.ru">

    admin@komunikacija.ru

</a>

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

Код

.no-svg .webicon.mail {
background: url("webicons/webicon-mail-m.png"); }

обратите внимание на класс опять же

То есть все же... у вас класс получается .webicon.email когда в файле CSS от библиотеки иконок он .webicon.mail

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #11 : 09.10.2014, 23:34:35 »

я это успел поправить, это не повлияло. Плюс, там снизу есть ещё один, который изначально был без описки - webicon skype

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #12 : 09.10.2014, 23:41:11 »

можно доступ в личку...фтп тупо...

Записан

robert

Живу я здесь
4974
457 / 20

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #13 : 09.10.2014, 23:44:34 »

Код: php-brief

class="webicon mail"

означает 2 класса: webicon и mail, а в webicons.css у вас есть только .webicons.mail (слитно).
То же самое с skype.

P.S. Мой косяк. Я - никудышный верстальщик

.

« Последнее редактирование: 10.10.2014, 00:10:28 от robert »

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #14 : 09.10.2014, 23:47:54 »

извини, с доступом не выйдет.
Если поможет, вот структура шаблона:

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

Цитата: robert от 09.10.2014, 23:44:34

Код: php-brief
class="webicon mail"
означает 2 класса: webicon и mail, а в webicons.css у вас есть только .webicons.mail (слитно).
То же самое с skype.

webicons.css:

Код

.no-svg .webicon.mail {
  background: url("webicons/webicon-mail-m.png"); }

два класса, как и положено.
Всё азято с официального примера

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #15 : 09.10.2014, 23:52:23 »

Цитата: 01Kuzma от 09.10.2014, 23:47:54

извини, с доступом не выйдет.
Если поможет, вот структура шаблона:

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

webicons.css:
Код
.no-svg .webicon.mail {
  background: url("webicons/webicon-mail-m.png"); }
два класса, как и положено.
Всё азято с официального примера

дело ваше...недоверие это конечно...такое...а по поводу структуры...честно говоря она у всех Joomla шабов практически на все сто процентов идентична ёпт...и этим вы ничего мне не даете...просите помощи а доверять не хотите...

Цитата: robert от 09.10.2014, 23:44:34

Код: php-brief
class="webicon mail"
означает 2 класса: webicon и mail, а в webicons.css у вас есть только .webicons.mail (слитно).
То же самое с skype.

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #16 : 09.10.2014, 23:53:53 »

Цитировать

дело ваше...недоверие это конечно...такое...а по поводу структуры...честно говоря она у всех Joomla шабов практически на все сто процентов идентична ёпт...и этим вы ничего мне не даете...просите помощи а доверять не хотите..

Без обид, это не от меня зависит. По шапке получу

Записан

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #17 : 09.10.2014, 23:55:48 »

ну это пздц честно говоря...а такая штука как резервные копирования через панель вам неизвестна в случае если кто то, что то вам поднасрёт?...уж извините...ладно...попробуйте в основной стилевой файл своего шаблона добавить .webicon.mail {
background: url("webicons/webicon-mail-m.png")!important; }

Записан

AlekVolsk

Гуру
6913
416 / 4

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #18 : 10.10.2014, 00:01:05 »

Цитата: robert от 09.10.2014, 23:44:34

Код: php-brief
class="webicon mail"
означает 2 класса: webicon и mail, а в webicons.css у вас есть только .webicons.mail (слитно).
То же самое с skype.

В CSS .webicons.mail {} будет означать, что правило будет применено только тогда, когда одному html-элементу присвоены оба класса: class="webicons mail"
Если в HTML у вас <a class="webicon email" href="mailto:admin@komunikacija.ru">, то в CSS должно быть .webicons.email {}

Записан

Личка | Вкусняшки

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #19 : 10.10.2014, 00:04:36 »

Цитата: alex_next от 09.10.2014, 23:55:48

.webicon.mail {
background: url("webicons/webicon-mail-m.png")!important; }

Через Style Editor такой фокус прокатывает, тогда иконка появляется...

Цитировать

В CSS .webicons.mail {} будет означать, что правило будет применено только тогда, когда одному html-элементу присвоены оба класса: class="webicons mail"
Если в HTML у вас <a class="webicon email" href="mailto:admin@komunikacija.ru">, то в CSS должно быть .webicons.email {}

Это описка, я уже писал, что класс поправлен на <a class="webicon mail"... >

Записан

robert

Живу я здесь
4974
457 / 20

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #20 : 10.10.2014, 00:07:18 »

Пропишите в webicon.css везде вместо

Код: php-brief

webicons/картинка

Код: php-brief

/templates/tbr03/css/webicons/картинка

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #21 : 10.10.2014, 00:09:55 »

Цитата: 01Kuzma от 10.10.2014, 00:04:36

Через Style Editor такой фокус прокатывает, тогда иконка появляется...Это описка, я уже писал, что класс поправлен на <a class="webicon mail"... >

ну так и запишите этот "фокус" в основной файл стилей....на крайняк я не знаю пропишите в HTML коде у тега <а> атрибут style ="background:url();" где в скобках укажите путь до конкретной иконки...

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #22 : 10.10.2014, 00:13:04 »

Цитата: robert от 10.10.2014, 00:07:18

Пропишите в webicon.css везде вместо
Код: php-brief
webicons/картинка
Код: php-brief
/templates/tbr03/css/webicons/картинка

на локалхосте проверил - не пашет.

Цитировать

ну так и запишите этот "фокус" в основной файл стилей....на крайняк я не знаю пропишите в HTML коде у тега <а> атрибут style ="background:url();" где в скобках укажите путь до конкретной иконки...

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

Записан

AlekVolsk

Гуру
6913
416 / 4

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #23 : 10.10.2014, 00:15:38 »

у вас уже есть в папке с шаблоном папка images, положите картинки в нее и тогда

Код: css

.webicon.mail {background: url("../images/webicon-mail-m.png") 0 0 no-repeat transparent !important;}

это и будет вариант без геморроя, внутри папки CSS картинки не хранят

Записан

Личка | Вкусняшки

alex_next

Захожу иногда
137
2 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #24 : 10.10.2014, 00:17:15 »

Цитировать

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

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

Записан

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #25 : 10.10.2014, 00:19:17 »

Цитата: alex_next от 10.10.2014, 00:17:15

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

чёрт его знает, ещё на официальном забугорном форуме попробую спросить...
Если укажут проблему - то отпишусть

Записан

AlekVolsk

Гуру
6913
416 / 4

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #26 : 10.10.2014, 00:20:58 »

index.php покажите

Записан

Личка | Вкусняшки

robert

Живу я здесь
4974
457 / 20

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #27 : 10.10.2014, 00:22:00 »

Цитата: 01Kuzma от 10.10.2014, 00:13:04

на локалхосте проверил - не пашет.

capture_10102014_001905.jpg (149.51 КБ, 1366x768 - просмотрено 126 раз.)

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

AlekVolsk

Гуру
6913
416 / 4

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #28 : 10.10.2014, 00:22:52 »

проблема с браузером?

Записан

Личка | Вкусняшки

01Kuzma

Захожу иногда
171
1 / 0

Re: Не отображается графика из CSS, править.htaccess?

« Ответ #29 : 10.10.2014, 00:23:23 »

Цитата: AlekVolsk от 10.10.2014, 00:20:58

index.php покажите

Код

<?php
defined('_JEXEC') or die('Restricted access');
if($this->countModules('left and right') == 0) {$cwidth = "12";}
if($this->countModules('left or right') == 1) {$cwidth = "9";}
if($this->countModules('left and right') == 1) {$cwidth = "7";}
if($this->params->get( 'possid') == 0) {$possid = "0";}else{$possid = "1";}
switch ($this->params->get('stylecss')) {
case 0:
    $thems='style0.css'; break;  
}
$doc = JFactory::getDocument();
$this->language = $doc->language;
$this->direction = $doc->direction;
$doc->addStyleSheet('templates/'.$this->template."/css/$thems");
$doc->addStyleSheet('templates/'.$this->template."/css/webicons.css");
$doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.min.css');
JHtml::_('bootstrap.framework');
?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>      
	  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/assets/js/html5shiv.js"></script>
	  <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/assets/js/respond.min.js"></script>
	<![endif]-->
</head>

<body>

далее просто разметка

Записан

Где править фон и текст меню Автор mihsmol	Ответов: 2 Просмотров: 1929	13.06.2019, 00:56:31 от Kostelano
Свойство letter-spacing по-разному отображается на разных мониторах Автор V@lentin	Ответов: 1 Просмотров: 1780	19.07.2018, 20:53:29 от Zelyonkin
Неправильно отображается шаблон на мобильных устройствах Автор hyperion	Ответов: 1 Просмотров: 1704	14.01.2016, 18:33:15 от arma
Логотип в мобильной версии не отображается Автор mashut	Ответов: 4 Просмотров: 4750	17.09.2015, 22:52:38 от Cybervizor
Неверно отображается сайт на Firefox Автор bobokhon1998	Ответов: 19 Просмотров: 2933	08.09.2015, 21:10:53 от bobokhon1998

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

Похожие темы