|
|
||||||
|
Честно говоря, не знаю, что такое "фишки" и в чём их предназначение, но если это обычные маленькие картинки с подписями, которые служат для украшения странички, могу предложить способ замены этих "фишек" табличками. Предположим, у вас нет никакого графического редактора, с фотошопом вы не знакомы, и картинки подписывать не умеете. А стандартные "фишки" - это слишком скучно, и вы, как говорится, "достойны большего". Тогда выбираете в сети понравившуюся картинку, например, такую: http://powerclip.ru/uploads/photos/3242.jpg. Сохраняете её себе и уменьшаете до нужных размеров. А можете сохранением и уменьшением не заморачиваться, а задать нужный размер изображения прямо "на месте". Для этого создаёте таблицу с границей: table border="1", выравниваете по-середине: align="center". Далее приступаете к обработке ячейки. Выбираете цвет, который вам наиболее симпатичен, и заливаете им ячейку, например, чёрный : td bgcolor="#000000", задаёте требуемую ширину ячейки, например, 60 пикселей: width="60". Теперь вставляете саму картинку (её адрес) и формируете нужный размер. По ширине картинка должна быть такой же, как и ширина ячейки, то-есть 60 пикселей, а высоту height делаете как вам нужно. Пусть она будет 100 пикселей: height="100". Теперь осталось подписать картинку. Для этого в ячейке создаем блок: <div align="center"><font ...> Текст </font></div>. Внутри <font ...> задаём шрифт, нужный размер шрифта и его цвет. Стандартный размер - это size="3". Уменьшим его до "2". Цвет текста будет белым: color="#FFFFFF", а сам шрифт: face=Arial. Сформировали блок font, теперь впишем в него нужный текст. Чтобы на каждую строчку приходилось по одному слову, в конце первого слова поставим тег переноса на новую строку <br>. Осталось закрыть все теги у сформированной таблицы, и картинка в рамке готова:
Результат:
Если полученный результат не удовлетворяет (большая картинка, или надпись велика) можно уменьшить размеры:
Красным в Примере 2 отмечены изменения, в результате которых табличка-картинка стала выглядеть так:
Можно значительно разнообразить такие таблички, используя в качестве картинок - анимированные картинки. Ищем подходящую гиф-картинку, желательно сразу маленького размера, например: Можно, конечно, и большую картинку ужать в таблице до нужного размера, но тогда нужно тщательно соблюдать пропорции, дабы картинка не перекосилась, или же перекос не был заметен. Например, так: Вставляем адрес этой картинки в Пример 2 и изменяем подпись и размер букв:
Если анимированная картинка совсем маленькая, то её размеры можно не задавать. Табличка сама "обтянет" эту картинку:
В данном примере вообще убран параметр width а таблица залита серым фоном вместе с рамкой. Для этого параметр bgcolor="#999999"вставлен прямо в блок table, а не в блок ячейки td. И в результате получаем:
Если же есть желание несколько отдалить текст от картинки, то нужно и перед первым словом поставить тег <br>:
В дополнение к сказанному здесь опять задана ширина ячейки. При этом не обязательно задавать точный размер, можно задать заведомо меньший ширины картинки. Это не позволит табличке "разползтись".
Ещё один способ создания таких картинок табличек - заливка ячейки фоном. В этом случае текст можно распологать по центру ячейки. А в качестве фона можно использовать любую маленькую картинку. При этом вместо параметра заливки цветом bgcolor в тег <td> или <table> надо всавить параметр заливки фоном background. И параметр <img> здесь уже не нужен:
Результат:
Теперь сформированные таблички-картинки можно разместить в аннотации к разделу или произведению. К сожалению, их нельзя вытянуть в строчку, как рисунки. При размещении несколькох табличек они все будут одна над другой. Но этого можно избежать, если поместить их внуть таблицы с несколькими ячейками, без фона и границ:
Здесь красным выделены отдельные таблички-картинки, которые требуется разместить. Результат:
Эти картинки-таблички можно сделать одинаковымы по высоте, задавая в каждой ячейке парметр высоты: <td height="..."> Как это будет выглядеть, если поместить в аннотацию к разделу, можно посмотреть тут.
|
|
Новые книги авторов СИ, вышедшие из печати:
О.Болдырева "Крадуш. Чужие души"
М.Николаев "Вторжение на Землю"