Рисование кнопки для интерфейса

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

Далее>>>

Картинки в одну линеечку

Как можно расположить картинки в тексте УРОК
 

Очень актуальная тема. Половина пользователей на Ли.ру очень не любит рамочки для текста, особенно если они все блестят, сверкают..и очень длинные. А если еще и трафик не позволяет и комп тормозит....И я знаю точно, из-за этого не читают ваши работы. Но это всё лирика. На всех и не угодишь. В основном этот урок для начинающих пользователей. Очень удобно, компактно и красиво можно расположить и стихи и картинки как в рамочке, так и без нее. Может кому и пригодится. А у кого длинные посты, для тех в конце поста код прокрутки. Может кому пригодится. Итак:

КАРТИНКА МЕЖДУ ТЕКСТОМ

Привыкайте счастливыми быть! Просыпаться с улыбкой лучистой… И со взглядом, по детскому, чистым, Привыкайте друг друга любить… Научитесь плохое не звать, Предвещая заранее беды… Вы ведите другие беседы… Научитесь душой расцветать… Привыкайте добро замечать И ценить то, что жизнью даётся… И за счастьем бежать не придётся… Будет счастье за вами бежать!

Научитесь подвоха не ждать От людей незнакомых и близких… Ведь у всех, у высоких, и низких Есть желание – счастье познать… Привыкайте не злиться на зло, А рискните помочь, разобраться… Если кто-то вдруг начал кусаться, Значит, в чём-то ему не везло… Научитесь прощенья просить И прощать… Вам судьба улыбнётся. И весна в вашу душу вернётся! Привыкайте счастливыми быть….

автор Ирина Самарина

КОД ТАБЛИЦЫ

<table align="center" border="0"><tr><td>ВАШ ТЕКСТ</td><td><img src="URL адрес КАРТИНКИ" />
</td><td>ВАШ ТЕКСТ</td></tr></table>

идем дальше

Рамочка "Малинка"

***ВАШ ПОСТ***

ВОТ ТАК ПОМОГАЛОЧКА...коды

Серия сообщений "ВОТ ТАК ПОМОГАЛОЧКА...коды":из дневника оксяня

Часть 1 - Делаем Текстовую ссылку.
Часть 2 - Коды для оформления блога
Часть 3 - ВОТ ТАК ПОМОГАЛОЧКА...
Часть 4 - Учимся вставлять Картинки с кодами в таблицу.
Часть 5 - Оформление ТЕКСТА в дневнике.
Часть 6 - Делаем Окошко для кодов.
Часть 7 - Учимся сами делать свои рамочки.
Часть 8 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 9 - Ваша картинка с надписью и в рамке.Урок.
Часть 10 - Одно из основных ПРАВИЛ ЭТИКЕТА блогера
Часть 11 - Мои находки
Часть 12 - Кладезь для всех начинающих...
Часть 13 - Текстовые теги на Ли.Ру
Часть 14 - Для "чайников".Основные HTML теги.
Часть 15 - Шпаргалки кодов...
Часть 16 - НУЖНЫЕ КОДЫ ДЛЯ БЛОГОВ
Часть 17 - Нужные формулы для дневника
Часть 18 - Ставим бродилку в блог
Часть 19 - Коды для блога, от Юлии Чагиной
Часть 20 - Коды оформления блога
Часть 21 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!
Часть 22 - Очень удобный генератор цвета
Часть 23 - Без заголовка
Часть 24 - Как вставить ПРОКРУТКУ в пост.
Часть 25 - Сделать текст с прокруткой.
Часть 26 - Таблица HTML кодов цветов
Часть 27 - Полезность по таблицам
Часть 28 - СТАВИМ КАРТИНКИ В РЯД
Часть 29 - СПИСОК ВСЕХ МОИХ УРОКОВ
Часть 30 - Фон для сообщений.
Часть 31 - Как вставить картинку в разрыв рамки
Часть 32 - Генератор таблиц-онлайн всех HTML кодов
Часть 33 - Рамки для выделения текста
Часть 34 - Много полезного!!!
Часть 35 - Картинка с окошком для кода(урок)
Часть 36 - Полупрозрачные рамки
Часть 37 - Оформление днева
Часть 38 - Дизайн сообщений днева
Часть 39 - Полупрозрачные фоны с узорчиком
Часть 40 - Необходимое для оформления.

