Онлайн-base 64 декодер (кодировщик, декодировщик)

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Онлайн-base 64 декодер (кодировщик, декодировщик)

Опции

prolisk

Topic Starter сообщение

28.11.2014, 17:31; Ответить: prolisk

Сообщение #1

Топовый постер

Группа: Active User
Сообщений: 6107
Регистрация: 24.8.2010
Из: Sava
Поблагодарили: 39 раз
Репутация:

~~Тырил дизайн у одного сайта.~~
Занимался версткой дизайна для одного веб-сайта, и как пример использовал другой. У него очень красивый фон блока был, заказчик захотел точно такой же, но в стилях были непонятки. Вернее, я понимал, что есть цвет фона, есть тень для блока и есть еще одно свойство 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);

--------------------

Бонус Payeer
Блог вебмастера. Добавь свой сайт в белый каталог

Ответить с цитированием данного сообщения

Aman_sf Aman_sf 28.11.2014, 18:35; Сообщений: 1870 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	28.11.2014, 18:35; Ответить: Aman_sf Сообщение #2
Старожил Группа: User Сообщений: 1870 Регистрация: 3.6.2012 Поблагодарили: 0 раз Репутация: 0	Я обычно нажимаю принтскрин, иду в фотошоп, вставляю и там инструментом надо тыкнуть на цвет и он сохраняется, скопировал и вставил. Хотя когда градицент сложнее, а иногда и невозможно так сделать.

prolisk Topic Starter proliskTopic Starter 28.11.2014, 18:46; Сообщений: 6107 Поблагодарили: 39 раз Репутация: 6 Просмотр профиля	Topic Starter 28.11.2014, 18:46; Ответить: prolisk Сообщение #3
Топовый постер Группа: Active User Сообщений: 6107 Регистрация: 24.8.2010 Из: Sava Поблагодарили: 39 раз Репутация: 6	Aman, 1) не у всех есть фотошоп (или даже не всегда он с тобой :) ) 2) сегодня так делал по другому блоку - не совсем так определило. А кодируют не только цвета, а и copywrite со своими ссылками. -------------------- Бонус Payeer Блог вебмастера. Добавь свой сайт в белый каталог

airman airman 28.11.2014, 19:33; Сообщений: 9058 Поблагодарили: 251 раз Репутация: 33 Просмотр профиля	28.11.2014, 19:33; Ответить: airman Сообщение #4
Топовый постер Группа: Active User Сообщений: 9058 Регистрация: 26.1.2010 Из: Россия Поблагодарили: 251 раз Репутация: 33	(Aman) Я обычно нажимаю принтскрин, иду в фотошоп, вставляю и там инструментом надо тыкнуть на цвет я тоже делаю всегда именно так, очень быстро и просто. С градиентами не возился, для это есть профи, типа Ромки :) -------------------- Статья: мой опыт заработка на рефералах 100к в месяц \| Пасьянс Косынка

k0ttee k0ttee 28.11.2014, 22:59; Сообщений: 12040 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	28.11.2014, 22:59; Ответить: k0ttee Сообщение #5
Топовый постер Группа: User Сообщений: 12040 Регистрация: 2.5.2014 Поблагодарили: 0 раз Репутация: 0	но нужно удалять лишние данные Это не "лишние данные", а данные о том "что это такое". Красноглазо говоря это "тип данных" (mime-type). Хотя, если сервис их не понимает - для юзеров они лишние, а программист забыл/забил их учесть. код меньше оригинала А это true! Когда мало кода, его проще ковырять (в экран тупо больше влезает) и он быстрее отправляется браузерам (первое открытие сайта и первое впечатление от скорости открытия). Просто донор сделан во времена зоопарка браузеров, когда надо было каждому браузеру по строке (да еще и с префиксами). Сегодня все работает на WebKit и достаточно одной строки (без префиксов). -------------------- Задонь кибер-коту на крипто-вискас btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

prolisk

Topic Starter сообщение

29.11.2014, 0:26; Ответить: prolisk

Сообщение #6

Топовый постер

Группа: Active User
Сообщений: 6107
Регистрация: 24.8.2010
Из: Sava
Поблагодарили: 39 раз
Репутация:

(k0ttee)

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

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

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

или обратитесь к любому из модераторов.

--------------------

Бонус Payeer
Блог вебмастера. Добавь свой сайт в белый каталог

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
366.cash - Обменник криптовалют онлайн	6	DenisP366	1726	18.4.2024, 17:34 автор: DenisP366
Прием платежей онлайн c Paykassma \| Процессинг платежей с 2019 \| Платежный шлюз \| Merchant Accounts ✅✅✅	0	paykassma	387	16.4.2024, 13:45 автор: paykassma
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат	54	arendator	34839	15.4.2024, 15:16 автор: arendator
Онлайн магазин качественных аккаунтов Продажа аккаунтов - соц сети, почтовые, фрихостинг, популярных служб	120	Alanamana	73144	5.4.2024, 7:35 автор: Alanamana
Ищу подработку Онлайн. Копипастер, скачивание/загрузка видео, модератор, регистрации	3	angel737	7094	30.3.2024, 14:45 автор: jack

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 12:01

Дизайн