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

intedant

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

12mv

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

intedant

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

12mv

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

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

12mv

  • Давно я тут
  • 548
  • 20 / 0
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #5 : 30.12.2015, 12:00:03 »
effrit, да там намешано так, надо везде инспектором смотреть.
*

intedant

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

intedant

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

12mv

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

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

intedant

  • Захожу иногда
  • 96
  • 0 / 0
Re: Кнопка "Подробнее"
« Ответ #9 : 30.12.2015, 12: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;
}
*

12mv

  • Давно я тут
  • 548
  • 20 / 0
  • Гульсина
Re: Кнопка "Подробнее"
« Ответ #11 : 30.12.2015, 12:46:03 »
background: #000;
*

intedant

  • Захожу иногда
  • 96
  • 0 / 0
Re: Кнопка "Подробнее"
« Ответ #12 : 30.12.2015, 14: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

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Кнопка "Подробнее"
« Ответ #13 : 30.12.2015, 14:31:11 »
ну блин, я же специально написал про неправильность синтаксиса!
где точка с запятой в конце строки с цветом?
ну и дальше надо уже начинать вниакать в то, что делаете и гуглить.
про !important , к примеру
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка "читать далее" на Landing Page

Автор nebabaev

Ответов: 0
Просмотров: 1227
Последний ответ 23.03.2018, 23:50:09
от nebabaev
Автоматическое добавление кнопки подробнее

Автор lexxbry

Ответов: 3
Просмотров: 1531
Последний ответ 27.02.2018, 18:40:58
от beliyadm
Кнопка пожаловаться, если видео не открывается

Автор leo78

Ответов: 1
Просмотров: 1318
Последний ответ 14.10.2017, 19:27:30
от leo78
Как поменять CSS класс кнопки «Подробнее»в шаблоне?

Автор shrek_01

Ответов: 2
Просмотров: 1971
Последний ответ 23.12.2016, 20:03:43
от shrek_01
Кнопка меню

Автор rep

Ответов: 1
Просмотров: 962
Последний ответ 22.12.2016, 19:10:49
от AlekVolsk