-Поиск по дневнику

Поиск сообщений в чёли

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 28.11.2010
Записей: 735
Комментариев: 15
Написано: 862





живой мир.

Лиру. Делаем пост, эпиграф с прокруткой

Четверг, 19 Апреля 2012 г. 01:00 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Лиру. Делаем пост, эпиграф с прокруткой

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


Вот примерно так получится. Это вариант мини, размер всего 100 на 100. Естественно размер вы можете менять как вам удобно.



Код такой "вещи" очень простой:

<div style="overflow-y: scroll; width: 100px; height: 100px;">Ваш текст</div>

Соответственно вместо слов "Ваш текст" надо вставить либо текст вашего поста, либо код вашего эпиграфа и пр. Можно и картинки:) Т.е. можно полностью ваш код эпиграфа (со всеми кодами цветов текста, размерами букавок и пр. "непонятные" значки) прописать вместо "Ваш текст",- и весь ваш эпиграф будет в этой прокручивающейся рамочке:)
Числа "100"-обозначают размер (ширина и высота) поменяйте их на свое усмотрение. Именно ширину лучше делать не больше 600.

Как-то так.. очень просто. но очень полезно:)

©2010 Legionary
Рубрики:  КОДЫ

Метки:  

КАК СДЕЛАТЬ ОКОШКО С КОДОМ ПОД КАРТИНКОЙ

Четверг, 19 Апреля 2012 г. 00:46 + в цитатник
Это цитата сообщения Novichok56 [Прочитать целиком + В свой цитатник или сообщество!]

КАК СДЕЛАТЬ ОКОШКО С КОДОМ ПОД КАРТИНКОЙ


ВСЕ МОИ УРОКИ ЗДЕСЬ

У вас есть открытка, рамочка, картинка , которую вы хотите подарить друзьям.
Для этого под этой картинкой ставится окошко с кодом этой картинки.
Как же это сделать?
В окно сообщения вы вставляете код картинки:



Читать далее...
Рубрики:  КОДЫ

Метки:  

Сделать текст с прокруткой во флейме?

Четверг, 19 Апреля 2012 г. 00:42 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Сделать текст с прокруткой во флейме?

Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:

В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
 код флейма прокрутки
Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)


Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:

В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
 код флейма прокрутки
Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Как вставить прокрутку в красивую рамочку? >>>

Рубрики:  КОДЫ

Метки:  

Делаем баннер самостоятельно

Четверг, 19 Апреля 2012 г. 00:41 + в цитатник
Это цитата сообщения Душица [Прочитать целиком + В свой цитатник или сообщество!]

Делаем баннер самостоятельно

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

Сотрите слова "ссылка на сайт" и вместо них в кавычки вставьте собственно ссылку на вашу страничку. Там, где ссылка на изображение - вставьте такую ссылку, для этого можно загрузить картинку, которая будет собственно баннером на сайт Радикал или подобный ему. "Надпись при наведении мышки на баннер" тоже замените фразой, которую хотите видеть. Ну и наконец - введите ширину и высоту баннера - там где слова "ширина" и "высота". Готово!
Рубрики:  КОДЫ

Метки:  

Оформляем текст и картинки

Четверг, 19 Апреля 2012 г. 00:40 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Оформляем текст и картинки


Картинка обтекаемая текстом
Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.
Код обтекания картинки текстом
<img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста
Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.
Код картинки слева


<img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста:



Все правила написания для правой стороны такие же , как и для левой.
Код для картинки с права:


<img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста:
Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.
Код для картинки в центре текста:
Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок
Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.
Код для текста между двух картинок
<table align=center border=0>
<tr>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>Текст, который красиво расположится между картинками.</td>
<td><img src="URL адрес КАРТИНКИ"></td>
</tr>
</table>
Картинка между текстом
Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии
Код для картинки между текстом
<table align=center border=0>
<tr>
<td>ТЕКСТ</td>
<td><img src="URL адрес КАРТИНКИ"></td>
<td>ТЕКСТ</td>
</tr>
</table>

 

