CSS ви позволява лесно да оформяте уеб страниците си много леснолесно. Можете да дефинирате над сто стила на текст в една страница (разбира се, че страницата ви ще изглежда като циркова палатка), но става въпрос за лекотата и гъвкавостта, които се получават при използването на CSS в уеб страниците.ThemeShock има CSS генератор на кодери, който ще ви помогне да добавитеразлични ефекти на сянка върху вашите изображения с няколко прости кликвания. Вие избирате ефекта и той пише кода; ефекти могат да се добавят отдолу, отстрани, отгоре и отдолу, отляво отляво, отдолу вдясно, отдясно отгоре и отдолу вляво или в диагонални ъгли.
Преди да започнеш; проверете измерението на вашетоизображение (това, към което искате да добавите ефекта). Кодовият генератор има предварително зададена горна и долна граница от 130 - 347px за ширината и височината на изображението. Ако размерите на изображението ви надвишават това, винаги можете да редактирате ширината и височината по-късно. Кодът също така ви позволява да определите непрозрачността и замъгляването на сянката. Не можете да качите вашето изображение в генератора на кодове, ще бъде използвано изображение по подразбиране, за да можете да прегледате ефекта.
От падащото меню изберете коя сянкаефект, който харесвате, при всяка промяна на някой от селекторите се генерира нов код, така че не забравяйте да използвате най-новия. След като изберете ефекта, който харесвате, задайте ширината и височината на изображението си с помощта на хоризонтална лента за превъртане. Използвайте дясната и лявата клавиши със стрелки, когато искате малко да натиснете бутона. Задайте замъгляване и непрозрачност и ще се генерира код. Увеличаването или намаляването на някой от тези параметри ще създаде нов код.
След като всичко е настроено, копирайте CSS кода в aCSS файл и го име за вашата уеб страница (или тема). HTML кодът, който влиза във вашата уеб страница, също се генерира (той е уникален за всеки ефект, който изберете от падащото меню), копирайте го и поставете кода на изображението (img src = ”“) там, където пише “вашият код тук”.
Най-хубавото в този генератор на кодове е товаработи и е безплатно. Той има ограничения за измерения на изображенията, но те могат да бъдат редактирани от кода. Ако използвате прозрачно изображение (като това по-горе), то ще даде тъп сив фон. Можете да редактирате цвета на фона по-късно от кода. (Редактиране на фона на кодовия ред: #ccc). Кодът също дава 5px рамка на всички изображения, можете също да редактирате рамката, но увеличаването и намаляването на ширината ще скрие или разкрие сянката повече, отколкото е необходимо, така че е най-добре да оставите на мира.
Посетете ThemeShock CSS Drop Shadow Generator
Коментари