Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Получается вот так:


Теперь между спинками квадратных скобок пишем анкор (слово, нажав на которое человек попадет на нужную страницу).



Анкор у нас будет, например: Сады

Итого получилось так:


Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся вспомогательная латинская писанина исчезает, и остается только слово Сады. Но оно теперь кликабельно! Наведи мышку на него и увидишь, что мышка превратилась в лапку. Значит, слово Сады стало ссылкой.

Сады

В анкоре можно писать сколько угодно слов и даже предложений. Лишь бы анкор был написан между "спинками" квадратных скобок.

Когда читаешь инструкцию и не выполняешь, все кажется страшно.
А если выполнять, ну хоть прямо сейчас, то все получится легко!
Ты аж удивишься. Попробуй!

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».


Серия сообщений на тему «Возня с компьютером»:
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Учебник ЛиРу.

Слева - новый баннер женского клуба.   Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):<center><a data-cke-saved-href="http://www.liveinternet.ru/community/3080659/profile/" href="http://www.liveinternet.ru/community/3080659/profile/" title="Женский клуб"><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" width="191" height="250" /></a></center>
Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="http://www.liveinternet.ru/community/3080659/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

 

Пользуйтесь!

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

Разные коды.

Free4design.ru: Оживи своё фото!

Надоело смотреть скучные фотографии?

Оживи своё фото на сайте Free4design.ru

Всё,что должно быть у Лирушника под рукой(ссылки)

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

Schamada  

 

Защита авторских прав - Создаем водяные знаки

Код для больших изображений

По просьбам читателей- Как пользоваться кнопками-переходами Далее

Перепост из дневника mar-selina

По просьбам читателей- Как пользоваться кнопками-переходами Далее

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.
Вот эта формула:



Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

Огромная HTML-Шпаргалочка

Огромная HTML-Шпаргалочка Пример Код     <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ"> При наведении на картинку появляется Окошко-подсказка TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title <a href="ВАША ССЫЛКА"> <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a> Картинка кликабельна и появляется Окошко-Подсказка Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .

Вы спрашивали...

- Как вставить картинку из интернета в свой пост?
- Как картинку сделать ссылкой?
- Как сослаться на понравившийся пост, статью или иточник в интернете или на интересный дневник на Лиру?

Каждая картинка в интернете имеет свой адрес, также, как ваш дом имеет свой адрес, чтобы почтальон легко смог доставить вам корреспонденцию.

Как найти этот адрес картинки?
Итак, заходим на google.com (вы можете использовать любой другой, любимый вами) и делаем запрос на интересующий нас контент. Я сделала запрос "дети" и нашла вот эту очаровательную малышку сидящей в капусте.

Для того чтобы посмотреть картинку вы нажимает на надпись "посмотреть картинку полностью". Тогда картинка появится в ее реальном размере. Кликнув по картинке правой кнопкой мыши вы увидите окно, пройдя по вкладке "свойство изображения" вы без труда найдете интересующий нас "адрес" картинки или "URL"
Читать далее...

Красивые надписи

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

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

20 бесплатных альтернатив Photoshop

Я не все смотрела, забрала в копилку.

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

Убираем фон картинки

Читать далее

Удобные кнопки расширенного редактора

Пост является продолжением и обобщением записей:

• Расширяемся
• Новые кнопки в расширенном редакторе

Меня удивляет не первый раз, что пользователи (иногда, не такие уж и новенькие) не знают все прелести РАСШИРЕННОГО ТЕКСТОВОГО РЕДАКТОРА. Ведь с его помощью, без использования страшных кодов, можно легко и быстро сделать рамочку, вставить несколько фотографий и красиво разместить их в посте, поменять размер и цвет текста... И многое другое.

На данный момент на ЛиРу есть (1) простой текстовый редактор, который стоит в настройках по умолчанию. Поэтому новички иногда даже не догадываются о нем. И есть два расширенных (визуальных) редактора с кнопочками и другими прелестями — CKEditor и FCKEditor. Каким вы будете пользоваться — дело вкуса.

2 — если выбрать расширенный текстовый редактор, то появится удобная панель с кнопками, при нажатии на которые программа сама напишет специальный код. Его можно посмотреть, если нажать на кнопку «Источник» в левом верхнем углу.

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

Компьютер для "чайников".

На самом деле, не удивительно, что очень много людей, которые не умеют правильно пользоваться компьютером. Причём не только пожилых... И главное - им некому помочь и объяснить. А на дворе 21 век. Будем бороться с этим позорным явлением!

Поэтому, если Вы - профи или хотя бы "сильно продвинутый" пользователь, можете не тратить время на чтение этого материала. Здесь будет информация для тех, кто вообще "не шарит...")). Вот что нас ждёт в этой статье:

1. Что такое браузер и знакомство с файлами.
2. Как научиться работать на компьютере? Лучший в мире способ.
3. Как добавить сайт в избранное?
4. Как сделать страницу стартовой?
5. Как изменить кодировку страницы?
6. Как создать папку на компьютере?
7. Как сохранить картинку на компьютере?
8. Как послать картинку по почте?
9. Как устанавливать базовые программы?
10. Почему тормозит Ваш компьютер?

1. Браузер - это та программа, которую вы используете для просмотра сайтов в Интернете. Абсолютное большинство все еще использует Intenet Explorer. Хотя он далеко не совершенный и, на мой взгляд, уступает по многим параметрам таким браузерам, как Opera, Mozilla или Google Chrome.

Компьютер - это очень просто! >>>

Что делать, если «всё пропало»? (Совет дня)

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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

 

Как написать сообщение с картинками и ссылками?

Спасибо большое читателям моего дневника за лестные отзывы по оформлению моих сообщений.
Для тех, кому интересно.
Хочу поделиться с Вами тем, как я их делаю.
Самое первое.
Я их делаю В ЧЕРНОВИКЕ
Когда у меня появляется большое количество интересных ссылок,я собираю их для удобства в свои сообщения.
Так мне проще их искать и места они много не занимают.
Кроме того сообщения в черновике не видны никому, кроме меня. И я могу постепенно добавлять к ним другие ссылки и материалы. Редактировать записи в черновике можно так же легко.

Где искать черновик?
Везде.
Он есть наверху Вашего дневника.



Вы можете , делая запись нажать кнопочку

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

Как скопировать со страницы не копируемый текст?

     Как скопировать текст с сайта, который защищен от копирования.

     Многие пользователи выходят в интернет для поиска нужной для себя информацию для использования в своих проектах (как-то написание рефератов, заметок, статей). А некоторые ВЭБ- мастера по разным причинам не желают, чтобы посетители могли скопировать тексты или картинки находящиеся на их сайте.

     Для того чтобы уметь копировать защищенный текст, совсем необязательно быть или стать «воришкой», как правило достаточно указать ссылку откуда взяты материалы и вы чисты! Эти знания нужды как Web-мастерам, так и копирайтерам для их профессиональной работы ну и не только им, а конечно же, простым пользователям для личных нужд (опять вспомним заметки, статьи, рефераты, курсовые, дипломные,  и прочие работы. Ведь всем известно, что эти работы всегда используют выдержки из других работ, естественно со ссылкой на источник). Поэтому знать, как копировать текст, защищенный от копирования, просто необходимо, ну что бы чуть чуть облегчить себе жизнь.  И никаких особых навыков для этого не нужно.

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