Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Как взять CSS таблицы с чужого сайта, или похожую
« : 13.03.2012, 19:03:44 »
Добрый день, задался вопросом как сделать такую такблицу, а точнее ее стиль (точь в точь надо+зебра, данные те же)

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

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

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

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

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


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

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #1 : 13.03.2012, 19:21:06 »
Там стили в service.css прописаны
http://clip2net.com/s/1H2uk
Записан
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #2 : 13.03.2012, 19:24:49 »
Цитата: sergik74 от 13.03.2012, 19:21:06
Там стили в service.css прописаны
http://clip2net.com/s/1H2uk
дружище, а можно текстом :)?
ну или покажи где взял их ксс?

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

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

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #3 : 13.03.2012, 20:05:14 »
Я хромом пользуюсь - там встроеная фича удобная )))))
Записан
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #4 : 13.03.2012, 20:08:48 »
а не поможешь разобраться с установкой :)
пока так: выделяет строки, а столбцы нет :(
Спойлер
[свернуть]

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #5 : 13.03.2012, 20:22:52 »
пока получилось только так: выделяется ячейка, а вот как столбец?
Спойлер
[свернуть]
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

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

tefun

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

dynamit

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

tefun

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

dynamit

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #11 : 13.03.2012, 21:18:52 »
Цитата: dynamit от 13.03.2012, 21:13:40
ну? а, назначить класс (<col class="red">) и в стилях (.red:hover) не пробовал))
сделал так:
Спойлер
[свернуть]
результат 0:
Спойлер
[свернуть]
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

dynamit

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #13 : 13.03.2012, 21:28:37 »
Цитата: dynamit от 13.03.2012, 21:22:55
вот это посмотри http://jsfiddle.net/UfpWM/
очуметь...круто..эммм...как вставить терь раскажи

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #14 : 13.03.2012, 21:32:49 »
хорошо, переделал ксс, Но! опять 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
Re: Как взять CSS таблицы с чужого сайта, или похо&
« Ответ #15 : 13.03.2012, 21:37:38 »
все работает вроде, я так накидал
Спойлер
[свернуть]


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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #16 : 13.03.2012, 21:39:04 »
я еще не понимаю куда этот цвет деваетеся: зленый
Спойлер
[свернуть]

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #17 : 13.03.2012, 21:56:58 »
ладно я до завтра откладываю, надо уходить

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

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

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #18 : 14.03.2012, 07:52:51 »
в редакторе кстатит все работает:
Спойлер
[свернуть]

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

sergik74

  • Захожу иногда
  • 178
  • 26 / 8
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #19 : 14.03.2012, 11:46:49 »
Попробуй таблицу втсавлять вообще без редактора чистым кодом и посмотреть фронтенд?
Записан
Разработка сайтов на Joomla.
http://markina-dariya.ru
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #20 : 14.03.2012, 13:41:58 »
Цитата: sergik74 от 14.03.2012, 11:46:49
Попробуй таблицу втсавлять вообще без редактора чистым кодом и посмотреть фронтенд?
ставил так:
вот код:
Спойлер
[свернуть]
вот результат:
Спойлер
[свернуть]
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #21 : 14.03.2012, 13:44:34 »
понимаете, тут какое то правило...срабатывает :( Joomla не дает просто вот,

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

sergik74

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

tefun

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #24 : 14.03.2012, 14:05:08 »
так что ль?:
Спойлер
[свернуть]
вот содержимое файла table.css:
Спойлер
[свернуть]
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #25 : 14.03.2012, 18:09:32 »
посоветовшаись с матерым джумловцом, сделал вывод - ксс бессилен :( , короче надо языки программирования подключать JavaScript или  jQuery.

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

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

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

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #26 : 15.03.2012, 09:14:58 »
впринцыпе смысл такой:
создаем ксс таблицу - стили у нас уже есть, а вот подцветка столбцов осужествляется событием в ява скрипт - только это
если найду как сделать отпишусь
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Как взять CSS таблицы с чужого сайта, или похо&
« Ответ #27 : 15.03.2012, 14:56:21 »
Ссылки на готовые решения по теме:
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
  • Легче всего обмануть себя
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #28 : 15.03.2012, 15:04:55 »
Langoliers где ты раньше было >:( *DRINK*
+ в репу! заслужил
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

Langoliers

  • Давно я тут
  • 621
  • 67 / 2
  • Если б Я изучал людей, то был бы паразитологом
Re: Как взять CSS таблицы с чужого сайта, или похожую
« Ответ #29 : 15.03.2012, 21:09:44 »
Цитата: tefun от 15.03.2012, 15:04:55
Langoliers где ты раньше было >:( *DRINK*
Спойлер
[свернуть]
Цитировать
+ в репу! заслужил
Надеюсь помог =)
Записан
1 2  Все   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Некорректное отображение сайта на смартфоне

Автор Bazilio_69

 Ответов: 0
Просмотров: 1334 		Последний ответ 04.09.2024, 20:36:06
от Bazilio_69
Изменить заголовок в шапке сайта

Автор kunsaid

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

Автор PNP

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

Автор Leo1986

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

Автор YuliaOks

 Ответов: 1
Просмотров: 1371 		Последний ответ 02.06.2019, 19:31:23
от Taatshi