lt;/table
Рубрики:  КОДЫ

Метки:  

Оформление постов. Теги. Ответы на вопросы.

Четверг, 19 Апреля 2012 г. 00:39 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Оформление постов. Теги. Ответы на вопросы.

Находясь на таком сайте, как ЛиРу, надо время от времени напоминать о кодах html. Без них здесь нельзя и шагу ступить - т.е. и строчки нормальной не написать. Кстати, интересно: самое популярное сообщение на лиру, набравшее более 10 тысяч цитат, посвящено именно этим кодам или по-другому - тегам. Тег - это элемент разметки гипертекста, иначе - дескриптор. Например, слово "тег" выше заключен между начальным тегом [b] и конечным тегом [/b] и предписывает отображать его жирным шрифтом. Вот она Таблица основных тегов HTML

Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.

Что ж, поехали. Пост написан LexIncorp. Процитирован уже более 1000 раз, так что цитировать и ссылаться не запрещено:).

Оглавление
Прячем текст под кат
Начертание текста
Размер шрифта
Цвет текста
Гарнитура шрифта
Цитаты
Списки
Форматирование
Бегущая строка
Вставка изображений
Ссылки, баннеры
Рамки для текста
Форма для кода

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

К чему это я? К тому, что первым делом надо закрывать тот тег, который открыли последним (исключение составляет тег ката).

И еще: не бойтесь экспериментировать. Html не может убить ваш компьютер и стереть информацию)

Читаем, изучаем, практикуем >>>

Рубрики:  КОДЫ

Метки:  

Генератор таблиц

Четверг, 19 Апреля 2012 г. 00:36 + в цитатник
Это цитата сообщения Премьер [Прочитать целиком + В свой цитатник или сообщество!]

Генератор таблиц


С помощью этого генератора можно создать любую таблицу. Заполните необходимые поля и нажмите кнопку Create Table. В открывшемся окошке вы увидите созданную вами таблицу, и HTML код созданной таблицы
Рубрики:  КОДЫ

Метки:  

Thomas Kinkade | Disney Dreams

Среда, 18 Апреля 2012 г. 05:22 + в цитатник
Это цитата сообщения soft_steel [Прочитать целиком + В свой цитатник или сообщество!]

Thomas Kinkade | Disney Dreams.


 (699x525, 133Kb)

смотреть дальше
Рубрики:  ПЕЙЗАЖИ

Метки:  

Кэролайн Янг (Caroline Young) ч. 2

Среда, 18 Апреля 2012 г. 05:21 + в цитатник
Это цитата сообщения santa3 [Прочитать целиком + В свой цитатник или сообщество!]

Кэролайн Янг (Caroline Young) ч. 2

Кэролайн Янг (Caroline Young) ч. 2
 (300x409, 89Kb)
Живущая в Америке восточная художница Кэролайн Янг (Caroline Young) рисует акварелью нежные картины в китайском стиле на тончайшем шелке по всем правилам классической китайской живописи - "тонкого стиля".Нежные картины в китайском стиле на тончайшем китайском шелке
Читать далее...
Рубрики:  ИЛЛЮСТРАЦИЯ

Метки:  

>Работы художника Виктора Захаровича Цыганова

Среда, 18 Апреля 2012 г. 05:20 + в цитатник
Это цитата сообщения klassika [Прочитать целиком + В свой цитатник или сообщество!]

Работы художника Виктора Захаровича Цыганова

klassika

46 (700x40, 23Kb)


источник


Прослушать запись Скачать файл


кликабельно35146959_cca795a96c52 (110x35, 1Kb)


0_6973b_71e138df_S (149x150, 49Kb)
href=img src=//s44.radikal.ru/i103/1110/e1/dee1f9a0418c.jpg//s017.radikal.ru/i400/1110/91/e6a40dcd9e18.jpg href=
Рубрики:  ПЕЙЗАЖИ

Метки:  

Поиск сообщений в чёли
Страницы: 73 ... 16 15 [14] 13 12 ..
.. 1 Календарь