Привязка CSS к новости

Mikki

Новичок
9
0 / 0

Привязка CSS к новости

« : 20.03.2011, 15:49:04 »

Здравствуйте. Мне нужно как-то сослаться, с новой статьи на файл CSS написанный для оформления этой же страницы. <link rel=stylesheet type="text/css" href="styleprototip.css">
Как мне это сделать?

То есть, вот например эту статью http://rostech.info/kabeli-zkp-zkpb про кабель, нужно отформатировать с помощью внешнего файла.css

Так как же его подвязать??

« Последнее редактирование: 20.03.2011, 22:40:23 от Mikki »

Записан

Mikki

Новичок
9
0 / 0

Re: Привязка CSS к новости

« Ответ #1 : 21.03.2011, 15:49:27 »

никто не знает?

Записан

aantipov

Новичок
9
0 / 0
alexei.me

Re: Привязка CSS к новости

« Ответ #2 : 21.03.2011, 16:03:41 »

Через редактор статьи - никак
А зачем подключать внешний файл стилей для форматирования одной единственной статьи?
Почему нельзя использовать inline-стили?

Записан

SmokerMan

Гуру
5290
720 / 26

1. Сделать через шаблон http://joomlaforum.ru/index.php/topic,67278.0.html
2. Сделать через разметку (шаблон) com_content http://joomlaforum.ru/index.php/topic,48834.0.html

Отправная точка будет зависеть от ситуации. В данном случае это будет ID материала, если я правильно понял.
Подключение файла стиля

Код

<?php
$doc =& Jfactory::getDocument();
$doc->addStyleSheet ('путь к файлу css') ;
?>

Цитата: aantipov от 21.03.2011, 16:03:41

Почему нельзя использовать inline-стили?

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

Записан

Mikki

Новичок
9
0 / 0

Re: Привязка CSS к новости

« Ответ #4 : 22.03.2011, 10:12:41 »

Цитата: aantipov от 21.03.2011, 16:03:41

Через редактор статьи - никак
А зачем подключать внешний файл стилей для форматирования одной единственной статьи?
Почему нельзя использовать inline-стили?

Я не разбираюсь в CSS достаточно, чтобы реализовать такой эффект:
Внешний файл css

Код

