IceJOKER

можно и на JS.
вам помогут две функции в этом: substring | length(без этого можно обойтись)
хоть по одной странице для каждого символа

if(element.value) location.href = "next page";
else alert('Error');

Прочесть про MVC и отделить все это дело друг от друга.

Вчера узнали про регулярные выражения и уже знаете какая литература достойная , а какая нет?

~src="(.*?)"~

Именно для вашего случая и с вашим результатом: ~src="(.*?)\?.*?"~

Добавляете помощника :after (или просто после кнопки в ручную), с прозрачным фоном и позиционируете как вам нужно.
Нет возможности указать прозрачность половине границы, целая сторона только

CSS3 animation.

и неужели тут нет ответа??

Можно, но глупо. (поиск можно прикрутить гугловский к примеру).
CMS не хочу - можно узнать почему?
То что вы хотите в ручную делать, умеет практически любой движок.

https://css-tricks.com/examples/ShapesOfCSS/

Кодировка..

так вам нужно , чтоб игнорировался размер родителя или наоборот?
если игнорировать:

.class{
  position: absolute;
  left: 0;
  right: 0;
}

если, нужно чтоб блок2 учитывал размеры родителя, то устанавливаем родителю position: relative;

Да зайдите в какой-нибудь каталог сайтов и полистайте О_О
у каждого свой вкус, я про - "интересный проект".

разные варианты..
css3 позволяет добавлять несколько фоновых изображений.
можно два div-а wrapper-а добавить с left bottom и right bottom фоном и с высотой 100%.
можно вырезать одну большую картинку и установить фоном body.
Перед "Онлайн займы" и после "Займы по смс" добавить блок с изображением(фоном)

position: fixed;
position: absolute;

в общем много разных вариантов )

пиксель в пиксель - это и есть пиксель в пиксель, то есть верстаете точно пиксель в пиксель, что непонятного ?
какая разница какие там размеры, раз уж написано пиксель в пиксель, то так и верстаете.

Вы не можете найти имея код, тогда как вы думаете, как мы найдем не имея кода(да что там код, вы даже не умудрились написать какой это движок или фреймворк, или самопис...)?
Мне просто интересно, что творится в мозгах у таких как Вы О_О

Ну так пройдитесь по сайтам и проверяйте, кто вам мешает?
Можете так и этак, как вам удобнее.

el:after{} /* */

О святые единороги, как вы себе представляете помощь от простых смертных, у которых нет сверхспособностей, чтоб узнать что да как у вас там???
Приложение с весом и меньше 1-го мб может на колени поставить телефон, так что не в размере дело, а в коде, который вы пишите и которого тут нет, чтоб хоть как-то вам помочь.

habrahabr.ru/post/123106
html5doctor.com/history-api