Joomla! България

Стари версии на Джумла! => Joomla! 3.x => Общи въпроси за Joomla! 3.x => Темата е започната от: emstane в 27 Януари, 2015, 13:43:45

Титла: Дизайн на таблица в статия...
Публикувано от: emstane в 27 Януари, 2015, 13:43:45

Здравейте,
Исках по COOL таблици в статиите на сайта. Сложих едно уж яко приложение (plug-in), но то горкото не се оправя с количеството съдържание - разметешва текста.
Тук: http://new.em-stanev.org/priem/priem-sled-8-klas има една таблица. Като сложа в нея необходимия CSS код става добре и както трябва. Обаче, като направя и 1 промяна в статията - остава скелета на таблицата.
Къде и как да го сложа тоя код така, че да бачка независимо от статията? Пробвах в един от CSS файловете на шаблона, не ми се получи...
Кода е следния:
/* Table 1234567 Style */
table.table1234567{
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1234567 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1234567 thead th:empty{
    background:transparent;
    border:none;
}
.table1234567 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1234567 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1234567 tfoot th{
    color:#665;
}
.table1234567 tbody td{
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#665;
    text-shadow:1px 1px 1px #fff;
}
Благодаря предварително  (coffee) (relax)

Титла: Re: Дизайн на таблица в статия...
Публикувано от: Бого в 27 Януари, 2015, 15:02:03

Здравей,

ако правиш промени по статията, изключваш редактора или го пускаш в режим за програмисти.

Титла: Re: Дизайн на таблица в статия...
Публикувано от: emstane в 27 Януари, 2015, 18:17:52

В режим Source code editor? Със бутон: <>  Ако е така не става. HTML на таблицата излиза, CSS е изчезнал. Или с друг редактор?
С JCE editor съм... Поздрави  (relax) jd

Титла: Re: Дизайн на таблица в статия...
Публикувано от: Михаил Михов в 27 Януари, 2015, 20:36:19

Цитат на: emstane в 27 Януари, 2015, 18:17:52

В режим Source code editor? Със бутон: <>  Ако е така не става. HTML на таблицата излиза, CSS е изчезнал. Или с друг редактор?
С JCE editor съм... Поздрави  (relax) jd

Влез в добавката JCE editor и и задай разширените настройки, ако не става, влез си в профила и си изключи редактора.

//Тогава ще можеш да си пляскаш чист хтмл + джаваскрипт :)

Титла: Re: Дизайн на таблица в статия...
Публикувано от: emstane в 28 Януари, 2015, 10:04:04

Благодаря :)  (beer) (beer)
CodeMirror - редактор, пушка помпа   :)