<style type="text/css">
TD.normal{color: black; font-weight: lighter; background: #DDDDDD; cursor: hand;}
TD.selected{color: white; font-weight: lighter; background: #456387; cursor: hand;}
</style>

Страница

Код

<html>
<head>
<link rel=stylesheet type="text/css" href="styleprototip.css">
</head>
<body>
<table border=0 roles="all" frame="void" bordercolor="white" cellspacing=11 width="100%" bgcolor="#E6E6E6" cellpadding="3px">
<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0"> Шифр 1.10.МИ.08 Железобетонные опоры ВЛЗ 6-10 кВ с изоляторами и изоляционными конструкциями производства ЗАО «ИНСТА» и линейной арматурой ЗАО «МЗВА». Рабочие чертежи и указания к применению. Спецпроектинжениринг.
</td>
</tr>
<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">8312-ПЗ ЛЭП 110 кВ для выдачи мощности Калиниградской ТЭЦ-2. Том 1. Часть 2. Пояснительная записка. Западсельэнергопроект.
</td>
</tr>

<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">

<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 9015 Конструкции железобетонных опор ВЛ 6-10 кВ для районов Западной Сибири. Альбом 3. Железобетонные конструкции опор. Сельэнергопроект.
</td>
</tr>
<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 9015 Конструкции железобетонных опор ВЛ 6-10 кВ для районов Западной Сибири. Альбом 4. Металлические конструкции опор. Сельэнергопроект.
</td>
</tr>

<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 10.0173 (дополнение к серии 3.407.1-143) Железобетонные опоры ВЛ 10 кВ со штыревыми изоляторами. Материалы для проектирования. Сельэнергопроект.
</td>
</tr>
<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 11.0463 Одноцепные железобетонные опоры ВЛ 6-10 и 20 кВ на базе стоек СВ110-1(2, 3)-а. Рабочие чертежи опор. Сельэнергопроект.
</td>
</tr>

<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 20.0027 Железобетонные опоры для совместной подвески защищенных проводов ВЛ 10 кВ и самонесущих изолированных проводов двухцепной ВЛ 0,4 кВ. Рабочие чертежи. АООТ «РОСЭП»
</td>
</tr>
<tr><td class=normal onMouseOver="this.className='selected'" onclick="javascript:location.href='http://rostech.info'"
onMouseOut="this.className='normal'">
<img alt="" src="rar2.png" align="absMiddle" border="0">Арх. № 20.0096 Переходные железобетонные опоры для совместной подвески самонесущих изолированных проводов ВЛИ 0,4 кВ и СИП для освещения. АООТ «РОСЭП»
</td>
</tr>
</table>
</body>
</html>

Записан

Mikki

Новичок
9
0 / 0

Re: Привязка CSS к новости

« Ответ #5 : 22.03.2011, 16:02:25 »

Снова молчание

Люди ну не создавать же мне снова новую тему "можно ли реализовать такой эффект, как в примере с помощью inline"

Записан

aantipov

Новичок
9
0 / 0
alexei.me

Re: Привязка CSS к новости

« Ответ #6 : 23.03.2011, 00:00:53 »

inline-стиль реализовать очень просто:
1. в каждом элементе TD с классом = "normal" нужно вставить атрибут

Код

style="color: black; font-weight: lighter; background: #DDDDDD; cursor: hand;"

2. в каждом элементе TD с классом = "selected" нужно вставить атрибут

Код

style="color: white; font-weight: lighter; background: #456387; cursor: hand;"

Записан

Mikki

Новичок
9
0 / 0

Re: Привязка CSS к новости

« Ответ #7 : 23.03.2011, 10:42:36 »

Цитата: aantipov от 23.03.2011, 00:00:53

inline-стиль реализовать очень просто:
1. в каждом элементе TD с классом = "normal" нужно вставить атрибут
Код
style="color: black; font-weight: lighter; background: #DDDDDD; cursor: hand;"
2. в каждом элементе TD с классом = "selected" нужно вставить атрибут
Код
style="color: white; font-weight: lighter; background: #456387; cursor: hand;"

Спасибо за подсказки. Но не работает.

Записан

aantipov

Новичок
9
0 / 0
alexei.me

Re: Привязка CSS к новости

« Ответ #8 : 24.03.2011, 00:18:47 »

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

Записан

Новости доступны по разным урлам Joomla 1.5 Автор piraids	Ответов: 2 Просмотров: 1808	19.12.2013, 12:25:27 от piraids
Вывести новости на главную + кастомизация новостей Автор jrrtgimli	Ответов: 0 Просмотров: 1393	06.12.2013, 12:02:55 от jrrtgimli
sdrsssyndicator если есть активная ссылка в новости RSS перестает брать новость и все новости до нее Автор HolySong	Ответов: 2 Просмотров: 1269	30.08.2013, 11:48:55 от HolySong
Новости и материалы на сайте Автор molodoi	Ответов: 1 Просмотров: 1183	17.05.2013, 01:00:41 от darkghost
Как сделать модуль "Все новости"? Автор Vorzhev	Ответов: 3 Просмотров: 1473	12.01.2013, 11:03:43 от KKAAZZOO

Привязка CSS к новости - Joomla 1.5: Общие вопросы

Новости Joomla

SW JProjects v.2.6.0 - компонент каталога расширений для Joomla

Phoca Collapse System Plugin

Человек на GitHub ускорил Joomla в 600 раз на объёме 150к+ материалов в 1700+ категориях

Mikki

Привязка CSS к новости

Mikki

Re: Привязка CSS к новости

aantipov

Re: Привязка CSS к новости

SmokerMan

Re: Привязка CSS к новости

Mikki

Re: Привязка CSS к новости

Mikki

Re: Привязка CSS к новости

aantipov

Re: Привязка CSS к новости

Mikki

Re: Привязка CSS к новости

aantipov

Re: Привязка CSS к новости

Похожие темы