Дополнения по разрезным рамкам
Метки: уроки, Небольшая помощь при оформлении
Вы не можете комментировать, т.к. не авторизованы.
|
|
Таня Егорова
08-03-2014 10:46 (ссылка)
Ирина Ковалькова
08-03-2014 10:53 (ссылка)
Re: Дополнения по разрезным рамкам
спасибо Танюша пока даже и не пробовала...с праздником тебя.
Комментарии запрещены
1 комментарий
Свернуть
Галина Федосеева
08-03-2014 11:08 (ссылка)
Re: Дополнения по разрезным рамкам
Спасибо ,Танюша .С праздником!
Комментарии запрещены
Маша Белькова
08-03-2014 11:25 (ссылка)
Re: Дополнения по разрезным рамкам
спасибо Танюша !
Комментарии запрещены
Еkaterina Budanоv@
08-03-2014 11:30 (ссылка)
Re: Дополнения по разрезным рамкам
ТАНЕЧКА, СПАСИБО ЗА УРОК!!! С ПРАЗДНИКОМ, МИЛАЯ!!!
Комментарии запрещены
Ludmila Tholopotami
08-03-2014 11:31 (ссылка)
Re: Дополнения по разрезным рамкам
Танюш, урок забрала, большое спасибо. Поздравляю тебя и всех женщин с праздником весны и желаю большого счастья!
Комментарии запрещены
Надежда Гостевская
08-03-2014 11:32 (ссылка)
Re: Дополнения по разрезным рамкам
спасибо большое !!!
Комментарии запрещены
Валентина Родина
08-03-2014 12:30 (ссылка)
Танюша, с Паздником!!!
Мне нравится рамочник, спасибо!
Re: Дополнения по разрезным рамкам
Танюша, с Паздником!!!
Мне нравится рамочник, спасибо!
Комментарии запрещены
Alena- Lena
08-03-2014 12:55 (ссылка)
Re: Дополнения по разрезным рамкам
Спасибо большое!
Комментарии запрещены
Аллочка Кузьмина
08-03-2014 19:37 (ссылка)
Re: Дополнения по разрезным рамкам
Спасибо Танечка!Забрала себе,я после твоего урока от Ириски сбегала в рамочник и правда по старым заготовочкам попробывала рамочку собрать-собрала,встала нормально,но у меня заготовочки шириной 700 хотя я в рамочнике ставила 650 всё равно краешки зашли в майле. А вот по этому уроку попробую !
Комментарии запрещены
Светлана Пошехонка
08-03-2014 20:07 (ссылка)
Re: Дополнения по разрезным рамкам
Спасибо, Танюша, пойду разбираться, урок Ирискин хороший, но понятный для тех, кто работает в рамочнике, для меня непонятно было как вставлять все это в формулу, как после после второго скрина куда этот код сохранять, попробовала собрать рамку- только время потратила зря.Буду учиться по Вашему понятному уроку!!!!
Комментарии запрещены
♥ Irina❧ UIV ♥
08-03-2014 22:45 (ссылка)
Re: Дополнения по разрезным рамкам
Супер-урок!!!Я именно так тоже вывела себе формулу методом тыка,потому что Ирискин урок не оч.получился...и bсправляла рамочки(правда у меня их кот наплакал...)
<div align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block"><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s020.radikal.ru/i718...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670" height="528"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s006.radikal.ru/i215...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670"><font face="Comic Sans MS" color="#002342" style="font-size:17px"><b><i>
ВАШ ТЕКСТ...
</i></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s019.radikal.ru/i610...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670" height="109"><img src="http://v-img.ru/images/2013..."/><a href="http://my.mail.ru/community..."><img src="http://up-image.ru/glit/hol..."width="217" height="33" border="0" /></a></font></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>
<div align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block"><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s020.radikal.ru/i718...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670" height="528"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s006.radikal.ru/i215...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670"><font face="Comic Sans MS" color="#002342" style="font-size:17px"><b><i>
ВАШ ТЕКСТ...
</i></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font style="display:block;border:0px none #000000;background-image:url(http://s019.radikal.ru/i610...);padding:0px"><table cellspacing="0" cellpadding="0"><tr><td align="center" width="670" height="109"><img src="http://v-img.ru/images/2013..."/><a href="http://my.mail.ru/community..."><img src="http://up-image.ru/glit/hol..."width="217" height="33" border="0" /></a></font></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>
Комментарии запрещены
Таня Егорова
08-03-2014 23:57 (ссылка)
Re: Дополнения по разрезным рамкам
Высоту верха уменьшила в коде?
Комментарии запрещены
Елена Тронова
09-03-2014 10:26 (ссылка)
Re: Дополнения по разрезным рамкам
Спасибо большое!
Комментарии запрещены
Галчонок *****
11-03-2014 15:30 (ссылка)
Re: Дополнения по разрезным рамкам
Благодарю,милая!!! С прошедшим!! Танечка,я свой блог не нашла!Как мне его найти и куда обращаться?буду тебе признательна!!!!Спасибо,солнышко!!!))))
Комментарии запрещены
GALINA RAKITYANSKI
15-03-2014 09:44 (ссылка)
Re: Дополнения по разрезным рамкам
Запуталась,Танюша,я с этими кодами!сколько раз себе говорила- HTML надо уметь читать с закрытыми глазами,прогуляла,просмеялась).
Комментарии запрещены
Как оказалось многие не могут разобраться как работать с Рамочником и попросили сделать этот урок со "скелетиками".
Урок №1 Ириски "Как сделать разрезную рамочку без разрывов" можно посмотреть здесь.
Урок считаю хорошим и понятным, я лишь немного дополню его и расскажу как я делаю эти рамки.
Даю "скелетик" рамки для тех кто не может разобраться с Рамочником. Коды рамочки с подписью под текстом и под рамкой в окошках ниже. Подпись можно поставить и в нижнюю часть рамки, если эта часть достаточно большая по высоте. Если низкая, то при ее создании оставляйте внизу полоску прозрачного фона. Но тогда придется регулировать месторасположение подписи.
Код - подпись под текстом
Код - подпись под рамкой
Теперь сам процесс изготовления рамки по "скелетику".
Загружаем части рамочки. Можно на Радикал, но не советую, так как изображения с него частенько исчезают. Я загружаю на Лиру или Яру. Запоминаем ширину и высоту частей рамки. Идем в Рамочник. Выбираем рамку как пишет в уроке №1 (ссылка выше) Ириска, выставляем размеры всех частей. А вот url изображений частей рамок вставлять не надо. Ставим галочку на верхней части (см. фото-1), потом кликаем на выбор фона (см. фото-2), затем кликаем на любой фон (см. фото-3)И так же поступаем со средней и нижней частью.
Дальше выбираем в настройках кода -блоги mail.ru (альтернативный). Копируем код.
В коде находим новые цифры ширины и высоты частей рамки. Они станут МЕНЬШЕ.Чтобы быстро найти эти параметры, воспользуйтесь уроком №2 здесь . Я вписываю в окно поиска слов -width. Все три этих параметра подсвечиваются и я вношу их в скелетик рамки вместо моих слов ШИРИНА ВЕРХА, ВЫСОТА ВЕРХА и т.д. И тут же рядом вношу новые значения высоты height.
В "скелетик" вставляются url частей рамок (ВЕРХ, СЕРЕДИНА и НИЗ), ЦВЕТ и РАЗМЕР ШРИФТА,ССЫЛКА НА БЛОГ, ПОДПИСЬ, а так же задаем ширину текста, чтобы он не выходил за пределы рамки. О том как вообще можно изменять ширину текста смотрите здесь
Если у вас в блоге есть такие рамочки,с разрывом или выходят за пределы блога, то попробуйте обратиться к автору рамочки, его ник обычное есть в рамке. Ссылка конечно уже недействительна, но можно найти через поиск.
Если сможете, то попробуйте исправить их сами.
КАК это сделать.
Открываете код рамки. С помощью урока №2( ссылка выше) находим в коде всё, что начинается с http. Все адреса подсвечиваются и их легко увидеть. Копируем каждый url от одной до другой круглой скобки.
Если размер рамки был нормальный, а надо только устранить разрыв и вы разбираетесь в кодах, то сразу вставляем адрес в нужное место нового кода рамки(в "скелетик")
Если вы не разбираетесь в кодах достаточно хорошо и не знаете, что за адрес вы скопировали, то для проверки вставляем эту ссылку в строку браузера и нажимаем на Enter. Эта ссылка откроется в новом окне и вы поймете к какой части рамки она относится. Вставляем ее в нужное место "скелетика".
Если размер рамки надо уменьшать, то тут сложнее. Так же вставляете адрес в строку браузера и копируете части рамки на комп. Размер можно уменьшить в любой программе типа Фотошоп. Или на сайте, типа из этого урока №3.Там нам нужно пояснение к фото Б(как изменить размер)
А дальше проделываем все, как описано выше, чтобы собрать рамочку. Не забудьте вставить ссылку на автора.
Читать весь этот урок долго, а делается всё быстро.
Урок провела Егорова Татьяна
Еще уроки здесь