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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 516 9 тем, 59 сообщений, 4 балла репутации

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

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

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

    Ixman (o5cat.ru)
    Очков активности: 216 0 тем, 24 сообщения, 6 баллов репутации

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

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

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

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

  • Фотография Игорь Ку
    #6

    Игорь Ку (dudesday.ru)
    Очков активности: 157.5 4 темы, 9 сообщений, 5 баллов репутации

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

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

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

    yuran (yurbol.ru)
    Очков активности: 40.5 1 тема, 24 сообщения, 1 балл репутации

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

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

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

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

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

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

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



Похожие темы

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

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