Добавляем в блог поиск по блогу от Гугла
 

Доменное имя - это символьное имя, помогающее находить адреса интернет-серверов. Общее пространство имён Интернета функционирует благодаря DNS - системе доменных имён. В обыденной речи под доменным именем понимают электронный адрес объекта. Многим хочется, чтобы адрес их блога был уникальным, а не просто http://www.liveinternet.ru/users/3272014/profile/, как у меня, например. Я мог бы завести, к примеру домен domsovetov.ru. Но, если честно, не хочу, меня вполне устраивает и такой неброский, тем более, мой блог создан лишь для подпитки любимых сообществ необходимыми статьями. Хотя создать новый домен легко и просто. И при этом быстро и недорого)) Вот для желающих создать отдельный запоминающийся домен предлагаю вам пост от konstantin24.

Как приобрести и "привязать" домен к вашему дневнику на Ли ру. Зачем спросите вы? Если вы планируете зарабатывать на своём блоге, то с покупкой домена вас будет легче найти - значит будет больше читателей - соответственно ваш заработок увеличится.

Свой домен я регистрировал на сайте http://www.dnar.ru. Во первых, меня устроила цена, за регистрацию в зоне ru я отдал всего 95 рублей (получается 95 рублей в год). Итак, начнём инструктаж.

1. Для начала выбираем пункт "Регистрация". Он в верхнем правом углу. Внимательно заполняем информацию об абоненте, то есть о владельце домена.

Читать далее >>>

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

 

 

КОД "СКЕЛЕТИКА"рамки.
<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" data-cke-saved-href="ССЫЛКА НА ВАШ ДНЕВНИК" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>

 

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
 

Учимся делать плеер с множеством песен

Вот такой


Уже надоело отвечать на вопросы - Как?,
Почему у меня не получается плеер по этому УРОКУ ?
Да потому, что урок не для начинающих...)) Трудный урок для восприятия начинающим.
Так что, расписываю все очень подробно, чтобы такой плеер смог сделать не только "отличник", но и, простите, "двоечник"...))

Читать далее...

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
ВАШ КОД
Читать далее
SvetlanaT

Хотите за 5 минут собрать простенькую, но очень симпатичную рамку
для текста? Например, такую:

Здесь будет ваш текст
-------

Или такую:

Здесь будет ваш текст
-------

Тогда смотрим и берём на заметку.
Смотрим дальше

 

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

<div style="background-color: #F4FC03; border:3px #00B344 ridge; width: 640px; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;"><img data-cke-saved-src="ВАША КАРТИНКА" src="ВАША КАРТИНКА" style="float: left; margin: 0px 15px 10px 0px" /><span style="font-family: Georgia; color:#000000; font-size: 18px;">Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.<br /><br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">Ваша подпись</a></center></span></div>

Смотрим дальше

На этот раз хочу поделиться более сложными шаблонами, в которых можно не только менять цвет фона, но и сделать фоном изображение.
В представленной рамке фон-изображение вставляется в верхний слой снаружи.

Здесь будет ваш текст

Ваша подпись

<center><div style="border:2px solid #EBE3D4; width:650px; padding:18px; background-image: url('https://img-fotki.yandex.ru/get/6846/163781271.c8/0_dce0f_53e73c4b_XXS.jpg'); box-shadow:rgba(0,0,0,.8) 0 5px 11px -5px;"><div style="border:2px solid #EBE3D4; padding:18px; background:#E2D6C1; border-radius:32px; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; font-family:Georgia; font-size:19px; font-style:italic; color:#663300;">Здесь будет ваш текст<br /> <br /> <center><center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

Объяснительная часть

С помощью CSS можно вокруг любого изображения сделать симпатичную
рамку-обводку. Поскольку у стилевого свойства border есть несколько значений,
то и рамочки могут быть разными по стилю, цвету и толщине.

Название цвета указываем по-английски. Значения меняем в строке:
style="border: 10px double Blue", где 10 — толщина, double — стиль, Blue — цвет.
Сначала покажу примеры рамок, а ниже представлю их коды.

Вариант 1

Изображение заключено в двойную рамку: стиль double;

Смотрим дальше

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

Смотрим дальше

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

Здесь будет ваш текст

Ваша подпись

<center><div style="background: #8FD532; width: 590px; padding:14px; border-radius: 18px; box-shadow: inset 5px 6px 3px rgba(203,255,144,0.4), 3px 3px 4px rgba(0,0,0,0.6), -2px -2px 4px rgba(223,152,0,0.7), 0 0 20px 3px Yellow; font-family: Georgia; font-size: 21px; font-style: italic; color:#006600;">Здесь будет ваш текст<br /> <br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

