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

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Столкнулся с задачей
Матриалы верстаються с помощью таблиц
и border="1" как то не красиво

хочу с помощью css суфикса
добавить стиль типа
{
    border-style: dashed;
    padding: 1px;
   }

но не понимаю как это реализовать?
*

Фей

  • Давно я тут
  • 738
  • 86 / 3
  • Истина в вине!
Re: Назначить стиль для бордюра
« Ответ #1 : 14.01.2009, 13:36:28 »
вы хотите ксс-суфикс добавить куда - в настройки пункта меню или в хтмл-код материала в текстовом редакторе в админке?

вариант таков
td.mytd
{
border-bottom:#0000FF 1px dashed;
border-left:#0000FF 1px dashed;
border-right:#0000FF 1px dashed;
padding:1;
}

в текстовом редакторе открываете код хтмл и для вашей ячейки вставляете td class="mytd"

если же вы хотите изменить оформление для ячеек таблиц, которые выводятся например через пункт меню Блог-содержимое категории, то в параметрах этого пункта меню внесите свой суффикс (например _mysuf)  и в ваш ксс-файл надо будет добавить следующее
table.contentpaneopen_mysuf td {

}

или поясните конкретнее что хотите ))
*

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Re: Назначить стиль для бордюра
« Ответ #2 : 14.01.2009, 13:54:40 »
вот материал на главной странице  http://bukharapiter.ru/index.php
хотелось бы что бы бордюр был как у меню

штрихом dashed;

сделал как вы посоветовали не получилось с суфиксом

table.contentpaneopen_mysuf td {
border-bottom:#0000FF 1px dashed;
border-left:#0000FF 1px dashed;
border-right:#0000FF 1px dashed;
padding:1;
}
*

Фей

  • Давно я тут
  • 738
  • 86 / 3
  • Истина в вине!
Re: Назначить стиль для бордюра
« Ответ #3 : 14.01.2009, 13:59:29 »
эээ, батенька!
так ведь эти таблицы у вас  - это контент сайта, откройте его в админке, перейдите по кнопке Показать ХТМЛ код и добавьте нужные классы к нужным вам таблицам. И конечно в файл со стилями вашего шаблона добавить описание ваших классов.
*

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Re: Назначить стиль для бордюра
« Ответ #4 : 14.01.2009, 14:30:49 »
а вот как теперь для моего случая
вот эту таблицу
<style type='text/css'>
<!--
.ddmx77{
border:0px solid #FFFFFF !important;
}
.ddmx77 a.item1,
.ddmx77 a.item1:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
padding: 5px 5px 5px 5px !important;
top: 0px ;
left: 0px;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
text-align: left !important;
font-weight: bold !important;
color: #D78807 !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
position: relative;
background-color: #FFFCDA !important;
width:157px;
}
.ddmx77 td.item11 {
padding:0 !important;
 border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
border-right: 1px dashed #CCCCCC !important;
border-bottom: 0 !important;
white-space: nowrap !important;
width:157px;
}
.ddmx77 td.item11-last {
 padding:0 !important;
 border: 1px dashed #CCCCCC !important;
 white-space: nowrap;
width:157px;
}
.ddmx77 td.item11-acton {
padding:0 !important;
border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
white-space: nowrap;
border-right: 1px dashed #CCCCCC !important;
}
.ddmx77 td.item11-acton-last {
border: 1px dashed #CCCCCC !important;
}
.ddmx77 .item11-acton-last a.item1,
.ddmx77 .item11-acton a.item1,
.ddmx77 .item11-acton-last a:hover,
.ddmx77 .item11-acton a:hover,
.ddmx77 .item11 a:hover,
.ddmx77 .item11-last a:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
 color: #FFFFFF !important;
background-color: #F0BF6F !important;
}
.ddmx77 a.item2,
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
padding: 5px 5px 5px 5px !important;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
 text-align: left !important;
font-weight: bold !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
 position: relative;
 z-index:500;
 -moz-opacity:0.85;
}
.ddmx77 a.item2 {
background-color: #FFFCDA !important;
color: #E18246 !important;
 border-top: 1px solid #CCCCCC !important;
border-left: 1px solid #CCCCCC !important;
border-right: 1px solid #CCCCCC !important;
}
.ddmx77 a.item2-last {
background-color: #FFFCDA !important;
color: #E18246 !important;
border-bottom: 1px solid #CCCCCC !important;
z-index:500;
}
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
 background-color: #FFFFCC !important;
 color: #FF9900 !important;
 border-top: 1px solid #CCCCCC !important;
 border-left: 1px solid #CCCCCC !important;
 border-right: 1px solid #CCCCCC !important;
 }
