Новости Joomla

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

tomclancys

  • Захожу иногда
  • 152
  • 3 / 0
Здравствуйте.
Вчера установил модуль mod_yoo_login 1.5.7 на сайт. В опере 9.6.3 и мозиле отображаеться нормально, а вот в IE 6 криво.
Тема модуля - niftyquick

CSS темы прикрепил к темке + скриншоты
Код
/* (C) 2007 YOOtheme.com */

/* login */
span.niftyquick span.yoo-login span.login {
height: 24px;
}

span.niftyquick span.yoo-login span.login span.username,
span.niftyquick span.yoo-login span.login span.password,
span.niftyquick span.yoo-login span.login span.login-button,
span.niftyquick span.yoo-login span.login span.lostpassword,
span.niftyquick span.yoo-login span.login span.lostusername,
span.niftyquick span.yoo-login span.login span.registration,
span.niftyquick span.yoo-login span.logout span.greeting,
span.niftyquick span.yoo-login span.logout span.logout-button {
margin-right: 5px;
float: left;
overflow: hidden;
}

span.niftyquick span.yoo-login span.login span.username,
span.niftyquick span.yoo-login span.login span.password {
width: 74px;
height: 16px;
padding: 6px 5px 2px 25px;
float: left;
overflow: hidden;
}

span.niftyquick span.yoo-login span.login span.username {
background: url(styles/niftyquick/images/username_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.password {
background: url(styles/niftyquick/images/password_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.username:hover {
background: url(styles/niftyquick/images/username_bg.png) 0 -24px no-repeat;
}

span.niftyquick span.yoo-login span.login span.password:hover {
background: url(styles/niftyquick/images/password_bg.png) 0 -24px no-repeat;
}

span.niftyquick span.yoo-login span.login span.username input,
span.niftyquick span.yoo-login span.login span.password input {
padding: 0px;
width: 100%;
background: none;
border: none;
outline: none;
float: left;
color: #646464;
font-size: 11px;
}

span.niftyquick span.yoo-login span.login span.username input:hover,
span.niftyquick span.yoo-login span.login span.password input:hover,
span.niftyquick span.yoo-login span.login span.username input:focus,
span.niftyquick span.yoo-login span.login span.password input:focus {
color: #000000;
}

span.niftyquick span.yoo-login span.login span.login-button {
margin-top: 2px;
margin-bottom: 2px;
width: 50px;
height: 20px;
background: url(styles/niftyquick/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.login-button:hover {
background: url(styles/niftyquick/images/button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.yoo-login span.login span.login-button button {
display: block;
padding: 0px 0px 0px 0px;
width: 100%;
height: 20px;
border: none;
background: none;
cursor: pointer;
overflow: hidden;
font-size: 11px;
line-height: 20px;
color: #646464;
text-transform: lowercase;
}

span.niftyquick span.yoo-login span.login span.login-button button:hover {
color: #000000;
}

span.niftyquick span.yoo-login span.login span.lostpassword,
span.niftyquick span.yoo-login span.login span.lostusername,
span.niftyquick span.yoo-login span.login span.registration {
margin-top: 2px;
margin-bottom: 2px;
}

span.niftyquick span.yoo-login span.login span.lostpassword {
width: 25px;
background: url(styles/niftyquick/images/lost_password_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.lostusername {
width: 25px;
background: url(styles/niftyquick/images/lost_username_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.registration {
width: 31px;
background: url(styles/niftyquick/images/registration_bg.png) 0 0px no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.login span.lostpassword a,
span.niftyquick span.yoo-login span.login span.lostusername a,
span.niftyquick span.yoo-login span.login span.registration a {
display: block;
width: 100%;
height: 20px;
}


/* logout */
span.niftyquick span.yoo-login span.logout {
height: 24px;
}

span.niftyquick span.yoo-login span.logout span.greeting {
line-height: 24px;
}

span.niftyquick span.yoo-login span.logout span.logout-button {
margin-top: 2px;
width: 50px;
height: 20px;
background: url(styles/niftyquick/images/button_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

span.niftyquick span.yoo-login span.logout span.logout-button:hover {
background: url(styles/niftyquick/images/button_bg.png) 0 -20px no-repeat;
}

span.niftyquick span.yoo-login span.logout span.logout-button button {
display: block;
padding: 0px 0px 0px 0px;
width: 100%;
height: 20px;
border: none;
background: none;
cursor: pointer;
overflow: hidden;
font-size: 11px;
line-height: 20px;
color: #646464;
text-transform: lowercase;
}

span.niftyquick span.yoo-login span.logout span.logout-button button:hover {
color: #000000;
}

[вложение удалено Администратором]
*

Foros

  • Осваиваюсь на форуме
  • 44
  • 2 / 1
А у меня не отображается так как надо, отображается как обычный модуль, без рисунков... Никак не могу понять почему... Joomla 1.0.12...
www.travel64.ru...
*

Vetusto

  • Захожу иногда
  • 64
  • 0 / 0
Слушайте, а не знаете как фон поменять? Все CSS перековырял, так и не нашел.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

CSS для позиции модуля

Автор tierex

Ответов: 3
Просмотров: 2845
Последний ответ 26.05.2023, 11:06:00
от tierex
Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 3193
Последний ответ 25.01.2023, 11:36:57
от Frost_
Настройка вывода модуля погоды SP Weather

Автор IvanIvanch

Ответов: 2
Просмотров: 1846
Последний ответ 31.10.2018, 23:19:28
от IvanIvanch
Двойной :focus - проблема с отображением меню [решено]

Автор dm-krv

Ответов: 2
Просмотров: 1144
Последний ответ 24.06.2018, 14:02:39
от dm-krv
Изменить высоту модуля меню

Автор kunsaid

Ответов: 4
Просмотров: 2919
Последний ответ 24.04.2017, 21:45:05
от kunsaid