X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Онлайн-base 64 декодер (кодировщик, декодировщик)
prolisk
prolisk
Topic Starter сообщение 28.11.2014, 17:31; Ответить: prolisk
Сообщение #1


Тырил дизайн у одного сайта.
Занимался версткой дизайна для одного веб-сайта, и как пример использовал другой. У него очень красивый фон блока был, заказчик захотел точно такой же, но в стилях были непонятки. Вернее, я понимал, что есть цвет фона, есть тень для блока и есть еще одно свойство background, но крякозяблами. Я уже встречался с понятием кодировка base64, по этому сразу сюзал гугл на онлайн-декодировщик, чтобы вытащить инфу.
Итак, в стилях был код:
.top-menu {
height: 35px;
background: rgb(99,187,236);
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9
zdmc+); */
background: -moz-linear-gradient(top, rgba(99,187,236,1) 0%, rgba(76,158,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,187,236,1)), color-stop(100%,rgba(76,158,204,1)));
background: -webkit-linear-gradient(top, rgba(99,187,236,1) 0%,rgba(76,158,204,1) 100%);
background: -o-linear-gradient(top, rgba(99,187,236,1) 0%,rgba(76,158,204,1) 100%);
background: -ms-linear-gradient(top, rgba(99,187,236,1) 0%,rgba(76,158,204,1) 100%);
background: linear-gradient(to bottom, rgba(99,187,236,1) 0%,rgba(76,158,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63bbec', endColorstr='#4c9ecc',GradientType=0 );
}

Я не привык rgb-ху юзать, мне привычнее 16-ричный и запись в формате to bottom, ОТ и ДО.
Нужно было сташить инфу отсюда:
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9
zdmc+);

Скопировал содержимое скобок и вставил в форму онлайн-декодировщика.
Использовал Foxtools
но нужно удалять лишние данные, ибо ошибку выдаст.
Это вырезаем:
data:image/svg+xml;base64,

Остается код, выполняем и вуаля, то что нужно:
Прикрепленное изображение

Далее я записал градиент и все, у меня такой же фон, даже код меньше оригинала :beach:
background: linear-gradient(to bottom, #63bbec, #4c9ecc);


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 28.11.2014, 18:35; Ответить: Aman_sf
Сообщение #2


Я обычно нажимаю принтскрин, иду в фотошоп, вставляю и там инструментом надо тыкнуть на цвет и он сохраняется, скопировал и вставил. Хотя когда градицент сложнее, а иногда и невозможно так сделать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
Topic Starter сообщение 28.11.2014, 18:46; Ответить: prolisk
Сообщение #3


Aman,
1) не у всех есть фотошоп (или даже не всегда он с тобой :) )
2) сегодня так делал по другому блоку - не совсем так определило.

А кодируют не только цвета, а и copywrite со своими ссылками.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 28.11.2014, 19:33; Ответить: airman
Сообщение #4


(Aman)
Я обычно нажимаю принтскрин, иду в фотошоп, вставляю и там инструментом надо тыкнуть на цвет

я тоже делаю всегда именно так, очень быстро и просто. С градиентами не возился, для это есть профи, типа Ромки :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 28.11.2014, 22:59; Ответить: k0ttee
Сообщение #5


но нужно удалять лишние данные

Это не "лишние данные", а данные о том "что это такое". Красноглазо говоря это "тип данных" (mime-type). Хотя, если сервис их не понимает - для юзеров они лишние, а программист забыл/забил их учесть.
код меньше оригинала

А это true! Когда мало кода, его проще ковырять (в экран тупо больше влезает) и он быстрее отправляется браузерам (первое открытие сайта и первое впечатление от скорости открытия).
Просто донор сделан во времена зоопарка браузеров, когда надо было каждому браузеру по строке (да еще и с префиксами). Сегодня все работает на WebKit и достаточно одной строки (без префиксов).


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
Topic Starter сообщение 29.11.2014, 0:26; Ответить: prolisk
Сообщение #6


(k0ttee)
данные о том "что это такое".

Это понятно, но для декодера оно чуждо :)
В итоге из 9 строк (параметров) стиля у меня всего 2-3.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подключить онлайн оплату к WP+Woocommerce
Через API напрямую с банком
0 ARsHi 370 13.3.2024, 18:19
автор: ARsHi
Горячая тема (нет новых ответов) Онлайн магазин качественных аккаунтов
Продажа аккаунтов - соц сети, почтовые, фрихостинг, популярных служб
117 Alanamana 72345 12.3.2024, 19:54
автор: Alanamana
Открытая тема (нет новых ответов) barry24.com - онлайн обменник без AML и верификации, полностью анонимные обмены
16 barry24 4794 27.1.2024, 0:48
автор: barry24
Открытая тема (нет новых ответов) Ссылки для сайта онлайн игр (Только Украина)
2 errorrs 4573 25.1.2024, 14:17
автор: Ladyofpinup
Открытая тема (нет новых ответов) Сardly.store - онлайн магазин виртуальных зарубежных карт VISA 💳
1 CardlyStore 1009 17.1.2024, 10:31
автор: Antarez


 



RSS Текстовая версия Сейчас: 19.3.2024, 8:37
Дизайн