Total Noob - Имиджевая реклама

  • Автор темы Polygonalka
  • Обновлено
  • 12, May 2024
  • #1
Всем привет.

Я пришел сюда, потому что не знаю, как называется элемент CSS, который я пытаюсь сделать, и не могу найти где-либо в поисковой системе пример того, как это сделать.

Возможно, кто-то здесь поймет, о чем я говорю, и сможет указать мне правильное направление.

Я хочу создать рекламу размером 300x300, которую затем смогу раздать своим клиентам для размещения на их веб-сайтах, если они того пожелают.

Эта реклама представляет собой простое изображение нашего делового партнерства, которое размещено в правом нижнем углу их веб-сайта поверх их фона и/или контента. Во многом это похоже на значки социальных сетей слева от этого демо-сайта: http://demo.joomlaxtc.com/adventure/

Я надеюсь, что это какой-нибудь простой CSS-код, который они смогут добавить в любое место своего основного CSS-файла, или что-то еще, что очень легко сделать и работает практически на любом веб-сайте. Спасибо

Polygonalka


Рег
28 Mar, 2013

Тем
61

Постов
199

Баллов
524
  • 08, Jun 2024
  • #2
Вы можете использовать это:

CSS

 
<a href="[URL='https://lumtu.com/yti/bMmmMb21odHRwOi8vZ29vZ2xlLx2Z']http://google.com[/URL]"><img src="[URL='https://lumtu.com/yti/bw55wbmdodHRwczovL2dvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMXgvZ29vZ2xlbG9nb19jb2xvcl8yNzJ4OTJkcCkJT']https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png[/URL]" title="Название вашего бизнеса" class="partnerImage"></a>


Код (разметка): HTML

  .partnerImage { position: fixed; bottom: 0; right: 0; margin: 0.5em; border: none; } 


Код (разметка). Ваш партнер должен добавить этот код прямо перед тегом . Измените URL-адреса ссылки и изображения на свои собственные.

Очевидно, вам нужно будет куда-то загрузить свое изображение, чтобы оно было показано. Посмотрите это на скрипке: https://jsfiddle.net/qj9kpqxk/2/
 

utitsleetle


Рег
27 May, 2013

Тем
70

Постов
214

Баллов
584
  • 12, Jun 2024
  • #3
Нет необходимости в CSS.

Просто измените размер или создайте исходное изображение до 300x300. Если вы уже создали изображение, какого размера и в каком формате вы его создали? Потому что не стоит сильно уменьшать его, так как это исказит его, сделав внешний вид не таким приятным.

Используйте Photoshop, MS Paint или pixlr.com/editor. Надеюсь, это поможет.
 

World1


Рег
13 Mar, 2014

Тем
65

Постов
205

Баллов
550
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно