Как сделать логотип на изображении?

голоса: 0
 

 КАК СДЕЛАТЬ ЛОГОТИП В УВЕЛИЧЕННОМ ИЗОБРАЖЕНИИВозможности редактирования изображения на логотип и закрепить к нему эффект на видение.

https://youtu.be/NOaWiUnds6o

Адрес сайта geleson.at.ua
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
  1. Можно сделать чтобы фото увеличивалось при клике на него, пример как это делается читаем в материале https://www.ucoz.ru/qa/index.php/1252
  2. О том как наложить свой текст или иконку в уголок на фото, примерно так в вашем случае, в стили прописывается что-то подобное:

a.doll:before{float: left;content:"Тест текст";display:inline-block;width:100px;height:22px;position:absolute;margin-top:10px;}

вместо выделенного красным вы прописываете свой текст, далее оформляете его как вам нужно и получится задуманное.

| Автор:

Не работает скрипт

ianoiano24 megrelishvili,

Сделать можно лишь в том случае если изображения заворачивать например в отдельный див вида:

<div class="slogan">здесь тело фото <img src="ссылка на фото"></div>

после уже можно стилями вида:

.slogan:before{float: left;content:"Тест текст";display:inline-block;margin-top: 10px;width:100px;height:22px;position: absolute;}

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

Yuri_Geruk,
Я не мог этого сделать Посмотреть демо
ianoiano24 megrelishvili,
почему Демо пожалуйста
ianoiano24 megrelishvili,

<html>
<head>
<script src="http://demogeleson.at.ua/jquery.min.js"></script>
<script src="http://demogeleson.at.ua/gadid.js"></script>
  <style type="text/css">@import url('http://demogeleson.at.ua/gadideba1.css') all;</style>
</head>
<div rel="lytebox" id="img_big_block"><img src="" width="800px"></div>
<div rel="lytebox" class="img_block">
<img rel="lytebox" src="http://atvirte.ucoz.com/_ph/2/2/934879591.png">
</div>
</html>
  <style type="text/css">@import url('http://demogeleson.at.ua/logo.css') all;</style>
_______________________________________________________________
Вставьте код
ianoiano24 megrelishvili,
Зачем вы этот код здесь предоставляете, я вам в пример показал как это делается, код дополнительный здесь не нужно предоставлять, вам нужно лишь делать как я описал выше.
Yuri_Geruk,
Как? Это рабочий код?
ianoiano24 megrelishvili,
Посмотрел ваш пример, все работает http://joxi.ru/bmoEoqGt3LyxqA В чем еще сложность?
Yuri_Geruk,

Я сделал  Я не мог сделать это онлайн.    Я знаю ucoz.... 

...