Новости Joomla

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Добрый день, задался вопросом как сделать такую такблицу, а точнее ее стиль (точь в точь надо+зебра, данные те же)

На форуме были темы как прикрутить ксс к таблице, НО вот как сделать имеено этот стиль?

вот пользователь lottis здесь кинул ссылку на эту сборку

мне бы надо чтобы выделение строк при наведении+столбец+строка!+зебра! - о какие требования у меня
Как я понял просто ксс не обойтись :(
Спойлер
[свернуть]

Пробовал искать здесь имееются компоненты, но не те (да и ставить отдельный плагин типа szaki table не охота ради этого - он кстати уже стоит)

Как я понимаю таблица имеет класс ксс .data-table
Спойлер
[свернуть]


Заранее спасибо за ответы
« Последнее редактирование: 13.03.2012, 19:12:29 от tefun »
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Там стили в service.css прописаны
http://clip2net.com/s/1H2uk
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Там стили в service.css прописаны
http://clip2net.com/s/1H2uk
дружище, а можно текстом :)?
ну или покажи где взял их ксс?

_______________
все нашел
Firebug и так:
Спойлер
[свернуть]

потом вначале будет код вот это он и есть:
Спойлер
[свернуть]
« Последнее редактирование: 13.03.2012, 19:44:42 от tefun »
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Я хромом пользуюсь - там встроеная фича удобная )))))
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
а не поможешь разобраться с установкой :)
пока так: выделяет строки, а столбцы нет :(
Спойлер
[свернуть]

цвет у столбцов имеет код F5F5EA, но в ксс его нет, как сделать чтоб столбцы выделялись + ко всему - это наверно уже не ксс?
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
пока получилось только так: выделяется ячейка, а вот как столбец?
Спойлер
[свернуть]
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
попробуйте через тег <col>
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
попробуйте через тег <col>
вот вот! пытался :(
вот код:
Спойлер
[свернуть]
как сделать не пойму
ну всмысле не пойму как добавить стиль к "кол"
точнее в коде должно быть шесть колонок, у меня одна..но все равно не понял, как реализовать выделение всей колонки
___________
я так понимаю для col Надо hover задать типа такого:
Спойлер
[свернуть]
« Последнее редактирование: 13.03.2012, 21:04:38 от tefun »
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
6 колонок -> 6 <col> к нужной попробуй style="background-color:"
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
6 колонок -> 6 <col> к нужной попробуй style="background-color:"
дык надо ж при наведении :( только, а задать то я и так смогу она так и будет одного цвета всегда
то есть получается так:
Спойлер
[свернуть]
ну или так:
Спойлер
[свернуть]
а мне надо что только при наведении
« Последнее редактирование: 13.03.2012, 21:11:49 от tefun »
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
ну? а, назначить класс (<col class="red">) и в стилях (.red:hover) не пробовал))
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
ну? а, назначить класс (<col class="red">) и в стилях (.red:hover) не пробовал))
сделал так:
Спойлер
[свернуть]
результат 0:
Спойлер
[свернуть]
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
да, не прокатит.
вот это посмотри http://jsfiddle.net/UfpWM/
« Последнее редактирование: 13.03.2012, 21:27:23 от dynamit »
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
вот это посмотри http://jsfiddle.net/UfpWM/
очуметь...круто..эммм...как вставить терь раскажи

Вставляю код в файл, стиль ксс в шаблон - ничего
я без дива вставляю:
Спойлер
[свернуть]
то есть так:
Код
<table  class="container" >
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
хорошо, переделал ксс, Но! опять 25:
Код
/* контейнер */

.container { position: relative; }

.container tr:hover { background: #fcc; }

.container td, td:hover:after { width: 50px; }

.container td:hover {
    background: #ffc;
}

.container td:hover:after {
    content: '';   
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #cfc;
    z-index: -1;
}
результат :( :
Спойлер
[свернуть]
столб не выделяется
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
все работает вроде, я так накидал
Спойлер
[свернуть]


P.S.
есессьно, в осле не работает))
« Последнее редактирование: 13.03.2012, 21:44:43 от dynamit »
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
я еще не понимаю куда этот цвет деваетеся: зленый
Спойлер
[свернуть]

