Joomla 1.5 Помигите с изменением модуля

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем mata, 22.06.2009.

  1. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    8
    Симпатии:
    0
    Привет! мне нужно в модуле поиск и ему подобных (там где имеется форма TEXT) заменить фон.Тоесть нужно сделать фон картинкой.И кнопки "поиск" и "голосовать" (в опросе) нУжно тоже сделать картинкой (КАК ТУТ: http://webprostor.ru/)
    Я уже понял что нужно идти в "менеджер модулей" выбрать модуль и присвоить ему суффикс класса css.
    вот мой суффикс:
    .SEARCH
    Дайте пожалуйста пример оформления css документа для такой операции))
     
  2.  
  3. Offline

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

    Регистрация:
    11.01.2009
    Сообщения:
    101
    Симпатии:
    0
    Пол:
    Мужской
    у мня такой же трабл...
     
  4. Offline

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

    Регистрация:
    11.01.2009
    Сообщения:
    101
    Симпатии:
    0
    Пол:
    Мужской
    неужели никто не знает...
     
  5. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    логика css такая:
    Код (PHP):
    1. .search input.inputbox {
    2. ...
    3. background: url(../images/кортинго) no-repeat или  repeat-x/-y ;
    4. }

    ПыСы: а тупо прочитать про css слабо?
     
  6. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    8
    Симпатии:
    0
    Огромное спасибо;);)
    CSS не очень хорошо знаю.Только собираюсь в хабаровске изучать))[!][!]
     
  7. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    8
    Симпатии:
    0
    doctorgrif, Неа,всё равно не хочет работать... вот смотрите,объясняю подробнее . В настройке модуля поиск я иду в настройку модуля поиск. там строка "Суффикс класса модуля" я ввел в неё .search
    потом в css прописал эту строку (как вы сказали)
    Код (CODE):
    1. .search input.inputbox {
    2. background:#000000;
    3. }

    и ничего...Вот скрин страницы в которой я прописывал суффикс:
    [​IMG]
     
  8. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    mata, суффикс класса убери, а допиши в стили
    Код (CODE):
    1. input.button {
    2. background-image: url('../images/button_input.png');
    3. color:#FFFFFF;
    4. font-weight:bold;
    5. width:85px;
    6. height:25px;
    7. BORDER-RIGHT: #000000 0px outset;
    8. BORDER-TOP: #000000 0px outset;
    9. BORDER-LEFT: #000000 0px outset;
    10. BORDER-BOTTOM: #000000 0px outset;
    11. }
    -это кнопка
    и
    тело
    Код (CODE):
    1. input.inputbox {
    2. ...
    3. background: url(../images/кортинго) no-repeat или  repeat-x/-y ;
    4. }
    как и сказал doctorgrif
    мучился с этим 2 часа, оказалось все просто(до этого просто была надобность)
     
    Последнее редактирование: 22.06.2009
  9. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    8
    Симпатии:
    0
    Этот css меняет кнопку "поиск" или поле ввода?
     
  10. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    mata, я вроде по русски написал где кнопка где поле
     
  11. Offline

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

    Регистрация:
    22.06.2009
    Сообщения:
    8
    Симпатии:
    0
    извини. по торопился. не прочитал)
     
  12. Offline

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

    Регистрация:
    11.01.2009
    Сообщения:
    101
    Симпатии:
    0
    Пол:
    Мужской
    Урааа у мня получилося!!!

    Код (html):
    1. div.moduletable .login {
    2.     font-weight:normal;
    3.     font-family: Arial,Verdana,tahoma;
    4.     color:#ffffff;
    5.     background:url(../images/bgmodtabred.gif) repeat-x;
    6.    
    7.    
    8. }
     

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

Загрузка...