Плагин SuperTable Pro

WRed · 27 Мар 2013

а зачем плагин ставить все реализуемо с помощью css
Как-то так чтоли:

Код:

.container:hover { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }
 
.container .active { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }

sandi · 27 Мар 2013

Поделитесь плиз под J1.5

arma7 · 28 Мар 2013

Плюс под 2.5, правда версия старовата 1.6

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

artemiycn · 28 Мар 2013

arma7 написал(а):
Я, вообще-то, ставил хайд на много меньше - наверное, модератор поднял...

Ясно, тогда извините за сарказм))

WRed написал(а):

а зачем плагин ставить все реализуемо с помощью css
Как-то так чтоли:

Код:

.container:hover { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }
 
.container .active { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }

А в двух словах не подскажете как? По поиску ничего путного не нахожу.
И во второй строке вначале не двоеточие должно стоять?

WRed · 28 Мар 2013

Код:

<body>
  <style type="text/css">
.container:hover { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }
.container .active { z-index: 2; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.6); -moz-transition: -moz-box-shadow 0.4s ease-out 0s; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.6); -webkit-transition: -webkit-box-shadow 0.4s ease-out }
</style>
<div class="container" style="float: left;">
            <div>
                <div>
                    <div style="background-color: rgb(183, 78, 187);    font-size: 18px;  font-weight: bold;  ">
                        Sebastian Vettel</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-odd supertable-row-1" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        German</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-even supertable-row-2" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(227, 227, 227) rgb(212, 212, 212) rgb(212, 212, 212) rgb(227, 227, 227); outline: 0px; font-size: 12px; background-color: rgb(219, 219, 219); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; height: 45px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        RBR-Renault</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-last supertable-row-odd supertable-row-3" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        374</div>
                </div>
            </div>
        </div>
     
        <div class="container" style="float: left;">
            <div>
                <div>
                    <div style="background-color: rgb(183, 78, 187);    font-size: 18px;  font-weight: bold;  ">
                        Sebastian Vettel</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-odd supertable-row-1" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        German</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-even supertable-row-2" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(227, 227, 227) rgb(212, 212, 212) rgb(212, 212, 212) rgb(227, 227, 227); outline: 0px; font-size: 12px; background-color: rgb(219, 219, 219); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; height: 45px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        RBR-Renault</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-last supertable-row-odd supertable-row-3" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        374</div>
                </div>
            </div>
        </div>
<div class="container" style="float: left;">
            <div>
                <div>
                    <div style="background-color: rgb(183, 78, 187);    font-size: 18px;  font-weight: bold;  ">
                        Sebastian Vettel</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-odd supertable-row-1" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        German</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-even supertable-row-2" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(227, 227, 227) rgb(212, 212, 212) rgb(212, 212, 212) rgb(227, 227, 227); outline: 0px; font-size: 12px; background-color: rgb(219, 219, 219); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; height: 45px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        RBR-Renault</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-last supertable-row-odd supertable-row-3" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        374</div>
                </div>
            </div>
        </div>
        <div class="container" style="float: left;">
            <div>
                <div>
                    <div style="background-color: rgb(183, 78, 187);    font-size: 18px;  font-weight: bold;  ">
                        Sebastian Vettel</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-odd supertable-row-1" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        German</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-even supertable-row-2" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(227, 227, 227) rgb(212, 212, 212) rgb(212, 212, 212) rgb(227, 227, 227); outline: 0px; font-size: 12px; background-color: rgb(219, 219, 219); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; height: 45px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        RBR-Renault</div>
                </div>
            </div>
            <div class="supertable-cell supertable-row-last supertable-row-odd supertable-row-3" style="margin: 0px; padding: 10px 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242) rgb(227, 227, 227) rgb(227, 227, 227) rgb(242, 242, 242); outline: 0px; font-size: 12px; background-color: rgb(235, 235, 235); color: rgb(51, 51, 51); text-align: center; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;  ">
                <div class="supertable-cell-inner" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; background-position: initial initial; background-repeat: initial initial;">
                    <div class="supertable-cell-text" style="margin: 0px auto; padding: 0px; border: 0px; outline: 0px; font-size: 12px; background-color: transparent; position: relative; font-weight: bold; background-position: initial initial; background-repeat: initial initial;">
                        374</div>
                </div>
            </div>
        </div>
     
        </body>

Вообще-то без второй строки, но можно добавлять класс active джавой.

arma7 · 28 Мар 2013

Всё бы хорошо, если б не IE - не понимает он эти стили.

WRed · 28 Мар 2013

Для просмотра ссылки Войди или Зарегистрируйся
не поддерживает только IE8 и ниже - поверьте их не интересует приятный интерфейс )

artemiycn · 29 Мар 2013

eladan написал(а):
Для просмотра ссылки Войди или Зарегистрируйся
для 1.7 и 2.5

Очень нужна помощь!
После установки "Table JX 1.6.2" с этого поста появились кракозябры в панели управления-> общие настройки... удалить этот плагин нельзя - накрывается сайт... устранил эти кракозябры советом с оф. форума:

The Problem are the 3 files

mssql.php
mssql2000.php
oracle.php

at

libraries/joomla/database/database/..

These come with the instalation of table table jx.

if they delete the problem is gone

Но, есть еще одна проблема - на сайте при переходе со страницы на страницу страница не всегда загружается и приходится обновлять... что с этим можно сделать?

WRed · 8 Апр 2013

artemiycn написал(а):
Очень нужна помощь!
После установки "Table JX 1.6.2" с этого поста появились кракозябры в панели управления-> общие настройки... удалить этот плагин нельзя - накрывается сайт... устранил эти кракозябры советом с оф. форума:

Но, есть еще одна проблема - на сайте при переходе со страницы на страницу страница не всегда загружается и приходится обновлять... что с этим можно сделать?

Конфликт. И готов предположить наблюдается это только в хроме ? У меня jqueryeasy и rokbooster решили проблему.

artemiycn · 8 Апр 2013

WRed написал(а):
Конфликт. И готов предположить наблюдается это только в хроме ? У меня jqueryeasy и rokbooster решили проблему.

Спасибо!
Я уже решил проблему, просто отписаться не мог потому что заблокирован был))...
Нет, это было не только в хроме, а во всех браузерах... проверил логи, оказывается, это стандартный модуль прокрутки товаров virtuemart выпендривался... после его отключения все заработало!
А по поводу - jqueryeasy и rokbooster - Вы их в смысле установили? Так просто, на будущее...

Rio2005 написал(а):
Для просмотра ссылки Войди или Зарегистрируйсяобсуждается

Для просмотра ссылки Войди или Зарегистрируйся
явно не хуже )))

Мне не нужна функциональность таблицы, мне нужно красивое оформление и простота в использовании... это так раз очень хорошо реализовано в SuperTable Plus.
Поэтому ее и ищу...
В итоге, в текущем проекте реализовал "красивости" с помощью CSS, но на будущее все-же хотелось бы иметь этот плагин в арсенале. Буду покупать, если не найду)))

Плагин SuperTable Pro

WRed

Вредный

sandi

ツ

arma7

Гуру форума

artemiycn

Создатель

WRed

Вредный

arma7

Гуру форума

WRed

Вредный

artemiycn

Создатель

WRed

Вредный

artemiycn

Создатель