CSS дозволяє легко, дуже легко стилювати веб-сторінкилегко. Ви можете визначити понад сто стилів тексту на одній сторінці (звичайно, ваша сторінка вийде схожа на цирковий намет), але це стосується простоти та гнучкості, що виникає при використанні CSS на веб-сторінках.ThemeShock має генератор кодерів CSS, який допоможе вам додатирізні ефекти тіні на ваші зображення в кілька простих клацань. Ви вибираєте ефект, і він пише код; ефекти можна додавати внизу, в сторони, вгорі і внизу, внизу зліва, внизу праворуч, вгорі праворуч і внизу зліва або в діагональних кутах.
Перед тим як ти почнеш; перевірити розмірність вашогозображення (до якого ви хочете додати ефект). Генератор коду має заздалегідь задану верхню та нижню межі 130 - 347 пікселів для ширини та висоти зображення. Якщо розміри вашого зображення перевищують це, ви завжди можете змінити ширину та висоту пізніше. Код також дозволяє визначити непрозорість і розмитість тіні. Ви не можете завантажити своє зображення в генератор коду, буде використано зображення за замовчуванням, щоб ви могли переглянути ефект.
У спадному меню виберіть тіньЕфект, який вам подобається, щоразу, коли ви змінюєте будь-який із селекторів, генерується новий код, тому обов'язково використовуйте найновіший. Вибравши ефект, який вам подобається, встановіть ширину та висоту зображення за допомогою горизонтальної смуги прокрутки. Скористайтеся правою та лівою клавішами зі стрілками, коли хочете трохи натиснути кнопку. Встановіть розмитість і непрозорість, і код буде сформовано. Збільшення або зменшення будь-якого з цих параметрів створить новий код.
Як тільки все встановлено, скопіюйте CSS-код уCSS-файл і назвіть його для вашої веб-сторінки (або теми). HTML-код, який знаходиться на вашій веб-сторінці, також генерується (він унікальний для кожного ефекту, який ви виберете зі спадного меню), скопіюйте його та розмістіть код зображення (img src = ”“) там, де написано “ваш код тут”.
Найкраще в цьому генераторі коду є те, щоце працює, і це безкоштовно. Він має обмеження розмірів для зображень, але їх можна редагувати з коду. Якщо ви використовуєте прозоре зображення (наприклад, вище), воно дасть тьмяний сірий фон. Пізніше ви можете редагувати колір фону з коду. (Редагувати фон рядка коду: #ccc). Код також надає 5px кадр для всіх зображень, ви також можете редагувати кадр, але збільшення та зменшення ширини приховає або виявить тінь більше, ніж потрібно, так що найкраще залишити його в спокої.
Відвідайте ThemeShock CSS Generator тіней для випадіння тіней
Коментарі