пятница, 13 ноября 2009 г.

Изменяем стиль "Form"(опросники) в Google Docs

Используя Google Docs вы можете создавать свои опросы. Для этого необходимо создать документ типа "Form". Это действительно очень легко и удовлетворяет самым изысканные запросы.

Но как создать специфический оформления? Пару дней назад Flemming Steffensen опубликовал статью "Google Forms revealed" в которой описал небольшой хак, который позволит изменить стиль.

Оказалось, для добавления своих CSS стилей достаточно добавить параметр "f" в ссылку на ваш опросник.

Оригинальный стиль https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

Измененный стиль https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

Для работы вам понадобятся элементарные знания CSS, Html. После создания опросника, открываем исходник html страницы находим нужные стили, которые вы хотели бы изменить, и применяем их, добавляем в ссылку на страницу.

Важно знать, что такие стили в строке запроса должны начинаться со строчки "f=;}" и для того, что бы ваш стиль переопределял уже заданные CSS свойства, нужно указать атрибут "!important".

Можете воспользоваться тестовой страницей, на ней можно проверить изменение основных свойств.

1 комментарий: