Здраствуйте, Эксперты!
Сразу напишу, что я с программированием не особо дружу. Да и с компами так-то тоже. По этому мой вопрос может показаться тупым и никому не понятным.Но я постараюсь, как можно точнее описать всю суть проблемы.
Так уж вышло, что мне пришлось создать сайт. Я полазил по инету и прочитал, что даже новичок, с малыми познаниями в этой области сможет сделать сайт на 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">
Ничего путного не вышло =(
14.09.2023, 22:16:47