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


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 81 0 тем, 18 сообщений, 3 балла репутации

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

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

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

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

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

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

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

    Mandarin
    Очков активности: 46.5 0 тем, 31 сообщение, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #6

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

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 28.5 2 темы, 13 сообщений, 1 балл репутации

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

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

  • Фотография TimurR
    #9

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

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

    Ilya74
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

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


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

#1 artyxa

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

Отправлено 16 October 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