Перейти к содержимому


Конкурс "Лучший отзовик"
× Быстрый вопрос
Пользователь месяца
ShowPrint ShowPrint 1-й за Март
Очков активности: 1 152 1 тема, 61 сообщение, 12 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 837 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #2

    OlgaGetman
    Очков активности: 472.5 Вне конкурса за определение пользователя месяца

  • Фотография Vmir
    #3

    Vmir
    Очков активности: 430.5 3 темы, 32 сообщения, 7 баллов репутации

  • Фотография Mandarin
    #4

    Mandarin
    Очков активности: 246 7 тем, 20 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #5

    ShowPrint (ShowPrint.ru)
    Очков активности: 204 Вне конкурса за определение пользователя месяца

  • Фотография maxnik
    #6

    maxnik (konovalovpavel.ru)
    Очков активности: 72 1 тема, 21 сообщение, 2 балла репутации

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 67.5 3 темы, 6 сообщений, 3 балла репутации

  • Фотография Megoydagi
    #8

    Megoydagi
    Очков активности: 63 1 тема, 18 сообщений, 2 балла репутации

  • Фотография re-search
    #9

    re-search
    Очков активности: 49.5 7 тем, 12 сообщений, 1 балл репутации

  • Фотография Constantine
    #10

    Constantine
    Очков активности: 39 4 темы, 14 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 20.04.2019
  • Яндекс выдача: 21.04.2019
Топ 5 участников по репутации


Как округлить углы таблички

#1 artyxa

artyxa
  • Пользователь
  • 75 сообщений
  • Репутация: 18
-1

Отправлено 16 Октябрь 2012 - 19:28

Давайте поговорим о том как скруглить углы таблицы. Этот эффект достигается несколькими путями 1: Это скругление с помощью изображений, он самый простой и результат получается самым качественным. 2: И методом CSS + JAVASCRIPTS. Конечно, и у первого варианта и у второго есть свои плюсы и минусы. Но в данной статье хочу рассказать, как скруглить углы таблицы с использованием изображений.
И та нам понадобится две программы для создание таблицы это Adobe Photoshop и Macromedia Dreamweaver. Переходим в Dreamweaver и создаем таблицу с тремя рядами и две колонки, вторую строку сразу объединяем в одну целую, в ней будет находится контент. Объединить ее можно следующим путем, удерживая кнопку CTRL выделить левой кнопкой мыши две строки и нажать кнопку использовать промежутки.

Изображение

Теперь нам понадобятся углы, открываем Adobe Photoshop создаем новый документ. Выбираем кнопку рисование фигур и выбираем прямоугольник со скругленными углами.

Изображение

Выставляем радиус скругление например 20-pix и рисуем прямоугольник со скругленными углами, подбираем цвет и соединяем слои в один. Теперь берем инструмент выделение и настраиваем, ставим стиль: заданный размер, ширину и высоту в верхней панели тоже 20-pix. Подставляем фиксированный квадрат на угол так чтобы линии совпадали. Копируем этот участок изображения и переносим его в новый документ, при создания нового документа параметры изображения тоже должны быть 20*20-pix. Сохраняем наш уголок так, фаил > сохранить для Web…, Далее поворачиваем уголок в другую сторону и сохраняем таким же образом, чтоб у нас получилось четыре уголка для каждого угла.

Изображение

Возвращаемся в Dreamweaver и проставляем в нашу таблицу уголки, которые только что создали. Позиционируем уголки и заливаем таблицу таким же цветом как и углы.

 

 

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru