МАЛЮЄМО кнопочку.
Ця інформація буде корисна не тільки користувачам движка Jimdo. Вона буде корисна всім початківцям веб-майстрам, тим хто користується он-лайн конструкторами сайтів, але, в першу чергу, призначена для шанувальників Jimdo. Вибачайте, якщо я занадто докладно буду описувати, як проводити ті чи інші ітерації, але досвід спілкування зі слухачами тренінгів по Jimdo показує, що зайвої подробиці не буває :).
Концепція конструктора веб-сайтів Jimdo передбачає, що користувач не володіє навичками програмування і знаннями html, MySQl і php. Ну ось і я не буду перевантажувати читачів «непотрібної» інформації :).
Отже, в ході конструювання сайту час від часу виникає необхідність зробити гіперпосилання не просто по тексту, а оформивши це посилання у вигляді кнопочки.
У конструкторі Jimdo сформувати кнопку можна трьома способами.
Переваги такого методу - кнопку можна намалювати будь-якого кольору і форми, адже це всього-на-всього тільки малюнок.
Другий метод формування кнопки - скористатися модулем Jimdo «таблиця».
У табличці можна сформувати цілком пристойну кнопочку і при необхідності навіть вставити її в текстовий фрагмент.
Переваги - кнопку можна намалювати будь-якого кольору і ширини і дати їй обведення.
Ну ось, наприклад, що виходить.
Отже, кнопочка готова. Як нею користуватися? - Дуже просто. Якщо ви сформували кнопочку на місці її подальшого «проживання», то нічого робити не треба. Якщо Ви хочете перемістити її в інше місце - то Вам треба скопіювати html код кнопки і вставити його в потрібне місце.
Ось, власне, і все.
Ну а тепер, після того, як ми навчилися копіювати і вставляти html код кнопки в потрібне нам місце, ми можемо розглянути третій метод формування кнопки в конструкторі Jimdo.
Мабуть, це найпростіший метод формування кнопочки. Це найпростіша html кнопочка "batton", і виглядає вона так:
Переваги кнопочки - простий код, нічого малювати не треба. Округлені краї. При наведенні на кнопку курсору і при «натисканні» на неї, зображення (зовнішній вигляд) кнопки змінюється, імітуючи "реальне" натискання. Вставляти її можна просто в текстовий модуль, або в табличний модуль. В цьому випадку можна навіть сформувати у кнопочки кольоровий фон, наприклад так:
Як Ви зрозуміли, код кнопочки вставлений в табличну осередок просто замість тексту.
Отже, як же виглядає код такої кнопочки з атрибутами "за замовчуванням". А виглядає він так:
Де червоним кольором виділена сторінка переходу.
Якщо Ви хочете підігнати кнопочку під розміри вашої програми, то її можна змінити наступним чином.
68рх - розмір в пікселях полів до і після напису кнопочку (ці поля разом з написом, в кінцевому підсумку, визначають ширину кнопочки).
# 0000ff - колір напису на кнопці (в даному коді це синя напис кнопочку)
Команда window .open показує, що сторінку переходу треба відкривати в новому вікні.
Якщо Ви хочете, щоб нова сторінка відкривалася в цьому ж вікні, то повинна бути команда window.location.href = Тоді код кнопки матиме такий вигляд:
Якщо Ви хочете розмістити кілька кнопочок в один ряд, просто вствьте кілька кодів поспіль в html віконце модуля "текст". У вас вийде ось що:
Кнопочку 1 кнопочку 2 кнопочки 3
А ось код який був вставлений (призначення переходу, звичайно повинні бути різні).
Причому розсовувати їх можна просто пробілами, так само, як при редагуванні тексту.