Как да си направим хубав проучване на ucoz сайт

Как да прехвърля сайт с uCoz нормално пълен хостинг

Ето една красива гледка спечелих след проучване на малки промени - имаше пъстри цветни ленти до елемента ще се появи визуално брой гласове за позицията и процента от общия брой на избирателите.

Съгласете се, не се сравнява с предишния изглед проучване kutsym? ;-)

И съблича някаква странна, че не е видима, колко хора са гласували за една точка. Безусловно, нов вид много по-добре!

На следващо място, ще кажа в подробности и ще ви покаже как да се направи на мястото на uCoz красива проучване.

За да започнете, изтеглете файла тук. разархивирайте го. От получената папка, всички файлове в файловия мениджър попълват вашия сайт.

За да направите това, отворете диспечера на файловете, да я използват за създаване на изображения images2 или папка, ако първият е вече там, и в тази папка и да попълните файлове. Така че сте качили в цвят сайт барове, които ще определят цвета барове в анкетата на. В прикачения файл 12 цвята, но ако трябва да попитам още въпроси, можете да в Photoshop за създаване на нови цветове и ги добавете към папката на диспечера на файловете за другите цветове.

След това отидете на Control Panel сайт, а след това в "Дизайн мениджмънт" и отворете "стилове (CSS)».

вмъкнете CSS в долната част на таблицата.

Не е трудно да се отгатне, че всяка точка, започващ с .progress на думи. Той е отговорен за елемента в проучването. Този код е настроена на 12 точки, ако имате нужда да се определят повече точки, само трябва да копирате една порция .progress код и се добавя към основния код, не забравяйте да продължите номерирането например .progress_13. progress_14 и така нататък.
Не забравяйте да кликнете върху "Save".

На следващо място, щракнете върху Преглед на форма социологическите

и я поставете в дъното тук е кода:

В този код, обърнете внимание, позоваванията на цвят в съответствие вариация на - ясно е, че images2 - е папката, в която пълни барове и ic1.png - файл самата лента. Ето защо, ако имате папка с ивици носят различни имена, съответно променена връзката!
Също така, ако сте добавили повече на цветни ленти в една папка, не забравяйте да добавите линк към тях в кода.

Този код също се запазва, като кликнете върху "Save".

Актуализиране на страницата на браузъра на вашия сайт и да се полюбувате на трансформираща анкетата! ;-)

Докато тази статия е много полезно тук този материал.