Зміна дизайну на ()

На цій сторінці зібрані основні CSS-коди, які необхідно використовувати для зміни дизайну сайту на ОКИС.РУ (OKIS.RU).

Змінює оформлення основного меню

.art-vmenublockcontent-body ul.art-vmenu li a span.t font-size: розмір_тексту_меню px; color:# колір_тексту_меню; margin-top: відступ_меню_зверху px; background: # колір_фону_меню; border: 1px sol > колір_кордону_меню; >

Змінює оформлення основного меню при наведенні на нього курсора мишки

.art-vmenublockcontent-body ul.art-vmenu li a:hover span.t

Змінює оформлення активного меню

.art-vmenublockcontent-body ul.art-vmenu li a.active span.t

Змінює оформлення підменю

.art-vmenublockcontent-body ul.art-vmenu li ul li a font-size: размер_текста_подменю px; color:# колір_тексту_підменю; margin-top: відступ_підменю_зверху px; background: # цвет_фона_подменю; border: 1px solid # цвет_границы_подменю; >

Змінює підменю при наведенні на нього курсора мишки

.art-vmenublockcontent-body ul.art-vmenu li ul li a:hover

Змінює активне підменю

.art-vmenublockcontent-body ul.art-vmenu li ul li a.active

Змінює контур шапки, якщо він є у Вашому шаблоні

Змінює низ сайту

Примітка: якщо у Вас некоректно показується низ сайту, спробуйте вказати його висоту, тоді все має вийти.

Змінює фон нижньої половини сайту

Змінює фон верхньої половини сайту

Змінює фон навколо вмісту сторінки

Контур із закругленими кутами навколо області сайту

Змінює кути контуру

Змінює верхню та нижню частину контуру

Змінює ліву та праву частинуконтуру

Примітка: Дані CSS-коди слід використовувати тільки в шаблонах, де є контур із закругленими кутами навколо області сайту.

Оформлення тексту посилання

Змінює оформлення посилання у звичайному стані

Змінює оформлення посилання при наведенні на неї курсором мишки

Змінює заголовок у шапці

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover color : # цвет_заголовка_в_шапці !important; font-size: розмір_тексту_заголовка px; >

Примітка: Обов'язково ставте !important після вказівки кольору заголовка у шапці, інакше колір не зміниться. !important - означає, що якщо для одного і того ж елемента в таблиці CSS вказуються різні дані, то будуть відображатися ті дані, де вказано !important. Очевидно, у шаблонах окис так і відбувається, тому при зміні кольору заголовка в шапці обов'язково вказуйте !important.

Змінює заголовок над текстом

Примітка: В уроці наповнення сайту, зробленого на okis.ru розповідалося про те, що цей заголовок є тегом h1, але це не так. Насправді це тег h2, але в адмінці сайту, зробленого на окисі, чомусь зазначено, що це тег h1. Мабуть, це помилка творців сервісу okis.ru. Можливо, незабаром цю помилку виправлять. А тег h1 знаходиться в шапці сайту (див. попередній пункт «Заголовок у шапці»)

Якщо Ви ще не знаєте, як зробити безкоштовний сайт на OKIS, то Ви можете розпочати уроки прямо зараз!

Уроки створення сайту на OKIS

Популярність нотатки: 4%

Розміщено у рубриці: Сайт на OKIS

Дякую вам, я багато чого навчилася!

Радий, що мої уроки Ваму пригоді

Доброго дня, підкажіть, чи є можливість змінити центральну зону, тобто та зона, де буде розташований весь основний контент.

Так можна. Спробуйте прописати стилі для .art-post. Якщо не вийде, напишіть, що саме Ви хочете змінити в місці, де знаходиться вміст сайту. Тоді я зможу вам більше допомогти.

А як зробити на Окісі так, щоб пункти підменю випадали вправо, а не вниз - мучаюся вже другий день зі своїм сайтом Допоможіть, якщо зможете.

По-перше, дякую: завдяки Вам наш сайт sunflat.okis.ru почав щось людське нагадувати, а то кошмар якийсь був.

Питання: як ввести зображення в область праворуч і ліворуч від тексту, наприклад, під Меню, щоб позбутися порожніх місць? Чи це неможливо?

як ввести зображення в область праворуч і ліворуч від тексту, наприклад, під Меню, щоб позбутися порожніх місць? Чи це неможливо?

Здрастуйте, я хотів би дізнатися, як Ви встановили «Хмара тегів»? Як ви нанесли теги на сторінки, що вони з'являються в «Хмарі тегів»? Я створив свій сайт і теж хотів би розмістити його на сайті. Я знаю як створити «Хмару міток», але не знаю як розмістити теги на сторінки, щоб вони з'являлися в ньому. Підкажіть, будь ласка, буду Вам вдячний, з ув. Юрій

Здрастуйте, я хотів би дізнатися, як Ви встановили «Хмара тегів»? Як ви нанесли теги на сторінки, що вони з'являються в «Хмарі тегів»? Я створив свійсайт і теж хотів би розмістити його на сайті. Я знаю як створити «Хмару міток», але не знаю як розмістити теги на сторінки, щоб вони з'являлися в ньому. Підкажіть, будь ласка, буду Вам вдячний, з ув. Юрій

А у Вас якийсь двигун? Якщо у Вас движок wordpress (у мене wordpress), то для хмари міток є спеціальний плагін WP-Cumulus. Його треба встановити на сайт, і у Вас буде така ж хмара міток, як на моєму сайті. Для кожного двигуна є свої рішення.