Сообщить о спаме?

КОД ПОСТА

Метки: помощь блоггеру, рамки из слоёв, ДЕЛАЕМ РАМКИ

Комментариев: 85

444

26-04-2012 16:51 (ссылка)

Джулия

Рамки из слоёв цвета.

Помощь блогеру

Рамки из слоёв цвета.

ТЕКСТ

Код такой рамки состоит из одних слоёв цвета. Картинки как фоны здесь не нужны.
[ Читать далее... → ]
А теперь поставим картинки сверху рамки.

ТЕКСТ

Код этой рамочки
<div align="center"><table cellspacing="0" cellpadding="0" border="0"><tr><td><img src="АДРЕС КАРТИНКИ СЛЕВА" border="0" width="125" height="122" align="left"><img src="АДРЕС КАРТИНКИ СПРАВА" border="0" width="125" height="122" align="right"><br><br><br>
<font style="display:block;border: 3px solid #2861aa;background-color: #89b5f9;padding:12px;"><font style="display:block;border: 3px solid #2861aa;background-color: #89b5f9;padding:8px;"><font style="display:block;border: 3px solid #2861aa;background-color: #89b5f9;padding:4px;"><font style="display:block;border: 3px solid #2861aa;background-color: #89b5f9;padding:8px;"><font style="display:block;border: 3px solid #2861aa;background-color: #c4f5f6;padding:12px;"><table cellspacing="0" cellpadding="0" border="0"><tr><td width="400"><center><b><font color="#143d73">ТЕКСТ</font></b></center></td></tr></table>
</font></font></font></font></font></td></tr></table></div>

Желаю удачи!

Метки: ДЕЛАЕМ РАМКИ, рамки из слоёв

Комментариев: 104

471

18-02-2012 14:49 (ссылка)

Джулия

Для новичков. Образцы и коды рамочек.

Образцы и коды рамочек.

