Главная | Регистрация | Каталог | 25.06.2018 03:11 | Вход Приветствую Вас: Гость | RSS
Ucoz [2]
Сдесь вы можете почитать много полезных статей по системе Ucoz.
GTA - San Andreas [3]
Статьи о модинге игры и прохождении. Из этого раздела через спец.категории вы сможите. Прочесть самые разные статьи модинга GTA - SA.
Разное [2]
Разные статьи, на разные темы
Ваша самая ненавистная миссия в GTA SA
Всего ответов: 156

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » Ucoz [ Добавить статью ]

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

В общем, я, порывшись в исходном коде страницы с таким изображением, которое было загружено на прямую на сайт.
Нашёл код, который делает картинку, загруженную на сайт: ucoz, увеличиваемой до оригинального размера.
Открывая её, до полного оригинального размера, в всплывающем окне, на этой же странице с файлом.
И с удовольствием делюсь им с вами:
<div align="center"><a class="ulightbox" title="Нажмите, для просмотра в полном размере..." target="_blank" href="адрес картинки"><img src="адрес картинки" style="margin:0;padding:0;border:0;" alt="" align="middle" height=""
width="50%"></a></div>
Итак, ну а теперь от том как его вставить и куда.                                                                                  ^
А также как его использовать, что бы картинка вставленная с другого источника увеличивалась.          -
Как и картинка нарпямую загруженная на сайт, до оригинального размера.                                           -
1.0.Скопируйте выше даденный html-код ---------------------------------------------------------------------------.
2.0.И внимание!: вставьте его в поле: Панели HTML кодов.
2.1.Или же выберите кнопку: HTML<> на панели визуального редактора и вставьте этот код в появившееся окно.
2.2.Далее, нажмите на: применить, а затем на: ok.
3.0.Код появится в том поле визуального редактора, куда вы его вставляли.
4.0.На всякий случай сверьте код из моей статьи и ваш вставленный, всё должно быть в нём, пока что также.
5.0.Далее.
5.1.В этом коде.
5.2.В: href= и в: img scr=, вместо: адрес картинки, вставьте, внимание!: один и тот же ваш адрес картинки.
5.3.И внимание!: не забывайте адрес картинки должен быть от начала до конца, заключён в кавычки: "".
5.4.Поэтому в: href= и в: img scr=, их не трогаем.
5.5.А убираем перед вставкой своего адреса картинки, только текст: адрес картинки, а сами кавычки оставляем.
5.6.Вот например мой код с моим адресом картинки:
----------------------------------------------------------------------------------------------------------------------------------------------
<div align="center"><a class="ulightbox" title="Нажмите, для просмотра в полном размере..." target="_blank" href="https://pp.userapi.com/c623218/v623218994/1782a/FIW2xI4KJNA.jpg"><img src="https://pp.userapi.com/c623218/v623218994/1782a/FIW2xI4KJNA.jpg" style="margin:0;padding:0;border:0;" alt="" align="middle" height="" width="50%"></a></div>
----------------------------------------------------------------------------------------------------------------------------------------------
6.0.И в зависимости, от того, куда вы её вставляли и через что, она либо отобразится сразу.             ^
6.1.Или же, после добавления файла/новости/сообщения и т.п.                                                         |
6.2.По умолчанию она будет уменьшена на 50 процентов, у меня это будет выглядеть вот так:---------

6.3.Вы же можете изменить этот уменьшаемый размер на любой, другой процент.
6.4.Для этого вам понадобится в: img scr изменить значение атрибута: width=: в кавычках: "50%", на своё.
6.5.Например с: 50% на 30%.
6.6.И размер картинки станет ещё меньше:

6.7.Ну и последнее.
6.8.Если вам надо, чтобы картинка была уменьшена до определёно-загонного размера.
6.9.То в: img scr, в атрибуте: width="50%".
7.0.Проставьте свои значения: width="50%" ширины.
7.1.А именно в: width="50%", уберите: 50% и между кавычек: "" укажите свою ширину картинки.
7.2.У меня например, картинка в данной статье с самого начала уменьшена до: 604.
7.3.То есть, у меня это: width="604".
7.4.И выглядит это так:
7.5.Вы же также можете указать свой размер ширины картинки до которого она будет уменьшена.
8.0.Ну и напоследок хотелось бы ещё кое-что важно сказать или предупредить кое о чём.
8.1.А именно:
8.2.Не используйте в своих файлах сервис: u.to, иначе картинка увеличиваться не будет.
8.3.И вам будет выдаваться вот это сообщение:
 
8.4.Всё просто, просто при добавлении новости\статьи или же файла.
8.5.Не ставьте галочку напротив этого: "Использовать сервис u.to", ну а если она сама проставляется, то снимите её.
8.6.И тогда проблем не будет с этим.
Категория: Ucoz | Добавил: Sanya (30.01.2015)
Просмотров: 292 | Комментарии: 2 | Теги: как вставить картинку, html, сайты ucoz, uCoZ, HTML код | Рейтинг: 4.0/1
Всего комментариев: 2
0
2  
Прошу прощения, все недостающие изображения были вернуты назад, просто вконтакте сменился сервер хранения фотографий и разумеется его название тоже поменялось, поэтому изображения и не грузились.

0
1  
Уважаемые гости и пользователи.
Статья немного не дописана, но в целом я всё изложил, просто некоторые места могли остаться без подробностей.
Поэтому если что-то вам не понятно, то не стесняйтесь спрашивайте, постараюсь, разъяснить ещё подробней.

Имя *:
Email *:
Код *:
Любого в группу игрока 4.0
---------------
|cleo-скрипт|
---------------
(Дата выхода: 22.05.2018)
----------------------------------
Банда игрока атакует транспорт 2.0
---------------
|cleo-скрипт|
---------------
(Дата выхода: ~17.07.2018)
Автор:
Жанр:
Тип файла: Архив: rar
Заменяет:
Описание:
Copyright Sanya GTA-SA mods © 2018