изображение под ссылкой

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем vetaliK, 11.01.2008.

Статус темы:
Закрыта.
  1. Offline

    vetaliK Недавно здесь

    Регистрация:
    10.01.2008
    Сообщения:
    31
    Симпатии:
    0
    Здравствуйте. Я новичок в создании сайтов и начал ознакамливатся с Joomla. И не могу разобраться вот в таком деле. Хочу сделать на главной под ссылками в меню слева от центра небольшие изображения. Вот пример сайта где так сделано "www.online-bmw.ru/" . этот сайт написан с нуля. Под каждой ссылками на главной где указан модельный ряд авто имеется изображение. Подскажите как сделать это на Joomla.
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: изображение под ссылкой

    Это можно сделать огромным количеством способов. Самое простое, перейди в модули в админке, нажми новое, там в редакторе сделай что хочешь, опубликуй его в нужной позиции в шаблоне и будет тебе счастье. А вообще, тебе ОЧЕНЬ НУЖНО заглянуть в документацию и FAQ, узнаешь много нового;)
     
  4. Offline

    vetaliK Недавно здесь

    Регистрация:
    10.01.2008
    Сообщения:
    31
    Симпатии:
    0
    Ответ: изображение под ссылкой

    Fanamura спасибо. Кое что разесняется для меня. В редакторе я понял нужно написать код ссылки с привязанной к ней изображением? Или что то ещё?
     
  5. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: изображение под ссылкой

    ну попробуй так... потыкай)) Не рассуждай, делай и пробуй! :)
     
  6. Offline

    vetaliK Недавно здесь

    Регистрация:
    10.01.2008
    Сообщения:
    31
    Симпатии:
    0
    Ответ: изображение под ссылкой

    Сделал так. Написал HTML код в редакторе нового модуля (<a href="http://mysite.ru/index.php?option=com_content&amp;task=view&amp;id=17&amp;Itemid=47">BMW M 1</a><br /><a href="http://mysite.ru/index.php?option=com_content&amp;task=view&amp;id=17&amp;Itemid=47"><img src="http://mysite.ru/images/stories/system_icons/24x24/bmw_330i_2006_005_5aed9eec.jpg" alt="" width="28" height="30" /></a>) сохранил и привязал к тому что мне нужно. В принципе получилось но изображение на сайте получилось меньше чем я изначально изготовил его. какое-то маленькое, где то 2 на 2 см. Что я сделал не так? может код ещё какой-то додписать? Изображение поместил в стандартную папку двига, и размер сделал таким что свободно поместится в стандартную рамку навигации. В редакторе модуля оно получилось такоеже маленькое. Подскажите что делать.
     
  7. PavelCh
    Offline

    PavelCh Недавно здесь

    Регистрация:
    15.02.2006
    Сообщения:
    104
    Симпатии:
    6
    Пол:
    Мужской
    Ответ: изображение под ссылкой

    Попробуй посмотреть css-файл, может там прописан размер для тега img
     
  8. Offline

    vetaliK Недавно здесь

    Регистрация:
    10.01.2008
    Сообщения:
    31
    Симпатии:
    0
    Ответ: изображение под ссылкой

    Там у меня всё по стандартному умолчанию. И про изображения там не чего не нашел. В чём же дело?

    Добавлено через 4 часа 11 минут
    Друзья разобрался ( alt="" width="28" height="30" ) этот код двиг добавил по умолчанию. Просто поменял в нём размеры. :)

    Добавлено через 20 часов 36 минут
    Вот ещё один вопрос по моей теме. У меня ссылка получается прижата к левому краю над изображением. Я хочу сделать по центру, и ещё хотелось бы поменять цвет ссылок.
    Подскажите какой код нужно вставить чтоб ссылка была по центру. И какой чтоб поменять цвет. Книга у меня есть но в ней не чего подобного не нашел.:(
     
    Последнее редактирование: 14.01.2008
  9. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: изображение под ссылкой

    Позиционирование объектов в CSS осуществляется посредством атрибута text-align, который может принимать значения left, center, right и justify. Соответственно в Вашем случае селектору объектов, содержащих текст ссылок, необходимо присвоить свойство:
    Код (CODE):
    1. text-align: center;

    Цвет ссылок, как и цвет текста, устанавливается посредством атрибута color, в качестве значений которого обычно используют шестнадцатеричные сочетания от #000000 до #FFFFFF. Чтобы сделать ссылки всех типов серыми, подойдет такой код:
    Код (CODE):
    1. a:link, a:visited, a:active, a:hover { color: #cecece; }
     
  10. Offline

    vetaliK Недавно здесь

    Регистрация:
    10.01.2008
    Сообщения:
    31
    Симпатии:
    0
    Ответ: изображение под ссылкой

    Спосибо разобрался!!!
     
Статус темы:
Закрыта.

Поделиться этой страницей

Загрузка...