щас проверим...
__________-
да работает.... :
Спойлер
[свернуть]
ну чтож у меня то не работает в  Joomla?
редактор JCE 154
« Последнее редактирование: 13.03.2012, 21:49:39 от tefun »
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
ладно я до завтра откладываю, надо уходить

Вопросик остался :(  столбцы не выделяются при наведении... :(

если вызывать файл таким образом file://localhost/C:/Users/1/Desktop/table.php все пашет, но если то же самое в Joomla редактор JCE 154 не пашет :(
я знаю что я чего то не знаю :) - какого то правила
что то я не учитываю...
заранее спасибо за помощь в решении

пока только так: выделяется только ячейка
Спойлер
[свернуть]
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
в редакторе кстатит все работает:
Спойлер
[свернуть]

то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Попробуй таблицу втсавлять вообще без редактора чистым кодом и посмотреть фронтенд?
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Попробуй таблицу втсавлять вообще без редактора чистым кодом и посмотреть фронтенд?
ставил так:
вот код:
Спойлер
[свернуть]
вот результат:
Спойлер
[свернуть]
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
понимаете, тут какое то правило...срабатывает :( Joomla не дает просто вот,

Цвета целеного в коде нет - это причина имхо, гед браузер берет этот цвет я вообще не в курсе :( думаю поэтому Joomla и не окрашивает столбец в зеленый :(
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Надо было вставлять таблицу, стили вписать в ксс отдельным файлом и привязать в хедер... Ты че то как то намудрил со вставкой всего кода оптом. И после этой операции посмотреть какими правилами цсс у тебя перекрытие идет...
Как то так.
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Надо было вставлять таблицу, стили вписать в ксс отдельным файлом и привязать в хедер... Ты че то как то намудрил со вставкой всего кода оптом. И после этой операции посмотреть какими правилами цсс у тебя перекрытие идет...
Как то так.
см Ответ #14 :
а вот то что отдельным файлом...щас попробую
хотя не знаю для чего, ведь в ксс tamplate.css все есть, но я все равно попробую
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
так что ль?:
Спойлер
[свернуть]
вот содержимое файла table.css:
Спойлер
[свернуть]
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
посоветовшаись с матерым джумловцом, сделал вывод - ксс бессилен :( , короче надо языки программирования подключать JavaScript или  jQuery.

второй вывод, который я сделал - не заморачиваться над этим, сделаю просто как выше получилось
всем спасибо за помощь кармы залил

PS хех, ну если конечно, кто то, вдруг, чисто случайно,
 :) найдет скриптик таблицы со скриптом, кот мне нужен и объяснит как его поставить!  - милости прошу!

плюсов и спасибо не жалко для хороших людей!
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
впринцыпе смысл такой:
создаем ксс таблицу - стили у нас уже есть, а вот подцветка столбцов осужествляется событием в ява скрипт - только это
если найду как сделать отпишусь
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Ссылки на готовые решения по теме:
http://www.htmldrive.net/items/show/687/Simplism-BS-Table-Crosshair-with-jQuery
http://www.htmldrive.net/items/show/836/Useful-jQuery-tableHover
http://www.htmldrive.net/items/show/879/Simple-jQuery-Table-Highlighter
Там и описание, как юзать есть =)

P.S. выводить отдельно кодом в материал. Следите, чтобы не совпадали стили со стилями Joomla!
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Langoliers где ты раньше было >:( *DRINK*
+ в репу! заслужил
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Langoliers где ты раньше было >:( *DRINK*
Спойлер
[свернуть]
Цитировать
+ в репу! заслужил
Надеюсь помог =)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 1204
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Как адаптировать таблицы под мобильную версию?

Автор PNP

Ответов: 4
Просмотров: 1885
Последний ответ 17.10.2021, 22:59:27
от darkghost
Выделение таблицы

Автор Leo1986

Ответов: 14
Просмотров: 839
Последний ответ 10.10.2019, 19:09:08
от dm-krv
Адаптивное меню для сайта на CSS

Автор YuliaOks

Ответов: 1
Просмотров: 1028
Последний ответ 02.06.2019, 19:31:23
от Taatshi
Появление свободного пространства внизу сайта

Автор Андрей Нестеров

Ответов: 13
Просмотров: 1326
Последний ответ 23.11.2018, 09:16:36
от Support