Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

  Все выпуски  

Как создать сайт


Деньги Майл.ру — регистрация, возможности, ввод и вывод

Здравствуйте. Сегодня мы продолжим разговор на тему платежных систем популярных в рунете и буржунете. На очереди у нас не так чтобы очень известная, но тем не менее и не совсем обойденная вниманием пользователей платежка Деньги@майл.ру. Какой мега-корпорации она принадлежит, думаю, объяснять не надо.

Деньги Mail.ru регистрация

В состав этого мега-портала входит несколько десятков различных сервисов и не иметь среди них свою собственную систему виртуальных платежей было бы, наверное, неправильно

Деньги от mail.ru открылись в 2009 году и были, в первую очередь, ориентированы на обеспечение нужд той огромной аудитории, которой обладает этот портал (десятки миллионов посетителей в сутки).

Подробнее
 

Как сделать сплошные рамки у изображений

Проблема

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

Как создать нечто подобное с помощью CSS? Возможно, у вас в голове сейчас звучит громкий крик: «border-image,  border-image, мы можем использовать  border-image , это больше не проблема!!!» Не так быстро, юный падаван. Вспомните, как на самом деле работает  border-image : по сути, это масштабирование девяти фрагментов. Вы разрезаете изображение на девять блоков и применяете их к углам и сторонам соответственно. Как с помощью  border-image нарезать изображение, чтобы воспроизвести пример с рисунка выше? Даже если мы потратим кучу времени и правильно разделим его для элемента конкретного размера с конкретной шириной рамки, оно не будет масштабироваться при изменении размера элемента. Проблема в том, что мы не собираемся всегда использовать в углах лишь определенные части изображения; то, какой фрагмент изображения будет отображаться в углу, зависит от размера элемента и ширины рамки. Попробуйте поэкспериментировать, и, скорее всего, вы поймете, что с  border-image это невозможно. Но что же тогда делать? Самый простой способ — использовать два элемента HTML: один, для которого фоном будет служить наша картинка с камнем, и второй — с белым фоном для области содержимого элемента:
HTML
<div class="something-meaningful"><div>
I have a nice stone art border,
don't I look pretty?
</div></div>
.something-meaningful {
background: url(stone-art.jpg);
background-size: cover;
padding: 1em;
}
.something-meaningful > div {
background: white;
padding: 1em;
}


Это решение хорошо работает и создает «рамку», показанную на рисунке, но требует наличия дополнительного элемента HTML. Таким образом, оно не оптимально: оно не только смешивает представление и структуру, но в определенных случаях изменить HTML-код  вообще невозможно. Существует ли способ реализовать то же самое с помощью одного элемента?

Подробнее
 

Как сделать паспарту

Проблема

Сделать вокруг изображения паспарту, состоящее из рамки и цветной области.

Решение

Паспарту называется картонная рамка для фотографии или рисунка. Использование паспарту зрительно увеличивает изображение, привлекает к нему внимание и делает картину более эффектной. Конечно, на веб-странице нет нужды имитировать подобную рамку, поэтому паспарту в данном случае будем называть цветную прямоугольную область вокруг изображения. На рисунке ниже  продемонстрирована фотография с паспарту.

Пример паспарту

Существует несколько способов получить желаемый результат, способы различаются подходом и, естественно, кодом.

Подробнее

 

 

Liberty Reserve — регистрация и работа в популярной анонимной платежной системе

Здравствуйте. Сегодня я хочу продолжить разговор про электронные деньги и платежные системы. Как вы  наверное знаете, существует их великое множество, каждая занимает свое место под солнцем и имеет свой круг почитателей. В Рунете вы, наверняка, не обошли своим вниманием WebMoney и Яндекс деньги (яды), а вот для расчетов за рубежом многие из вас завели кошельки в Пейпал или Skrill (moneybookers).

Однако, существуют нишевые платежки, которые не нашли очень  большой популярности, но вполне себя не плохо чувствуют, удовлетворяя запросы специфических клиентов. Именно к такому типу можно отнести героя сегодняшнего повествования — Liberty Reserve.

По сути, это одна из самых популярных и надежных анонимных систем взаиморасчетов во всем мире (кошельки Qiwi по большому счету тоже анонимны, но не до такой степени). Ключевое слово здесь «анонимность», но и надежность на этом фоне является не последним аргументом, ибо применить аутентификацию по телефону невозможно не нарушив анонимность.

Подробнее
 

Сложные фоновые узоры

Проблема

В предыдущем разделе мы узнали, как с помощью градиентов CSS создавать всевозможные полосы. Однако полосами фоновые узоры, да и любые другие геометрические рисунки, не ограничиваются. Часто у нас возникает необходимость создавать другие типы узоров: сетки, узор в горошек, шахматный узор и многие другие.
К счастью, градиенты CSS могут помочь и со многими из этих задач. С помощью градиентов CSS можно создать почти любой геометрический узор, хотя это и не всегда практично: если мы не будем соблюдать осторожность, то на руках у нас окажется безумный объем не поддающегося сопровождению кода. Создание узоров средствами CSS — это также одна из ситуаций, когда использование препроцессора CSS, например Sass оправданно. Это позволяет сократить количество повторений, так как чем сложнее становятся узоры, тем менее соответствует принципам DRY описывающий их CSS-код. В этом секрете мы сосредоточимся на создании самых простых и наиболее востребованных узоров.

Подробнее

 

В избранное