Интересный стиль для таблицы!

Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!!Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!! Я использую как заголовок в админке, можно прикрутить как банерную позицию, цвета можно настроить!!!

КОД CSS:

.curved-hz-2 {
    position:relative;
    width:100%;
    padding:1em;
    margin:2em 10px 4em;
    background:#378BBF;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.curved-hz-2:before,
.curved-hz-2:after {
    content:"";
    position:absolute;
    z-index:3;
}

.curved-hz-2:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

.curved-hz-2 p {
    font-size:16px;
    font-weight:bold;
}  

НУ А ВЫВОД НА СТРАНИЦУ ПРИМЕРНО ТАК!!!


<center>
<table style="background-color: #D6DADD;">
<tr>
<td>
<center>
<table style="width: 600px;" class="curved-hz-2">
<tr>
<td style="color: #FFFFFF; font-weight: bold; font-style: italic;"><center>Список пользователей и их редактирование!</center></td>
</tr>
</table>
</center>

Вруг кому и правда понравиться ставте плюсики

0

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Комментарии

  1. facepalm такую хрень можно сделать стоить только погуглить + ко всему в КСС надо запихивать весь дизайн для этого есть функция id а не устраивать хтмл порно

    ну или через классы

    а то как то через жопу вроде бы в ксс прописано закругление таблицы а дизайн таблицы нет facepalm говнокод кароче

    <center>
    <table style="background-color: #D6DADD;">
    <tr>
    <td>
    <center>
    <table style="width: 600px;" class="curved-hz-2">
    <tr>
    <td style="color: #FFFFFF; font-weight: bold; font-style: italic;"><center>Список пользователей и их редактирование!</center></td>
    </tr>
    </table>
    </center>

    Где бля закрытый тег центра?! 3 открытых 2 закрытых!

    а про валидность хмтл я вообще малчу request

    0
  2. Ну не знаю, все такие умные только критикуют, так возьмите сделайте и выложите что-нибудь, а тут человек старался оживить сайт и началась критика.

    0
  3. Хреново старался))) хахаха
    да да да)) вот только не надо делать так , типо если ты выложил новость то это бомба… нет шоп тем и отличается что тут даже гавно покачественне обысного паблика))

    надо быть обьективными и если человек залил гавно то так пусть и будет… если человек не стал профи не надо выкладывать свои гавно наработки в сеть

    0
  4. Contego,
    100%

    Совесть,

    А ты сам то когда последний раз старался, или че html импотенция долбаеб!!! Покажи свои работы я скажу почему ты пидарас!!!

    Совесть,

    Это че работа что-ли, ты тормоз, такую работу даже школьник не возьмется сделать, пото-му что хрень полная!!! https://sfb.so/308-priyatnyy-zelenyy-dizayn.html, иты еще дизайнером подписываешься, конченый из тебя дизайнер!!! рисовать научись потом в дизайнерство лезь баран!!!

    0

Добавить комментарий

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля