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

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
всем привет. подскажите есть сайт http://fiatprofessional.kmpk.ru/
как сделать верхнем правом углу картинку ссылкой(чтобы картинка была ссылка).
что-то пробовал разные варианты но так и не получилось.:(.

{
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
  margin: 0 auto;
  height: 110px;
  background-image: url('../images/object1362979493.png'), url('../images/header.png');
  background-position: 2px 0px, 0 0;
  background-repeat: no-repeat;
  position: relative;
  z-index: auto !important;
}
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #1 : 10.10.2013, 15:11:17 »
шо то неразбериха получается - зашел на сайт, картинки справа вверху не вижу, только слева - Форд
Ну да ладно
Чтобы сделать картинку ссылкой
--- создаем блок (если у Вас есть позиция в шаблоне, если нет - создаем ее или вписываем в файл шаблона) <div class="top_link">. В стилях прописываем оформление блока (position - float - ширину - и тд)
--- устанавливаем ссылку <div class="top_link"> <a href="next_page"> <img src="pictures"> ... Снова оформление для ссылки в этом же блоке - top_link а (обычная) и top_link а:hover (наведение). Если желаете при наведении на ссылку разместить разные картинки - в для top_link а (обычная) и ... а:hover поместите разные картинки 
*

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #2 : 11.10.2013, 12:39:10 »
вы привели пример если создать шаблон, а у меня шаблон и блок уже созданы и их нужно изменить.

к сожалению я с кодом не очень дружу:(.
выше нашел в шаблоне где указывается картинка, как в данном случаи сделать из нее ссылку?
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Ссылка в шаблоне, картинка
« Ответ #3 : 11.10.2013, 13:08:47 »
всем привет. подскажите есть сайт http://fiatprofessional.kmpk.ru/
как сделать верхнем правом углу картинку ссылкой(чтобы картинка была ссылка).
В верхнем правом углу нет картинок .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #4 : 11.10.2013, 16:51:27 »
выше нашел в шаблоне где указывается картинка, как в данном случаи сделать из нее ссылку?
--- самое простое - это заключить ее в тег <a href="next-page"> <img src="ваша-pictures"> </a>
Но а если серьезно подойти - то к этому приведенному коду можно подключить стили, например .класс a и класс a:hover (задать оттенок, рамку, округлить края - шо собственно приведено в Вашем коде) - о чем писал выше. Но этот класс можно прописать не в блоке, а в самой ссылке - <a class="класс" href="next-page">...
Подробнее тут ----- http://htmlbook.ru/content/izobrazhenie-v-kachestve-ssylki
*

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #5 : 14.10.2013, 04:25:05 »
да вы правы с ПРАВА нет картинки:). она слева! попутал:(.
*

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #6 : 14.10.2013, 04:27:02 »
мои неудачные эксперементы:
1. background-image: <a href="http://fiatprofessional.kmpk.ru/"> <img src="../images/object1362979493.png"></a>, url('../images/header.png');.
2. background-image: <a href="http://fiatprofessional.ru/"> <img src="../images/object1362979493.png"></a>;
3. background-image: url( <a href="http://fiatprofessional.ru/"> <img src="../images/object1362979493.png"></a>), url('../images/header.png');
4. background-image: <p><a href="sample.html"><img src="../images/object1362979493.png" width="50" height="50" alt="Пример"></a></p> ;
....
n.
{
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  border-radius: 0 0 30px 30px;
  margin: 0 auto;
  height: 110px;
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Ссылка</title>
  <style type="text/css">
    A IMG { border: none; }
  </style>
 </head>
 <body>
  <p><a href="sample.html"><img src="images/object1362979493.png" width="50"
  height="50" alt="Пример"></a></p>
 </body>
  background-position: 2px 0px, 0 0;
  background-repeat: no-repeat;
  position: relative;
  z-index: auto !important;
}

:((( так и не нашел.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Ссылка в шаблоне, картинка
« Ответ #7 : 14.10.2013, 10:07:28 »
да вы правы с ПРАВА нет картинки:). она слева! попутал:(.
Она у вас в CSS прописана

.art-header {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/object1362979493.png"), url("../images/header.png");
    background-origin: padding-box, padding-box;
    background-position: 2px 0px, 0 0;
    background-repeat: no-repeat;
    background-size: auto auto, auto auto;
    border-radius: 0 0 30px 30px;
    height: 110px;
    margin: 0 auto;
    position: relative;
    z-index: auto !important;
}
Вам нужно ее из CSS вынести в шаблон, тогда можно будет сделать ее ссылкой .
Посмотрите в шаблоне есть ли такой div
<div class="art-shapes"> </div> , если есть пропишите картинку в него .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #8 : 14.10.2013, 12:57:59 »
да уж! И так, вот блок <div class="art-shapes"> </div> в котором нужно разместить ссылку
Сделайте это так. В стилях допишите
art-shapes a (background-image: url("../images/pictures.png")) - это картинка для ссылки
art-shapes a:hover (background-image: url("../images/pictures01.png")) - это картинка для активной ссылки
Естественно, ссылки на картинку и все стили, что связаны с картинкой, нужно удалить с класса art-shapes и перенести их в art-shapes a
Далее, на сайте просто записать <div class="art-shapes"> <a href="ссылка">.... </div>. В этом варианте картинка выступает в качестве фона
Другой вариант. Записываем код в таком виде <div class="art-shapes"> <a href="ссылка"><img src="pictures"></a></div> Здесь картинка служит самой ссылкой. В стилях art-shapes и art-shapes a можно указать оттенок, рамку и тд. Но не указывать путь к самой картинке
« Последнее редактирование: 14.10.2013, 15:01:45 от darkghost »
*

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Ссылка в шаблоне, картинка
« Ответ #10 : 16.10.2013, 16:48:13 »
<div class="art-shapes">
<div class="art-shapes"> <a href="http://fiatprofessional.ru/"><img src="http://fiatprofessional.kmpk.ru/templates/fiat2/images/object1362979493.png"></a></div>
</div>

вот что получилось!:)
УРАА
всем СПАСИБО огромное и +1:) если бы не вы то совсем плохо:(
А для чего два раза <div class="art-shapes"> ?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

ejikac

  • Осваиваюсь на форуме
  • 40
  • 0 / 0
Re: Ссылка в шаблоне, картинка
« Ответ #11 : 17.10.2013, 05:06:26 »
а то было. я думал надо вставить внутри. сразу и не заметил что это тупо повторение. спасибо.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как создать новый блок в шаблоне?

Автор moov

Ответов: 7
Просмотров: 6017
Последний ответ 17.12.2018, 14:08:12
от arma
Логотип-картинка ссылкой Artisteer

Автор kirill-juk

Ответов: 2
Просмотров: 2132
Последний ответ 01.02.2016, 14:16:44
от kirill-juk
Поменять цвет блоков в шаблоне

Автор nuon

Ответов: 7
Просмотров: 3485
Последний ответ 10.01.2016, 23:11:34
от nuon
Ребят - В шаблоне Default

Автор Djaga

Ответов: 4
Просмотров: 1776
Последний ответ 10.12.2015, 08:01:47
от Djaga
Замена фона в шаблоне Joomla

Автор Jons$

Ответов: 7
Просмотров: 11255
Последний ответ 12.10.2015, 15:49:09
от darkghost