ДЕЛАЕМ РАМОЧКИ

Вторник, 06 Февраля 2024 г. 06:22 + в цитатник

Цитата сообщения Душица

Прочитать целиком В свой цитатник или сообщество!

Вот такую, например:

Ваш текст

Дизайн от Душицы

Это достаточно просто!

Скопируйте нижеприведенный код:

Ваш текст<br />

</font></center></td></tr></table></td></tr></table><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><font color="КОД ЦВЕТА"><font size="1"><b>ТЕКСТ ССЫЛКИ НА ВАШ БЛОГ</b></font></font></a></center></td></tr></center></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center><br /><br /><br />

<font size="+2"><font color="#КОД ЦВЕТА"></font></font><center></center>

Там, где надпись "Ссылка на изображение", её надо аккуратненько удалить, не задев закрывающие кавычки, и вместо этой надписи вставить ПРЯМУЮ ссылку на изображение.
Где взять прямую ссылку? Например, загрузив картинку с вашего компьютера на какой-нибудь файлообменник, и взяв там из множества предложенных вариантов именно прямую ссылку - она должна начинаться на http и заканчиваться на jpg (или другое расширение вашего графического файла).
Есть еще один вариант - сделать закрытое сообщение в вашем блоге и загрузить картинку туда. Затем перейти в режим редактирования этого сообщения. Вы увидите целый большой код. Из него надо скопировать только саму ссылку и загрузить в рамочку.
Там, где в рамочке написано "Код цвета", нужно опять-таки аккуратно надпись стереть и вместо нее поставить код нужного вам оттенка. Где его взять? Очень просто - наберите в Яндексе "Таблица цветов" - и появится таблица Яндекса. Щелкаете по нужному оттенку, и справа будут коды. Вам нужен тот, который начинается на #. Копируете и вставляете.
Как вы видите, в этой рамочке предусмотрена ссылка на блог создателя. Соответственно там, где "Текст ссылки на ваш блог" - вставляете текст, например, "Дизайн от того-то", а там, где "Ссылка на ваш блог" - вставляете собственно адрес вашего блога (в виде ссылки на профиль или ленту сообщений).
Также учтите, в этой рамочке я использовала один основной фон - розы, и два прозрачных. Вы можете грузить любые фоны, помните, что первая ссылка на картинку - это основной фон, далее - по порядку, то есть фон сообщения - последний. И еще - все-таки желательно, чтобы фоны были бесшовные.

Сейчас я расскажу о том, как сделать вот такую рамочку, украшенную блестящими (или не блестящими) картинками.

Ваш текст

Чтобы сделать такую рамочку самостоятельно, скопируйте нижеприведенный код:
<center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="3" cellspacing="2" width="650"><tr><td><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="3" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="5" cellspacing="2" width="450"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="4"><font color="#КОД ЦВЕТА"><font face="Times New Roman"><br /><center><img data-cke-saved-src="БЛЕСТЯЩАЯ КАРТИНКА" src="БЛЕСТЯЩАЯ КАРТИНКА" width="200" height="200" /></center><center><br />Ваш текст<br /><img data-cke-saved-src="ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" src="ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" width="400" height="400" /></center><br /><br /></font></font></font></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></td></tr></table></center>
Соответственно, там где написано ФОНОВАЯ КАРТИНКА вы стираете эту надпись, а вместо нее ставите ссылку на картинку (т.е. бесшовный фон). Ссылка должна начинаться на http и оканчиваться на jpg или другое графическое расширение файла. Такую ссылку можно получить на любом сайте фотохостинга. Где найти фотохостинг? Например здесь: liveinternet.ru/users/2670115/post220257322
Итак, обратите внимание, что фоны должны чередоваться между собой, хотя можно сделать все и одним фоном, но это будет не так интересно выглядеть.
Далее, там где "БЛЕСТЯЩАЯ КАРТИНКА" и "ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" вы вставляете ссылку на картинки, которые будут украшением рамочки. Они не обязательно должны быть блестящими, это могут быть фотографии, картинки в формате PNG. Обратите внимание, что размер этой картинки задан в самой рамочке, желательно, чтобы она имела более-менее равные пропорции. Но если что, можно отрегулировать параметрами width и height, которые указаны после ссылок на картинки.
Там, где "КОД ЦВЕТА" нужно указать цвет, его код можно получить в таблице цветов Яндекса (достаточно ввести в поиске фразу "таблица цветов", код должен начинаться на #).
Вот и все, готово!

ЕСЛИ ВЫ ХОТИТЕ ПОДЕЛИТЬСЯ РАМОЧКОЙ

Предположим, вы сделали рамочку. И хотите разместить ее у себя в блоге, чтобы ее к себе могли скопировать ваши друзья. Что для этого нужно? Нужно скопировать ее код и поместить поместить в тег textarea, под собственно исходной рамочкой. Соответственно, вот варианты открывающего и закрывающего тега. Тогда код рамочки будет в таком окошечке.
Untitled-1 copy (174x72, 8Kb)