Двигаем текст или картинку в дневнике

Вы можете заставить двигаться в своем дневнике или текст, или картинку, воспользовавшись данными формулами. Скорость можно увеличить, если вы увеличите значение scrollamount="2"

Движение текста снизу вверх или картинки	<marquee direction="up" scrollamount="2" style="HEIGHT: 50px">Движение текста снизу вверх</marquee> <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста сверху вниз или картинки	<marquee direction="down" scrollamount="2" style="HEIGHT: 50px">Движение сверху вниз</marquee> <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста справа налево или картинки	<marquee direction="left" scrollamount="2" style="WIDTH: 400px">Движение справа налево</marquee> <marquee direction="left" scrollamount="2" style="WIDTH: 400px">КАРТИНКА</marquee>
Движение текста слева направо или картинки	<marquee direction="right" scrollamount="2" style="WIDTH: 400px">Движение слева направо </marquee> <marquee direction="right" scrollamount="2" style="WIDTH: 400px">КАРТИНКА </marquee>

для вас Лариса Гурьянова

Простейшая таблица для записей и картинок

За последние дни и недели, как можно было заметить, на сайте сделано очень много изменений. Большинство из них говорят сами за себя и не требуют каких-то пояснений (если требуют - спрашивайте в комментариях или в техподдержку, поясним). 

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

Теперь проблема снята, можно в настройках также подгрузить и распространять свою схему оформления уже с картинкой. Ну или не распространять. Чтобы не тратили время в поисках - вот скриншот моих настроек дизайна, там внизу видно где закреплена картинка.

Галерея Рамочника Мой мир@Mail.Ru: Сообщество: Хочу всё знать! Всё для блога mail.ru Красота Вашего блога Волшебные идеи для блога Наши любимые рамочки Путеводитель по сообществу Полезные ссылки Украшения в моем сундучке Коллекция фонов Устанавливаем линеечку Бесплатные программы "Windows" < htmlka >помощь блогеру Сервис для создания своего видео Фотоэффекты онлайн Бесплатный фотошоп онлайн Интересный блог Для оформления блога 1000 фонов Бесшовные фоны Коллекция фонов и текстур для блогов Учимся писать заголовки постов Коды цвета для текстов Красивые посты Мир друзей Для настоящих друзей !!! Делаем сами музыкальную открытку Красивые рамки Рамки для дневника Рамки для текста Рамки для текста | Копилочка! | Рамки для текстов Рамочки для текстов (Котята) Серия простых рамочек для текста Текстовые рамочки Линеечки,Разделители,Уголки Flash и не только Таблица для картинок Коды для mail.ru и liveinternet.ru Красивые открытки "С Днём рождения" Анимированные картинки Нашла для вас

УРОКИ
 

Эта небольшая бродилка по моим шпаргалкам, поможет вам в оформлении вашего блога. Все строчки открываются в новом окне. В помощь блоггеру JavaScript – это язык сценариев Разрешительные теги Написать без фотошопа Как не погибнуть за компом Наложение рамки на фото Таблица с окошками для кодов Хитрости в создании рамок Коды в окошках Урок - таблица с окошками Наш блог нам помогает Формула простой рамочки Мой урок - как сделать рамку Как заполнить бродилку Сделать надпись на картнке Написать мигающим текстом Как увеличить текст на экране Делаем ролики Код опускающегося окна Делаем бесшовный фон Ручное оформление Перенести музыку в блог Как забрать пост Аним. картинка на раб. стол Урок от Джулии Видеоуроки по фотошопу Чистим копьютер Подборка информеров Генератор BB и Html кодов Дефрагментация дисков Как написать комментарий Прокрутка для текста Установка скайпа Картинка на прозрачном фоне Переводчик страниц Таблица цветов Скриншот Как исправить музыку Зеркалим блог Строка

ИСТОЧНИК:

http://blogs.mail.ru/mail/tamila_kushnariova/D3BC4...page=#comment_4300DCCB3FDCB3D5

