Подарок
Приветствую Вас Гость RSS
Работа в интернете и финансовая свобода
Построй свой путь к финансовой свободе!
  • 1.jpg
    Школа веб-дизайна Юлии Первушиной
    - Четыре базовых курса, чтобы стать профи
    - Персональный куратор
    - Домашние задания
    - Гарантия дохода от 30 тыс.руб/мес и выше
    Подробнее
  • 2.jpg
    Секреты практического SEO
    Скидка 13%
    Думаю, Вам не нужно объяснять, насколько важно для Вашего сайта иметь первые позиции в поисковых системах по ключевым для Вас запросам.
    Подробнее
  • 3.jpg
    Акции, скидки, распродажи, купоны, возврат за покупку от 7% до 15%!
    И все от AliExpress!

    Узнать подробнее
  • 4.jpg
    Облачный майнинг Hashflare

    Зарабатывайте криптовалюту на удаленном использовании вычислительных мощностей >>


    Узнать подробнее
  • 5.jpg
    - БЕСПЛАТНАЯ 10 дневная бизнес игра
    - Автоматизация бизнеса
    - Бизнес инструменты
    >> Узнать подробнее

ВАШ ПОДАРОК

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!


Давайте дружить;)



Скрипты [8]Макеты сайта и его составляющие [2]

Программы и обучалки » Скрипты для сайта » Макеты сайта и его составляющие » CSS3Ps — плагин для конвертации PSD формата в стили


CSS3Ps — плагин для конвертации PSD формата в стили

01.11.2013, 16:13

Очень часто при верстке сайтов приходится сталкиваться с тем, что дизайнер намудрил всяких красивостей и нужно каждый раз разбирать по кусочкам всякие слои с тенями шрифтов. Казалось бы – делай свою работу, тебе за это платят.

Но, вдруг, откуда не возьмись, появились славные парни, которые запилили чудный плагин Css3Ps (конвертация PSD формата в стили) – с его помощью можно копировать стили css3 из фотошопа.

Скриншоты я возьму прямо с ихнего сайта, нет времени играться. Но обе версии плагина я проверил. Скажете, почему обе версии? Да потому что плагин для версии фотошопа CS5-CS6, а для CS3 и CS4 используется скрипт автоматического сценария. Который как бы тоже плагин, но не плагин.

Итак:

Процедура установки на CS5-CS6

У Вас должен быть установлен Photoshop CS5-CS6 вместе с Adobe Extension Manager CS6 – то есть не порезанная, порта табельная или ещё какая-то версия. Понимаю, что вы пользуетесь крякнутой версией – поэтому ищите нормальную, а не репак,, который работает раз через три. Даю подсказку – http://nnm-club.ru/.

Если фотошоп запущен – закрываем. Открываем CSS3Ps.zpx. Запустится Adobe Extension Manager с предложением установить плагин. Соглашаемся.


После завершения установки, будет картина как на скрине ниже. Теперь можно запускать PhotoShop.


В фотошопе включаем

Окно -> Расширения -> CSS3Ps.


Ну, всё! Теперь можно выбрать стиль слоя и конвертнуть его в css.

Процедура установки на CS3-CS4

Особой процедуры тут нет – используется не плагин, а скрипт. Каждый раз нужно будет искать этот скрипт и запускать его. Поэтому я советую пользоваться вышеуказанным способом.

Выбираем слой, который нужно конвертнуть.


Выбираем Файл -> Сценарии -> Обзор.


Указываем путь к файлу CSS3Ps.jsx.


Откроется новая html-страничка, где будут все стили.


Вот и все, как видите – проще-простого, и тратится 10-20 секунд. Вместо 5 минут подбора стилей через генераторы (по крайней мере у меня так).


Enjoy!



Источник:  http://saitobaza.ru
Категория: Макеты сайта и его составляющие | Теги: Скрипты, Photoshop
Просмотров: 2450 | Загрузок: 498

