Новости Joomla

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

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Замена картинок углов рамки на спрайт
Возникла проблема, по их отображению, во первых у меня код:
Код
#wm .amoney_tr {
background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent;
    height: 10px;
    overflow: hidden;
    padding-right: 13px;
}
#wm .amoney_tl {
background: url('../images/jc_rb_tl.gif') no-repeat scroll 0% 0% transparent;
    padding-left: 13px;
}
#wm .amoney_br {
background: url('../images/jc_rb_br.gif') no-repeat scroll 100% 100% transparent;
    height: 13px;
    padding-right: 13px;
}
#wm .amoney_bl {
background: url('../images/jc_rb_bl.gif') no-repeat scroll 0% 100% transparent;
    padding-left: 13px;
}
Четыре угла

Код
.sprite {
background: url('../images/donate_am.png') no-repeat -297px -202px;
width: 13px;
height: 13px;
}
.sprite {
background: url('../images/donate_am.png') no-repeat -297px -216px;
width: 13px;
height: 13px;
}
.sprite {
background: url('imgs/donate_am.png') no-repeat -283px -202px;
width: 13px;
height: 13px;
}
.sprite {
background: url('imgs/donate_am.png') no-repeat -283px -216px;
width: 13px;
height: 13px;
}

Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно
Код
.sprite {
background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%;
width: 13px;
height: 13px;
}

В принципе пытался так вставить
Код
#wm .amoney_tr {
background: url('imgs/donate_am.png') no-repeat 59.519% 40.481%;
    height: 10px;
    overflow: hidden;
    padding-right: 13px;
}

Как правильней?


 *DRINK*
« Последнее редактирование: 21.06.2013, 17:33:37 от leo78 »
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Попробуйте элементу углы которого надо закруглить прописать - border-radius: 6px 6px 6px 6px;
С выходом цсс3 не вижу причин делать это действие картинками.
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
leo78, а что у вас за два разных кода в первом части и во второй?
по крайней мере, во второй части бред полный))) один и тот же .sprite четыре раза)))) там будет выполняться последний стиль, а те три, что выше в коде, будут перекрыты!
т.е. вы хотите вместо четырех картинки грузить одну? это конечно полезно, но вы эту картинку грузите в четыре разных HTML блока, которые созданы только лишь для уголков?)))
ей-богу, делайте как выше сказали, через бордер-радиус! картинки грузить вообще не надо, сам код HTML легче будет гораздо, эти 4 блока можно выкинуть! можно и тени и что хошь, просто забейте на ие6-7 и будет вам счастье.
интересно, а для модулей тоже рамки рисуются таким же макаром? нуну
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Попробуйте элементу углы которого надо закруглить прописать - border-radius: 6px 6px 6px 6px;
С выходом цсс3 не вижу причин делать это действие картинками.
Справедливости ради стоит напомнить про вендорные префексы, сокращённую запись и фиксы. Как-то так будет:
Код: css
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Справедливости ради стоит напомнить про вендорные префексы, сокращённую запись и фиксы. Как-то так будет:

Я даже и забыл про это, использую Less, как то раз создал файл в котором прописал нужные мне волшебные слова и @import "Имя этого файла"; к основному.
Вырезка из волшебных слов:
Код
.border-radius (@border-radius){
     border-radius: @border-radius;
    -moz-border-radius: @border-radius;
    -webkit-border-radius: @border-radius;
}
Ну и в основном less`е пишу .border-radius (6px)
По этому как то забыл про эти траблы вообще )
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
а этот волшебный файл как подгружается? через лишний запрос к серваку?
почему спрашиваю?))) куча строк для градиента уже достала!!)))
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Он подгружается при разработке сайта, в конечном итоге все это компилируется в один обычный CSS файл
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Он подгружается при разработке сайта, в конечном итоге все это компилируется в один обычный CSS файл
ок. спс!
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

Ответов: 5
Просмотров: 4144
Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

Ответов: 9
Просмотров: 1832
Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

Ответов: 6
Просмотров: 1497
Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

Ответов: 16
Просмотров: 1669
Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

Ответов: 4
Просмотров: 2243
Последний ответ 09.01.2016, 17:07:35
от warlocksp