В кодах везде проставлен border="1". Чтобы не было видно этого серого контура, смените 1 на 0 (border="0").
Вместо слова ФОН или КОНТУР нужно ставить адрес фона (начинается с http://).
Вместо слов КАРТИНКА ставите код картинки ( начинается с <img src=" или с <foto preview=")

Заголовок

Картинка	Текст
Картинка	Текст
Картинка	Текст
Картинка	Текст

Содержимое рамки

Заголовок

Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка
Картинка	Картинка	Картинка

Заголовок

Текст

Пример

Бродилка

Музыка

Видео

Кулинария

Текст

Картинка
Текст

Пример

Текст

ЗАГОЛОВОК

Картинка или текст
Содержимое рамки

Пример

ЗАГОЛОВОК

Содержимое рамки

Экспериментируйте, не бойтесь!
Что не будет получаться, я помогу.

Метки: ДЕЛАЕМ РАМКИ

Комментариев: 141

562

21-02-2011 16:07 (ссылка)

Джулия

Делаем рамку из картинки.

Помощь блоггеру

Рамка из картинки

Можно картинку сделать самому в графическом редакторе (Фотошоп, Paint.Net, ...), можно найти на просторах Интернета.
Обязательным условием для картинки является наличие свободного пространства между верхней частью рисунка и нижней. Хотя бы несколько милимметров.

Итак, я нашла вот такую картинку

Теперь её нужно разделить на 3 части. Получаем
1.

Длина у всех каринок одинакова - 510px, а высота разная.

[ Читать далее... → ]

Желаю удачи!

Метки: помощь блоггеру, Рамка из картинки, ДЕЛАЕМ РАМКИ

Комментариев: 164

894

15-07-2010 05:58 (ссылка)

Джулия

Используем в рамочке фон c верхним бордюром

Помощь блоггеру

Используем в рамочке фон c верхним бордюром

Будем делать вот такую рамочку, используя фон с верхним бордюром.

ТЕКСТ

Джулия

Формула рамки
[ Читать далее... → ]
Чтобы не искать фон с бордюром, я вам выставляю немного для начала. Кликните по картинке и она откроется в полный размер.
Эти фоны можно использовать как общий фон для оформления блога. Получается очень симпатично.
Я их использую давно для этих целей.
Можете посмотреть здесь http://blogs.mail.ru/mail/novomet/ или здесь http://blogs.mail.ru/mail/moibrat1/

Желаю удачи!

Метки: помощь блоггеру, ДЕЛАЕМ РАМКИ, фоны

Комментариев: 172

717

30-06-2010 12:27 (ссылка)

Джулия

Рамки определённого размера.

Помощь блоггеру

Сделать рамку определённого размера

Сегодня я расскажу вам, как сделать рамку определённого размера и подправить уже выставленные в блог, но растянувшиеся.

1. Это обычная рамочка. Она растягивается в ширину и в длину по наполнению. И многие, в том числе и я, пользовались этой формулой. Но в последнее время рамки в блогах поползли в ширину до не приличных размеров, нарушая оформление рамочек.

1
Текст
Джулия

Вставим текст и посмотрим, что получится

1
Как можно отстирать вещи от "детской неожиданности".
Замочить бельё в холодной воде и полить сверху "Фейри" или другими средствами для мытья посуды. Также можно отстирать любые жирные пятна.
Джулия

2. А это уже рамочка шириной 400px

2
Текст
Джулия

[ Читать далее... → ]

Желаю удачи!

Метки: помощь блоггеру, ДЕЛАЕМ РАМКИ, Размер рамки

Комментариев: 186

920

26-01-2010 20:53 (ссылка)

Джулия

Рамочка в рамочке. Урок.

Помощь блоггеру

Давно обещала и сегодня выполняю просьбу как делать вот такую рамочку

Приветик!

[ Читать далее... → ]

Комментариев: 205

765

23-01-2010 13:14 (ссылка)

Джулия

Рамочка для коротких сообщений. Формула.

Помощь блоггеру

Рамочка для коротких сообщений.

Основная формула такой рамочки
<center><table border="0" cellpadding="2" cellspacing="0" background="АДРЕС ФОНА ЛИЦЕВОГО" width="100%"><tr><td width="100" valign="top"><img src="АДРЕС КАРТИНКИ" width="ширина картинки" height="высота картинки" border="0" ><td><td valign="top">
<center><font color="ffffff" size="3" face="verdana"><b>
ТЕКСТ
</b></font></center></td></td></td></tr></table></center>
На основе этой формулы сделаны мои рамочки, которые вы видели в предыдущем посте.
[ Читать далее... → ]
И получаем результат

Здесь пишем текст!
УДАЧИ!

Желаю удачи!

Комментариев: 177

591

26-11-2009 13:09 (ссылка)

Джулия

Рамочка Пчелки

Эу рамочку я ставлю в качестве примера к следующему уроку.
Урок по созданию такой рамочки читайте в следующем посте.

Желаю удачи!

Джулия

Метки: помощь блоггеру, МОИ РАМКИ, ДЕЛАЕМ РАМКИ

Комментариев: 132

657

10-08-2009 13:54 (ссылка)

Джулия

Подписываем рамочки.

Помощь блоггеру

Подписываем рамочки

Рамочки мы научились делать и уже готовы их выставлять. Теперь нужно подписать их, чтобы все знали, чья эта рамка.

Для этого нам нужно вставить ссылку со своим именем.

Пишем ссылку (я пользуюсь вот этой)

<a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><font color="ffffff" size="2" face="verdana,arial"><B><div align="center">ВАШ НИК или ИМЯ</font></B></a><table border="0">

<div align="center"> - это означает, что ссылка будет находится по центру.
Можно center заменить на right (ссылка будет справа) или left (ссылка будет слева)

Вставлять ссылку можно 1. Сразу после текста с новой строки

<table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="http://s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"><center>Учимся делать рамки

ССЫЛКА</center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

2. Между фонами после <tr><td>

<table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td>ССЫЛКА<table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="http://s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="http://s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"><center>Учимся делать рамки</center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Можно ещё примеры приводить,куда можно вставить ссылки, но для начала вам и этого хватит, я думаю.
Разобравшись с этим, вы потом сами найдёте место.

Желаю удачи!

Учимся делать рамки

Джулия

Комментариев: 103

480

09-08-2009 18:35 (ссылка)

Джулия

Учимся делать рамки.

Помощь блоггеру

Учимся делать рамки.

Для рамки нам нужны фоны и их адреса. Адрес фона всегда начинается с http://
Я лично пользуюсь Радикалом для получения такого адреса. Берётся ссылка под №1.
Итак, начнём.

Ставим первый фон в рамке

[ Читать далее... → ]

Желаю удачи!

Комментариев: 319

816

25-07-2009 12:26 (ссылка)

Джулия

Рамочка с разрывом - урок

Помощь блоггеру

Рамочка с разрывом.

Чтобы сделать рамку с разрывом, нужна такая формула:

<fieldset><legend>ТЕКСТ или КАРТИНКА в разрыве</legend>ТЕКСТ</fieldset>

[ Читать далее... → ]

Желаю удачи!

Комментариев: 84

414

07-07-2009 11:42 (ссылка)

Джулия

Делаем рамку с уголками.

Рамки от Джулии


	Желаю удачи!

Помощь блоггеру

Делаем рамку с уголками.

Принцип построения рамки с уголками точно такой же, как и у любой рамочки.

Вот формула рамочки, которую вы видите выше. На основе её я и делала эту рамочку.

<center>
<table width="100%" border="0" cellspacing="1" cellpadding="1"
background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5"
background="УЗКАЯ ВСТАВКА"><tr valign="top"><td width="100%"><table width="100%"border="0"cellspacing="1"cellpadding="1"
background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="30" cellpadding="30"
background="ШИРОКАЯ ВСТАВКА"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1"
background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5"
background="УЗКАЯ ВСТАВКА"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1"
background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5"
background="ФОН ДЛЯ ТЕКСТА"><tr valign="top">
<tr>
<td>ЛЕВЫЙ ВЕРХНИЙ УГОЛОК</td>
<td class="top" width="100%"></td>
<td>ПРАВЫЙ ВЕРХНИЙ УГОЛОК</td>
</tr>
<tr>
<td class="left"></td>
<td>
<center><text face="Monotype Corsiva"><text size="5"><text color="#FAFAD2">

ВАШ ТЕКСТ</text></text></text></center>
<br></td><td class="right"></td>
</tr>
<tr>
<td>ЛЕВЫЙ НИЖНИЙ УГОЛОК</td>
<td class="bottom"></td><td>ПРАВЫЙ НИЖНИЙ УГОЛОК</td></tr>
</td></tr></table></tr></tr></table></td></tr></table></tr></tr></table></td></tr></table></td></tr></table></td></tr></table></td><tr></table></center>

Что можно менять в формуле:

table width="100%" - ширина всей таблицы (чтобы таблица растягивалась в ширину записи, нужно ставить её ширину = 100%)

cellpadding="1" - ширина видимого слоя фона рамки, отступ содержимого таблицы от рамки.

cellspacing="1" - Расстояние между ячейками.

border="0" - толщина рамки.

background="КОНТУР" или background="ШИРОКАЯ ВСТАВКА" и т.д. - это фоны нашей рамочки. URL адрес фонов начинается с http:// (с Радикала код №1).

ЛЕВЫЙ НИЖНИЙ УГОЛОК и т.д. - это наши уголки-картинки. Код картинок начинается с <img src="http:// ( с Радикала код №6)

<text face="Monotype Corsiva"> - гарнитура(вид) шрифта

<text size="5"> - размер шрифта (число от 1 до 7)

<text color="#FAFAD2"> - цвет шрифта

Желаю удачи! Ваша Джулия.

ЖМИ!

Комментариев: 192