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

Ciganoqq

  • Новичок
  • 1
  • 0 / 0
Таблицы и Joomla
« : 02.12.2013, 10:53:48 »
Здраствуйте, Эксперты!
Сразу напишу, что я с программированием не особо дружу. Да и с компами так-то тоже. По этому мой вопрос может показаться тупым и никому не понятным.Но я постараюсь, как можно точнее описать всю суть проблемы.
Так уж вышло, что мне пришлось создать сайт. Я полазил по инету и прочитал, что даже новичок, с малыми познаниями в этой области сможет сделать сайт на Joomla.
Ну я радостный, накачал шаблонов/модулей/плагинов и было и вправду не сложно, пока я не встретился с таблицей.
Я в каком-то онлайн конструкторе/, собрал нужную мне таблицу, там же мне скачались HTML и CSS файлы под нее.
Итак... я закинул HTML код в нужный мне материал, но как и куда кидать CSS файл, я так и не понял. Что мне с ним нужно делать? куда-то закидывать? или нужно скачивать дополнительные какие-то пикчи к Joomla, чтобы я смог сделать мною задуманное ?
Эксперты, помогите!

Пытался делать вот таким образом:

всунул этот ксс файл в папку с шаблоном  и прописал под цифрой 1 путь. Но, при входе в менеджер материалов, там где находится моя таблица, я вижу вот такую ошибку 2.



вот код HTML и ксс файла
хтмл:
Код
<html>
<head>
<!-- Bring to you by [url=http://www.CSSTableGenerator.com]http://www.CSSTableGenerator.com[/url] -->
<link rel="stylesheet" href="table.css" type="text/css"/>
</head>
<body>

<div class="CSS_Table_Example" style="width:700px;height:350px;">
<table >
<tr>
<td>
НАЗВАНИЕ ТАРИФА
</td>
<td >
ОПИСАНИЕ
</td>
<td>
КОЛ-ВО ДОСОК
</td>
<td>
СТОИМОСТЬ
</td>
</tr>
<tr>
<td >
Авто
</td>
<td>
Размещение объявлений о продаже авто на топ сайтах, профильных сайтах и соц. сетях.
</td>
<td>
30-50
</td>
<td >
1000р
</td>
</tr>
<tr>
<td >
Жизнь
</td>
<td>
Размещение частного объявления (недвижимость, быт. техника, моб. устройства и т.д) на топ сайтах, общих сайтах и соц. сетях </td>
<td>
30-50 </td>
<td >
1000р </td>
</tr>
<tr>
<td >
Бизнес </td>
<td>
Размещение коммерческого объявления (реклама вашего бизнеса) по полному пакету услуг </td>
<td>
50 </td>
<td>
1000р </td>
</tr>
<tr>
<td >
БизнесГолд </td>
<td>
Размещение коммерческого объявления (реклама вашего бизнеса) по полному пакету услуг с постоянной поддержкой, обновлением и анализом </td>
<td>
50- 100 (до 500 месяц) </td>
<td >
3000р </td>
</tr>
</table>
</div>

</body>

</html>

ксс:
Код
.CSS_Table_Example {
margin:0px;padding:0px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}.CSS_Table_Example table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSS_Table_Example tr:last-child td:last-child {
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
}.CSS_Table_Example table tr:first-child td:first-child {
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}.CSS_Table_Example table tr:first-child td:last-child {
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
}.CSS_Table_Example tr:last-child td:first-child{
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
}.CSS_Table_Example tr:hover td{
background-color:#82c0ff;
background:-o-linear-gradient(bottom, #82c0ff 5%, #56aaff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #82c0ff), color-stop(1, #56aaff) );
background:-moz-linear-gradient( center top, #82c0ff 5%, #56aaff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c0ff", endColorstr="#56aaff"); background: -o-linear-gradient(top,#82c0ff,56aaff);
}.CSS_Table_Example tr:first-child td{
background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff"); background: -o-linear-gradient(top,#0069d3,007fff);
background-color:#0069d3;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:18px;
font-family:Comic Sans MS;
font-weight:bold;
color:#ffffff;
}.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff"); background: -o-linear-gradient(top,#0069d3,007fff);
background-color:#0069d3;
}.CSS_Table_Example tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}.CSS_Table_Example tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}.CSS_Table_Example td{
background:-o-linear-gradient(bottom, #56aaff 5%, #82c0ff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #82c0ff) );
background:-moz-linear-gradient( center top, #56aaff 5%, #82c0ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#82c0ff"); background: -o-linear-gradient(top,#56aaff,82c0ff);
background-color:#56aaff;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:12px;
font-family:Comic Sans MS;
font-weight:bold;
color:#000000;
}.CSS_Table_Example tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSS_Table_Example tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSS_Table_Example tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}

что я пытался делать ещё:
эту строку
Код
<head>
<link rel="stylesheet" href="table.css" type="text/css"/>
</head>

менял на:
Код
<link rel="stylesheet" href="templates/bt_arise/css/table/table.css">

Ничего путного не вышло =(
*

bvb2010

  • Новичок
  • 4
  • 0 / 0
Re: Таблицы и Joomla
« Ответ #1 : 02.12.2013, 21:22:40 »
<link rel="stylesheet" href="./templates/bt_arise/css/table/table.css">


или в шаблоне

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/bt_arise/css/table/table.css" type="text/css" />
*

darkghost

  • Живу я здесь
  • 2093
  • 95 / 0
Re: Таблицы и Joomla
« Ответ #2 : 03.12.2013, 01:02:29 »
попробуйте объединить стили в один файл
--- почему нельзя добавить эти же стили в основной файл шаблона, например template.css ? не понятно - делали такое или нет?
--- если желаете вынести стили для таблиц отдельным файлом, снова таки, можно в основном файле (снова таки, например в template.css) указать файл стилей для таблиц - @import url(table.css);
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

#current и.active не дописываются к активному пункту меню в Joomla 2.5

Автор den_caruk

Ответов: 18
Просмотров: 5668
Последний ответ 15.02.2018, 00:26:15
от tigra-uki
Не получается изменить динамическую шапку сайта на Joomla 2.5

Автор lel

Ответов: 14
Просмотров: 385
Последний ответ 06.02.2018, 10:40:18
от SeBun
Замена страницы Joomla

Автор sergeykozin1

Ответов: 4
Просмотров: 273
Последний ответ 25.01.2018, 00:17:07
от sergeykozin1
Joomla 2.5 не работает CAPTCHA!

Автор klubnichkaaa

Ответов: 74
Просмотров: 28461
Последний ответ 12.01.2018, 17:44:55
от vikup34
Добавить статью на боковое меню Joomla 2.5

Автор Slalex77

Ответов: 0
Просмотров: 1814
Последний ответ 27.12.2017, 00:25:06
от Slalex77