.ddmx77 .section {
border: 0px solid #FFFFFF !important;
position: absolute;
visibility: hidden;
display: block;
z-index: -1;
}
.ddmx77frame {
border: 0px solid #FFFFFF !important;
}
.ddmx77 .item11-acton .item1 img.seq2,
.ddmx77 img.seq1
{
 display:    inline;
}
.ddmx77 a.item1:hover img.seq2,
.ddmx77 a.item1-active img.seq2,
.ddmx77 a.item1-active:hover img.seq2,
.ddmx77 a.item2:hover img.seq2,
.ddmx77 a.item2-active img.seq2,
.ddmx77 a.item2-active:hover img.seq2
{
 display:    inline;
}
.ddmx77 img.seq2,
.ddmx77 .item11-acton .item1 img.seq1,
.ddmx77 a.item2:hover img.seq1,
.ddmx77 a.item2-active img.seq1,
.ddmx77 a.item2-active:hover img.seq1,
.ddmx77 a.item1:hover img.seq1,
.ddmx77 a.item1-active img.seq1,
.ddmx77 a.item1-active:hover img.seq1
{
display:   none;
}
* html .ddmx77 td { position: relative; } /* ie 5.0 fix */

-->
</style>


применять для статей по суфиксу 
*

Фей

  • Давно я тут
  • 738
  • 86 / 3
  • Истина в вине!
Re: Назначить стиль для бордюра
« Ответ #5 : 14.01.2009, 14:51:10 »
Учимся пользоваться Мозилой и Фиребагом!

ваш код
Код
<table width="50%" height="30" border="1" align="center">
<tbody>
<tr align="middle">
<td class="item11">
<strong>
<a target="new" href="http://bukharapiter.ru/myisli/bayki-buharskogo-kvartala-peterburga-2.html">
<span style="font-size: 10pt; color: rgb(128, 0, 0);">Восток        </span>
</a>
</strong>
</td>

меняете на
Код
<table width="50%"  id="menu77" class="ddmx77" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr align="middle">
<td class="item11">
<a target="new" class="item1" href="http://bukharapiter.ru/myisli/bayki-buharskogo-kvartala-peterburga-2.html">
Восток
</a>
</td>

просмотрите отличия и сделайте здобавление класс в тег а для 2х др ячеек
*

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Re: Назначить стиль для бордюра
« Ответ #6 : 14.01.2009, 15:00:21 »
да я понял только не пойму как сделать что бы по умолчанию в материалах изменить стиль
вот вычичтил таблицу стилий имею то что надо

<style type='text/css'>
<!--
.ddmx77{
border:0px solid #FFFFFF !important;
}
.ddmx77 td.item11 {
padding:0;
 border-top: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 0;
white-space: nowrap;
}
* html .ddmx77 td { position: relative; } /* ie 5.0 fix */
-->
</style>

тоесть если вручную править
<table class="ddmx77"
<td class="item11">
все работает это и понятно но хотелось бы либо по умолчанию либо по указанию суфикса в статье

*

Фей

  • Давно я тут
  • 738
  • 86 / 3
  • Истина в вине!
Re: Назначить стиль для бордюра
« Ответ #7 : 14.01.2009, 15:43:49 »
никак!
необходимо вносить дополнительный класс для внутренних элементов, в противном случае оформление для td будет применено для всех td данного материала
*

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Re: Назначить стиль для бордюра
« Ответ #8 : 14.01.2009, 15:50:39 »
Ясно
вот внест в таблицу стилей

.mx77{
border:0px solid #FFFFFF !important;
}

.mx77 td.mx78 {
padding:0;
 border-top: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC; 
}
Теперь в визуальном JCE редакторе стиль таблицы mx77 видит
а вот класс для ечеек нет приходиться дописывать руками

как бы это упростить
*

Фей

  • Давно я тут
  • 738
  • 86 / 3
  • Истина в вине!
Re: Назначить стиль для бордюра
« Ответ #9 : 14.01.2009, 16:02:35 »
вместо этого .mx77 td.mx78 {
сделайте так
.mx77 td {

стили сами применятся, когда для таблицы выберите соотв класс
*

rosalin

  • Захожу иногда
  • 68
  • 0 / 0
Re: Назначить стиль для бордюра
« Ответ #10 : 14.01.2009, 16:15:19 »
о супер хоть так :D
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Какая строка в CSS отвечает за стиль отображение текста в новостях?

Автор Xuga

Ответов: 7
Просмотров: 3311
Последний ответ 12.11.2009, 23:59:12
от Xom9lk
Как определить для com_content один стиль шрифта?

Автор Adam.K

Ответов: 10
Просмотров: 1942
Последний ответ 17.11.2008, 18:45:57
от Adam.K