Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
Как сделать ссылки кликабельными + рамочка с вопросиком
Как сделать ссылки кликабельными
Общение и взаимодействие в интернете не может происходить без обмена ссылками – ссылки позволяют переходить с сайта на сайт и вливаться в интерактивное пространство. Обмениваясь комментариями в блогах или на форумах, вы нередко испытываете желание поделиться с собеседниками интересной ссылкой. Проще всего скопировать нужную ссылку из адресной строки и вставить ее в текст сообщения, но гораздо аккуратнее будет выглядеть ваша ссылка в виде кликабельного текста.
Как сделать ссылки кликабельными
Инструкция
1✔
Для того чтобы создать кликабельную ссылку, используйте известный HTML-тег <a href=></a>.
2✔
После знака равенства вставьте адрес, скопированный из строки браузера, которым вы хотите поделиться с окружающими, а внутри тега, между угловыми скобками, введите текст будущей ссылки, который отобразится в кликабельном виде в вашем сообщении. Таким образом, код для ссылки будет выглядеть следующим образом: <a href=«URL СТРАНИЦЫ»> ВАШ ТЕКСТ</a>.
3✔
Вы можете создать кликабельную ссылку не только из текстовой строки, но и из любого изображения. Чтобы превратить картинку в ссылку, используйте следующий код: <a href=«URL СТРАНИЦЫ»><img src=«URL КАРТИНКИ»></a>.
4✔
Если вы хотите, чтобы ссылка, на которую кликнет ваш собеседник, открылась не в текущем окне, а в новом окне, видоизмените код так:<a href=«URL СТРАНИЦЫ» target=«_blank»>ВАШ ТЕКСТ</a>
5✔
Для создания кликабельных ссылок вы можете использовать не только тег a href, но и тег url. Скопируйте адрес страницы из адресной строки браузера. Используйте следующий код для вставки ссылки:
6✔
Результат будет таким же, как и в предыдущем случае – ссылка превратится в текстовую строку, которая при нажатии позволит перейти на какой-либо сайт. Однако тег url корректно работает не на всех сайтах, поэтому рекомендуется использовать универсальный HTML-тег a href.
Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать rel="li-bigpic"
К примеру, у меня есть адрес-ссылка на картинку с Яндекса https://img-fotki.yandex.ru/get/198026/35554120.0/0_b8806_b04fff04_L.jpg
Подставляю её в предлагаемый код и получаю такую превьюшку, при клике по которой можно увидеть её реальный размер прямо здесь.
Жмите на картинку
ПЕРЕМЕННЫЕ ВЕЛИЧИНЫ
HEIGHT - высота "окошка", в котором двигается текст;
WIDTH - расстояние, на которое перемещается текст.
Можно ли уменьшить скорость прокрутки при использовании тега "marquee"?
Это можно отрегулировать, если в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
В итоге мы получим такую формулу:
Волшебный тег заставляет двигаться не только текст, но всё, к чему он относится.
Для картинки от будет выглядеть так: ПРИМЕР
Советую всем сохранить ее в закладки,чтобы всегда была под рукой.
В ней есть все,что нужно и начинающим и уже опытным пользователям.
И даже кто не умеет делать рамочки,здесь есть все,чтобы за 5 минут сотворить рамку.
Удачи!
Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ
Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ
Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ
Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ
Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ
Маленький текст<small> ТЕКСТ </small> — текст
Неразрывный пробел &*nbsp; (* убрать)
Сноска вверху <sup> сноска</sup>
ТЕКСТ сноска
Сноска внизу <sub> сноска</sub>
ТЕКСТ сноска
Отступ <blockquote> текст</blockquote> —
отступ от отстального текста
вот так
Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)
Текст с подсказкой: Подведи курсор к тексту!
<q title="текст подсказки"> Подведи курсор к тексту!</q>
Наведите курсор на текст! Это default.
Наведите курсор на текст! Это auto.
Наведите курсор на текст! Это text.
Наведите курсор на текст! Это crosshair.
Наведите курсор на текст! Это e-resize.
Наведите курсор на текст! Это w-resize.
Наведите курсор на текст! Это n-resize.
Наведите курсор на текст! Это s-resize.
Наведите курсор на текст! Это ne-resize.
Наведите курсор на текст! Это sw-resize.
Наведите курсор на текст! Это nw-resize.
Наведите курсор на текст! Это se-resize.
Наведите курсор на текст! Это wait.
Наведите курсор на текст! Это hand.
Наведите курсор на текст! Это pointer.
Наведите курсор на текст! Это help.
Наведите курсор на текст! Это move.
С помощью стилей можно переопределить вид курсора и выбрать один из пятнадцати доступных вариантов.
Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:
<html>
<head>
<style type="text/css">
body { cursor: crosshair }
</style>
</head>
Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:
На этом тексте курсор примет вид перекрестья.
Синтаксис:
<span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>
Тени – очень важный аспект в любом коллаже. Это же касается и световых эффектов, если тени применяются правильно, то ваше изображение в итоге может получиться ошеломляющим. В этом уроке я покажу вам несколько способов создания реалистичных теней в Photoshop.
В первом шаге будет только теория, которая поможет вам понять, как работают света и тени, а в последующих шагах я покажу вам, как создавать тени.
Источник света и углы падения тени.
Прежде, чем начать что-то делать со своим изображением, вы должны решить, нужны вам тени или нет. Для ориентировки вам нужно для начала определить основной источник света.
Как видите, на оригинальном изображении источник света расположен сверху слева. На коллаже небо и облака также освещаются слева сверху. Вы всегда должны соблюдать направление света. Необходимо определять элементы на изображении, которые будут служить вам ориентиром для создания света и тени.
Ниже похожий случай. Но на этот раз источник света расположен с правой стороны и снова художник использовал в качестве направляющей блики на теле модели, когда создавал (а) коллаж. Читать далее
Урок от NATALI:Учимся делать блики инструментом осветлитель
Урок от NATALI:Учимся делать блики инструментом осветлитель В этом уроке я вам покажу как можно делать блики света инструментом осветлитель..Урок по заявкам девушек,потому что им очень нравится как мои картинки играют светом...Самое главное не бойтесь им работать...Это свет и его лучи играют где хотят,поэтому и вы должны не боятся играть осветлителем Читать далее
Коллекция пиксельных узоров/скринтонов / Урок от Natiko_L /
Коллекция пиксельных узоров/скринтонов
На просторах интернета легко можно найти огромное количество различных пиксельных узоров/patterns. Вот некоторые из моих "запасов", возможно кому-нибудь пригодятся...:
Используя возможности CSS можно работать с тенью текста, добиваясь удивительных результатов.
Атрибут font-size отвечает за размер шрифта. Например:
в font-size: 2em; вместо 2 подставляем любое другое значение. Если нужен курсив, то сам текст заключаем между "i" и "/i", меняя скобки " " на < >.