Інформери Юкоз для дизайну сайту

Всім привіт. Мене дуже засмучує, коли таку зручну систему, як юкоз (система управління сайтом + хостинг в одному флаконі, www.ucoz.ru) вважають чимось збитковим і не для гарного сайту. У нашому суспільстві є кілька сайтів на Юкоз і всі вони заслуговують на повагу.

Так, наприклад, дизайн головної сторінки мого сайту зроблений виключно за допомогою інформерів Юкоз.

Я вважаю, що інформери в Юкоз - це відмінні помічники для створення неповторного дизайну. Користувачам все одно, якою системою управляється ваш сайт, і якщо дизайн буде красивим і зручним - не таким, як стандартні дизайни на Юкоз - ваш сайт від цього тільки виграє.

Робити тизери на Юкоз легко. Ні, я б навіть сказала, що це дуже легко. І часом нагадує гру: «а що буде, якщо додати це, а це видалити, а ось це зробити трохи інакше?»

Як його зробити?

$ TITLE $ $ MESSAGE $

Отже,
Цей код говорить нам про те, що ми створюємо табличку з фоном, кольору FF8882, без кордонів і відступів. При бажанні, змінюючи колір фону ви можете зробити інший тизер. З білим фоном, з чорним, з блакитним - яким захотіте.Ідем далі:

td - це осередок таблиці, всередині якої буде розташовуватися фото і підпис до нього, що містить у собі назву і опис статті. $ IMG_URL1 $ - це перше фото, яке ви прикріпили при додаванні статті через кнопку додати зображення (внизу).

Ну, і найцікавіше:
$ TITLE $
$ MESSAGE $

Нижче під фото ми виводимо посилання на статтю (коди $ ENTRY_URL $ і $ TITLE $ вам вже знайомі) і опис статті. $ MESSAGE $ - це змінна, яка виводить короткий опис статті, яке ви задаєте самі при її додаванні. 🙂

Щоб зробити назву і опис статті зрозумілим для Новомосковсктелей, я використовувала тег font, який говорить браузеру, що назва потрібно вивести більшим шрифтом (3), а опис більш дрібним (1). color - як ви вже здогадалися колір тексту - ви можете його змінювати на свій розсуд. Також ви можете задати всі ці параметри в css і прописати лише класи.

Просто, чи не так?

Давайте разом зробимо тизер з сайдбара мого нового сайту, ось він:

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

$ TITLE $

Бачите, я зробила 2 осередки, одна вирівняна по лівій стороні шириною 150, щоб вмістити в себе картинку розміром 130 * 150, а іншу розміром 160 з вирівнюванням по центру, щоб вмістити посилання на статтю.

код

робить відступи між тизерами.

Ще раз повторюся, що я не фахівець і тому можу робити щось не так, можливо, є інші - більш правильні варіанти. Знаєте їх - пишіть. 🙂

Якщо є якісь питання - задавайте. Будемо вчитися разом.

Поділитися з друзями