Форум русскоязычного сообщества Ubuntu


Автор Тема: Сделать часть картинки ссылкой (очень срочно)  (Прочитано 826 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Путнев Максим

  • Автор темы
  • Активист
  • *
  • Сообщений: 406
  • Иногда происходит революция.
    • Просмотр профиля
    • Мы создаем доверие к технологиям
Добрый день! Есть сайт (http://valuyki-soft.ru) Как мне логотип касперского сделать ссылкой. Очень срочно нужно

Оффлайн MEXAHOTABOP

  • Активист
  • *
  • Сообщений: 902
    • Просмотр профиля
сделать отдельной картинкой
http://fonline.ru/ заходите

Оффлайн Путнев Максим

  • Автор темы
  • Активист
  • *
  • Сообщений: 406
  • Иногда происходит революция.
    • Просмотр профиля
    • Мы создаем доверие к технологиям
В смысле наложить сверху?

Оффлайн thunderamur

  • Заслуженный пользователь
  • Старожил
  • *
  • Сообщений: 6848
    • Просмотр профиля
добавляем блок-ссылку в #header

(Нажмите, чтобы показать/скрыть)

в css позиционируем его как нам надо:

(Нажмите, чтобы показать/скрыть)

Оффлайн dmig

  • Старожил
  • *
  • Сообщений: 1668
    • Просмотр профиля
да зачем вам отдельной? нарисуйте вообще всё на одной картинке! а для ссылок используйте это: http://www.w3schools.com/TAGS/tag_map.asp
старо, как html, между прочим!

представляете, никто у вас с сайта ничего не скопипастит! :)

Оффлайн thunderamur

  • Заслуженный пользователь
  • Старожил
  • *
  • Сообщений: 6848
    • Просмотр профиля
dmig, тоже подумал про это, старое как мир, однако ты не учёл, что у него не <img src=... />, а background для div

З.Ы.: а мб и для div можно map, хз, лень смотреть даже  :)

Оффлайн Señor_Gaga

  • Забанен
  • Активист
  • *
  • Сообщений: 878
  • Ubuntu 12.04LTS & Linux Mint 13LTS "Maya"
    • Просмотр профиля
В gimp вырезать из картинки нужный кусок, сохранить его в файле жипеге или пнг,
файл закинуть сюда http://itmages.ru/ и там же получить ссылку.

Оффлайн dmig

  • Старожил
  • *
  • Сообщений: 1668
    • Просмотр профиля
dmig, тоже подумал про это, старое как мир, однако ты не учёл, что у него не <img src=... />, а background для div
дык я и говорю: всё нарисовать на одной картинке, а с помощью map расставить ссылки

Цитировать
З.Ы.: а мб и для div можно map, хз, лень смотреть даже  :)
нет, нельзя. это только для картинок

ЗЫ тот ужос, что скреативил аффтар, уже ничем не испортить ;)

Оффлайн thunderamur

  • Заслуженный пользователь
  • Старожил
  • *
  • Сообщений: 6848
    • Просмотр профиля
ну дык вопрос был "срочно", поэтому берем что есть и делаем по быстрому)

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

Пользователь решил продолжить мысль 20 Март 2012, 10:53:28:
В gimp вырезать из картинки нужный кусок, сохранить его в файле жипеге или пнг,
файл закинуть сюда http://itmages.ru/ и там же получить ссылку.
и?
получили мы ссылку и что, она сама у нас прописалась на страничку? :)
Как бы вопрос не в этом был, нет.

Оффлайн Путнев Максим

  • Автор темы
  • Активист
  • *
  • Сообщений: 406
  • Иногда происходит революция.
    • Просмотр профиля
    • Мы создаем доверие к технологиям
Всем спасибо огромное все сделал

Оффлайн Señor_Gaga

  • Забанен
  • Активист
  • *
  • Сообщений: 878
  • Ubuntu 12.04LTS & Linux Mint 13LTS "Maya"
    • Просмотр профиля
Подробнее расскажите - что сделали - нам пригодится.

Оффлайн evil_hog

  • Любитель
  • *
  • Сообщений: 58
    • Просмотр профиля
    • Fogged Blog
Глупо сделали:
<div class="slogan"><a href="http://www.kaspersky.ru/"><img src="images/kav.gif" border="0" alt="" width="93" height="90"  /></a></div>даже если верстка не очень, зачем усугублять положение такими советами? :) так тоже делать НЕ надо:
<a href="http://kasper.tut"><div class="link2kasper"></div></a>Почему? Да потому что куча лишних элементов. Я уже не говорю о блочном элементе внутри строчного при строгом доктайпе :)

Хватило бы:
<a class="slogan" href="http://www.kaspersky.ru/"></a>#header .slogan{
  display:block;
  height: 81px;
  left: 6px;
  position: absolute;
  top: 223px;
  width: 99px;
}

А для фанатов:
<a class="slogan" href="http://www.kaspersky.ru/">Касперский</a>#header .slogan{
  display:block;
  height: 81px;
  left: 6px;
  position: absolute;
  top: 223px;
  width: 99px;
  text-indent:100%;
  white-space: nowrap;
  overflow: hidden;
}

Оффлайн thunderamur

  • Заслуженный пользователь
  • Старожил
  • *
  • Сообщений: 6848
    • Просмотр профиля
зачем же сразу "глупо", тут лучше сказать "можно короче"  :)

 

Страница сгенерирована за 0.095 секунд. Запросов: 25.