Похожие материалы:


    Как установить боковую панель социальных закладок?

    Как установить боковую панель социальных закл

    ЧИТАТЬ
    Как установить боковую панель социальных закладок?

    Как установить боковую панель социальных закладок?

    Сегодня я готова поделиться с Вами такой боковой панелью с социальными закладками. Как она работает и что даёт? Как видно на картинке, после добавления кода на сайт, сбоку слева появится мини-панель с кнопками социальных закладок, нажав на которые пользователи смогут поделиться Вашим сайтом со св

    Подробнее >>


    Для чего нужны мета-теги?

    Для чего нужны мета-теги?

    ЧИТАТЬ
    Для чего нужны мета-теги?

    Для чего нужны мета-теги?

    Мета-теги – специальные, необязательные атрибуты, предназначенные сугубо для поисковых систем. Размещаются мета-теги непосредственно после «Title» в секции <head> могут содержать в себе описание страницы, ключевые слова, запрет/разрешение на индексацию

    Подробнее >>


    Как создать RSS-ленту для сайта?

    Как создать RSS-ленту для сайта?

    ЧИТАТЬ
    Как создать RSS-ленту для сайта?

    Как создать RSS-ленту для сайта?

    На многих движках уже есть встроенные RSS-ленты, осталось их только настроить и добавить в FeedBurner. А как добавить ленту и настроить FeedBurner читайте в статье: Подробнее >>


    Как установить кнопки социальных сетей на сайт?

    Как установить кнопки социальных сетей на сай

    ЧИТАТЬ
    Как установить кнопки социальных сетей на сайт?

    Как установить кнопки социальных сетей на сайт?

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

    Подробнее >>








Поделись с друзьями:



Уважаемые пользователи! Если Вы используете информацию с сайта, пожалуйста, ставьте ссылку на источник!


Читайте также:

200 бесплатных сервисов для онлайн-бизнеса
Советы по работе с Forex
Как заработать на AliExpress? Партнерская программа EPN CashBack
Партнерские программы инфопродуктов
Самостоятельная раскрутка сайта с нуля
Лучшие сервисы по добыче Биткоина




Загрузка...


Если Вы нашли битую ссылку, пожалуйста, отпишите в комментарии!


Оставить комментарии:


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





нет аватара




ОБ АВТОРЕ
TELEGRAM
FACEBOOK
ВКонтакте
МОЙ YOUTUBE
Я В INSTAGRAM
ПОЛУЧАТЬ НОВОСТИ САЙТА
RSS



Подписаться на E-mail:



Давайте дружить;)

РЕКОМЕНДУЮ





Купон: 3G1A10
Кнопка сайта
Если Вам понравился данный материал, то можете рекомендовать его своим посетителям. Если Вы хотите обменяться с баннерами, пишите в форме Обратной Связи.

Работа в интернете и финансовая свобода

Код баннера
<a target="_blank" href="https://fastzar.ru" alt="Работа в интернете и финансовая свобода" title="Сайт Fastzar"><img src="https://fastzar.ru/baner/banner88x31.gif" alt="Работа в интернете и финансовая свобода"></a>
Для добавления сообщения авторизуйтесь

Узнайте все секреты построения успешного бизнеса
на партнерских программах!


Что Вы получите:

бесплатные уроки по созданию собственной системы продаж
список партнерских программ для бизнеса и необходимых сервисов
первый доход в Интернете

Что Вы узнаете:

Как Вам запустить Ваш Интернет-проект, даже если Вы новичок?
Как Вам гарантированно заработать Ваш первый чек через Интернет?
Как масштабировать Ваш бизнес в интернет для увеличения прибыли?
Помогу с автоматизацией продвижения Вашего бизнеса в интернет



Чтобы получить PDF-книгу, Просто введите Ваше Имя и E-mail в форму ниже и подтвердите свой e-mail, ссылка на скачивание будет выслана сразу же в письме.

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!

Оставить отзыв