Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 484 Просмотров
*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Кнопка "Подробнее"
« : 30.12.2015, 13:13:06 »
Я новичек в CSS и Joomla, перерыл несколько форумов и не только, подскажите как выполняется позицианирование такого элемента как "подробнее."
у меня на сайте http://iordan.vklmedia.com/ есть множество модулей которые показывают эту самую кнопку, так же все статьи ее тоже показывают. Мне нужно переместить ее с лева на право и поместить под нее бэкграунд, но кроме изменения цвета (общего для всех ссылок) я толком ничего не нашел. Помогите пожалуйста решить эту задачку.

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #1 : 30.12.2015, 13:24:26 »
Почитайте статьи на http://htmlbook.ru/ и сами сделаете и научитесь чему-то.

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Re: Кнопка "Подробнее"
« Ответ #2 : 30.12.2015, 13:40:27 »
Это то понятно, я часто обращаюсь к данному ресурсу, но тут вопрос не в том какой стиль применить а в том куда его применить.

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #3 : 30.12.2015, 13:48:10 »
Это то понятно, я часто обращаюсь к данному ресурсу, но тут вопрос не в том какой стиль применить а в том куда его применить.

В CSS  достаточно добавить одну строчку  http://prntscr.com/9k6qok float: right;
в файле theme.css,  в модулях нужно открывать CSS модулей, если у них свой класс идёт.


*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #5 : 30.12.2015, 14:00:03 »
effrit, да там намешано так, надо везде инспектором смотреть.

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Re: Кнопка "Подробнее"
« Ответ #6 : 30.12.2015, 14:02:04 »
Блин точно, большое спасибо, почему Chrome не прописывает этот класс в панели правки?
тоесть если нажимаю просмотреть код элемента то я вижу только классы a:link но ведь это другой класс получается совсем
Влюбом случае спасибо большое.

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Re: Кнопка "Подробнее"
« Ответ #7 : 30.12.2015, 14:02:53 »
effrit, да там намешано так, надо везде инспектором смотреть.
а можно немного подробнее потыкать меня мордой в ошибки?

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #8 : 30.12.2015, 14:13:10 »
а можно немного подробнее потыкать меня мордой в ошибки?

Не сегодня, не могу. чемоданы собрала сижу на старте, время убиваю, но уже в разрез))
Кто нибудь поможет обязательно)

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Re: Кнопка "Подробнее"
« Ответ #9 : 30.12.2015, 14:40:15 »
спасибо за помощь, скажите а почему при попытке добавить color#000000 у меня слетают все стили которые я применил?
Код
p.djc_readon, a.btn, .readmore > a{ background: url("../images/btn.png") 100% 100% no-repeat;
    width: 128px;
    height: 24px;
    text-align:center;
    float: right;
}

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com

*

12mv

  • Завсегдатай
  • *****
  • 526
  • 20
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #11 : 30.12.2015, 14:46:03 »
background: #000;

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Re: Кнопка "Подробнее"
« Ответ #12 : 30.12.2015, 16:27:08 »
потому что вы ломаете CSS неправильным синтаксисом )
color:#000000;
не получается почему то цвет все равно берется из основного
Код
 a:link, a:visited {
    color: #d14605;
    text-decoration: underline;
    outline: none;
}
а в то же время мне нужно что бы цвет брался из
Код
p.djc_readon, a.btn, .readmore > a{ 
background: url("../images/btn.png") 100% 100% no-repeat;
    width: 128px;
    height: 24px;
text-align:center;

color:#000000
float: right;
}

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
Re: Кнопка "Подробнее"
« Ответ #13 : 30.12.2015, 16:31:11 »
ну блин, я же специально написал про неправильность синтаксиса!
где точка с запятой в конце строки с цветом?
ну и дальше надо уже начинать вниакать в то, что делаете и гуглить.
про !important , к примеру