А это дополнение для подписчиков блога:

ОФИГЕННЫЙ СУПЕРБЛОГ

http://blogs.mail.ru/mail/waronka/

 

 

ИСТОЧНИК Как сделать,чтобы текст не выходил за пределы рамки или не растягивал ее Многие сталкивались с проблемой,когда в красивую фотошоповскую рамку нельзя вставить широкий текст,например прозу.Слова "вылезали" за пределы рамки,чем очень портили ее внешний вид.Или вставив текст в простую рамку,с огорчением обнаруживали,что рамка растянулась до неприличных размеров,иногда уходила за пределы экрана.Эту неприятность можно исправить. Для прозы(текст выровнен по левой стороне) Копируем код из окошечка ниже. Для рамок на Лиру Для рамок на Mail.ru Для стихов(текст по центру) Копируем код из окошечка ниже. Для рамок на Лиру Для рамок на Mail.ru Скопированный код вставляем на то место в рамке,где должен быть текст,вместо слов "Здесь будет Ваш текст"(см. скрин,1).Теперь в скопированном коде надо выставить свой цвет(3),стиль(2),размер(4) шрифта.Лучше всего перенести все это из кода авторской рамки и вставить вместо моих слов ЦВЕТ,СТИЛЬ,РАЗМЕР.На скрине ниже показано куда вставить,данный мной код, и откуда копировать теги для текста. Вносим свой текст.Смотрим,не выступает ли он за пределы рамки или не растянулась ли простая рамочка.Выступает,растянулась?Дальше,вместо моих слов ШИРИНА РАМКИ,надо поставить значение,которое подойдет именно для ВАШЕЙ рамочки.Делаем это опытным путем.Выставляем для начала цифру 450,смотрим что получилось.Если текст не сузился до пределов рамки,то цифру уменьшаем,если сузился очень сильно,то цифру увеличиваем.И так до тех пор,пока текст не встанет на нужное место. Вот и всё! Удачи! Здесь еще уроки Что можно скачать бесплатно Из блога Егоровой Татьяны

Попав на этот сайт пришла в совершенный восторг! Фоны для сайтов,блогов, Фотошоп-онлайн, Аватары, Анимация, Оnline-сервисы, Умные мысли...
Но фоны!... Только с розами 323! А еще "ночное небо", "бабочки", "весна", "морские", текстуры... Но лучше один раз увидеть... Кликайте на картинку



На сайте жмите на название картинки и она откроется в натуральную величину с кодами, как в Радикале

<img src="//img-fotki.yandex.ru/get/5705/nata-komiati.38/0_56754_667b1516_-1-L.jpg<br /> " border="0" /> <img src="//img-fotki.yandex.ru/get/6005/nata-komiati.38/0_56757_b2add5f9_-1-L.jpg<br /> " border="0" /> <img src="//img-fotki.yandex.ru/get/4702/nata-komiati.95/0_5e2b8_4b02400_L.jpg<br /> " border="0" /> <img src="//img-fotki.yandex.ru/get/5109/nata-komiati.95/0_5e2b9_f088411c_L.jpg<br /> " border="0" />

br/> http://madam-brazhnik-tatka2009.ya.ru/replies.xml?item_no=21611&for_reply=text

Серия сообщений "запись, надпись,текст":
Часть 1 - Без заголовка
Часть 2 - Делаем Текстовую ссылку...
...
Часть 23 - Как забрать себе запись из закрытого дневника...
Часть 24 - ДЛЯ КОМПА...
Часть 25 - СТРЕЛОЧКИ "more" - замена привычному "Смотреть далее"...
Часть 26 - Как убрать ненужную надпись,сохранив при этом GIF -формат...
Часть 27 - КАРТИНКИ, АНИМАШКИ, НАДПИСИ И ПР... Ссылки на все случаи жизни...
Часть 28 - ОТКРЫТКИ...

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

Жмите на картинку и переходите на сайт

Пишем в рамочке текст и нажимаем кнопочку"оживить". Жмите на картинку

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

Как легко и просто подписать любую картинку или фотографию блестящим анимированным текстом. Например вот так.

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