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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

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

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

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

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

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

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

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

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

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

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

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

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

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

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

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 15.08.2018
Топ 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

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Закругление углов
  2. Как создать блок со скругленными углами
  3. Как закруглить углы в слайдере?
  4. Закругление углов для меню
  5. Закругление углов у div


Похожие темы

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

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