Смотрим дальше

 

БЕГУЩИЙ ТЕКСТ

Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже
 

рамочка от Егоровой Татьяны..................................................коллаж от Sabine Astana Здесь будет Ваш текст

Код этой готовой рамочки<table style="border:8px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><center><b><a target="_blank" data-cke-saved-href="http://www.egorovatatiana.ru/" href="http://www.egorovatatiana.ru/"><font color="#f5989d"><font size="1">рамочка от Егоровой Татьяны</font></font></a><font color="#9d0039"><font size="1">..................................................</font></font><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/3111237/" href="http://www.liveinternet.ru/users/3111237/"><font color="#f5989d"><font size="1">коллаж от Sabine Astana</font></font></a></b><table style="border:3px ridge #cc9900" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:15px"><table style="border:3px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr></table></td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center><font color="#000000"><font size="2"><b><br /> Здесь будет Ваш текст</b></font></font></center></marquee></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center></td></tr></table>
 

Читать далее еще разные уроки здесь

 

Сегодня поговорим о том, как уменьшить ВЕС картинки. Именно ВЕС, а не сам размер. Вот посмотрите ниже три картинки. На первый взгляд они все абсолютно одинаковы.


1.


2.


3.

 

Читать далее...

 

РАМКИ С ОБЪЕМНЫМ ФОНОМ

 

Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А

Здесь будет Ваш текст Егорова Татьяна

 

РАМКА Б

Здесь будет Ваш текст Егорова Татьяна

 

РАМКА В

Здесь будет Ваш текст Егорова Татьяна

 

Можно сделать рамку и с прямыми углами

Здесь будет Ваш текст Егорова Татьяна

 

Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.
 

Читать далее...

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

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

Читать далее
  Вот и всё! Удачи!

Код для Mail.ru тут
Еще уроки тут

 

ДОБАВЛЕНИЕ АНИМАЦИОННЫХ
ЭФФЕКТОВ НА ИЗОБРАЖЕНИЕ

 

Вашему вниманию предлагается программа "hypah" для "оживления" изображений. Работать можно не выходя из блога. Надеюсь, что вам понравится.

 

Как работать в программе.

 

Жмем на значок-стрелочку в центре и загружаем нужное изображение. У меня для примера вот такая жемчужина в раковине.

 

Жмем на значок-звездообразования(Starburst)(фото А-1). Выбираем размер (Size) кисти (фото А-2) размер лучей (Point Count)(фото А-3). Кликаем в нужном месте на картинке. Я кликнула 2 раза в центре жемчужины. Потом сняла значок на Random Color (фото А-4) и передвинула ползунок на голубой цвет (фото А-5). Снова кликнула в центр жемчужины. К белым лучам добавились лучи голубого цвета. Но эти лучики доходят до всех краев картинки (фото А-6А), а мне надо, чтобы они были только вокруг жемчуга. Берем резинку (Eraser)(фото А-6) и стираем ненужное . В итоге получаем вот такую анимашку.

 

Читать далее

еще разные уроки
Что можно скачать бесплатно

 

 

Я сделала немного паттернов на прозрачной основе, поэтому фон ободка

принимает цвет страницы - вот как у этой рамочки.

Там же несколько золотистых текстур.

Мне показалось это интересным.

Может, вам пригодится.

 

Фотографии в альбоме «Мелкие паттерны», автор Евгения на Яндекс.Фотках

 

РАМОЧКА С РАЗРЫВОМ

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.
 

Простая рамочка Выпуклая рамочка Рамочка с круглыми углами Рамочка с тенью Рамочка с заданной шириной

урок провела Егорова Таня

Читать далее

КАК БЫСТРО В БОЛЬШОМ КОДЕ
НАЙТИ НУЖНОЕ СЛОВО ИЛИ ЗНАКИ

Те, кто делает рамки, особенно новички, частенько теряют много времени, отыскивая в большом коде нужные участки, чтобы внести свои изменения. Иногда даже "Здесь будет Ваш текст" трудновато обнаружить с первого раза.
 

Читать далее
Код урока для Mail.ru здесь
еще разные уроки
Что можно скачать бесплатно

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

ПРОГРАММА "Sqirlz Water Reflections"

Эта программа идеально подойдет тем, кто не умеет работать в фотошоп, а хочет сделать анимацию воды или снега на картинках. Вот, например, такую.

или

Читать далее...