Новости Joomla

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

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Изменение модуля Входа
« : 07.01.2012, 14:39:41 »
Здравствуйте. Каким образом видоизменить форму входа следующим образом:

div логина,пароля и кнопку сделать в один ряд.

Задача казалось бы очень простая. Но реализовать не получается. Почему-то поменять ширину modlgn-username и modlgn-password неполучения (они игнорируя CSS выравниваются по длине формы в 2ряда. Т.е. логин занимает первую строчку и пароль втоую)
Буду рад любой помощи.

*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #1 : 07.01.2012, 14:43:34 »
Переопределите шаблон вывода модуля в шаблоне сайта и делайте с ним что угодно.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

tops974

  • Захожу иногда
  • 73
  • 5 / 0
Re: Изменение модуля Входа
« Ответ #2 : 07.01.2012, 14:49:10 »
Я могу ошибаться, но Вазможно паролю просто не хватает места (По ширине шаблона), вот он и перепрыгивает на 2 строчку.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #3 : 07.01.2012, 14:51:59 »
Пожалуйста поподробнее. С джулой только знакомлюсь. Визуально редактировать модули можно средствами панели администратора?
Я возможно делаю это криво, но другого выхода пока не знаю.
Добавляю CSS код в templete.css моего шаблона.

2tops974 да вы правы, в том то и дело, что места нет т.к. div выравнивается по ширине формы и не хватает места.
Есть небольшие успехи при абсолютном позиционировании. ширина меняется, но хотел бы обойтись без него.
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #4 : 07.01.2012, 14:59:17 »
Подключаетесь по ftp и копируете все файлы из  /modules/mod_login/tmpl  в  /templates/ваш_шаблон/html/mod_login. После этого можете изменять default.php как угодно, там все сведется к базовым знаниям HTML и CSS.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #5 : 07.01.2012, 15:18:37 »
С редактированием проблем нету.

Я удалил лишние строки из defult.php. Моя форма приобрела следующий вид.

Ширина этой формы зависит от ширины блока в котором она находится. У меня это 700px
Мне нужно сделать ширину 300px;



Как я это делаю:
Добавляю следующий код в templete.css
Код
form#login-form { 
width:300px;

}
Ничего не меняется
Форма сейчас состоит из 3х элементов.
Код
<div id="form-login-username">
<label for="modlgn-username">Логин</label>
<input id="modlgn-username" type="text" name="username" class="inputbox" size="18">
</div>

Код
<div id="form-login-password">
<label for="modlgn-passwd">Пароль</label>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18">
</div>

Код
<input type="submit" name="Submit" id="lgnbtn" class="button" value="Войти">

Я могу изменять эти элементы с помощью CSS частично. visibility:hidden например убирает элемент.



Но изменить пораметр width: не получается.



Как реализовать следующую форму.


*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #6 : 07.01.2012, 15:21:59 »
Подключаетесь по ftp и копируете все файлы из  /modules/mod_login/tmpl  в  /templates/ваш_шаблон/html/mod_login. После этого можете изменять default.php как угодно, там все сведется к базовым знаниям HTML и CSS.
Изменяете как угодно верстку. Добавляете div с нужными классами и все, профит!
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #7 : 07.01.2012, 15:23:23 »
Код: css
#form-login-username, #form-login-password { float: left; width: 100px }
#lgnbtn { float: left; width: 50px }
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #8 : 07.01.2012, 15:25:31 »
#form-login-username{width:300px}
#form-login-username label{float:left;width:150px}
#form-login-username input{float:left;width:150px}

Но это так по быстрому. Потому то есть еще и margin и padding. Их тоже учитывайте и отнимайте с ширины label и input
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #9 : 07.01.2012, 15:32:59 »
Цитировать
label
Можно задать одинаковым для всего модуля, они не большие, аналогично и инпуты, кроме кнопки, ее можно переопределить по id.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #10 : 07.01.2012, 15:36:38 »
p.s. Не заметил что еще есть
Код
<div id="form-login-password">
<label for="modlgn-passwd">Пароль</label>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18">
</div>
рассеянность праздничная всему виной. Но смысл ясен. В таком направлении все получиться. :)
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #11 : 07.01.2012, 15:44:48 »
Ширина действительно меняется, но..

Код
form#login-form { 
width500px;

}

#form-login-username{width:160px}
#form-login-username label{float:left;width:50px}
#form-login-username input{float:left;width:100px}

#form-login-password{width:160px}
#form-login-password label{float:left;width:50px}
#form-login-password input{float:left;width:100px}




И пожалуйста подскажите по поводу рамки этой черной. Она очерчивает form#login-form
Но почему ее ширина не меняется? По прежнему  700px. Это не беда конечно я могу создать позицию на сайте(в шаблоне) нужной ширины, но знать все равно хочется.


2GDV недогнал немного. Я начинающий программист. голодаю и недоедаю :)
class="inputbox" size="18" убрал вообще. Если вы об этом.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #12 : 07.01.2012, 15:47:40 »
О что-то я совсем туговато соображаю. зачем убрал.. не понятно.
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #13 : 07.01.2012, 15:50:35 »
#form-login-username,#form-login-password{float:left;}

Я не о том что вы написали а том что пропустил второй код из виду.

И дайте уже ссылку на сайт. Так быстрее будет.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #14 : 07.01.2012, 15:53:29 »
О Боже. Вы волшебники. Все действительно работает. Единственное рамка и ширина формы. есть идеи?
Поставил бы плюс в репу, но я вновь прибывший.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #15 : 07.01.2012, 15:53:56 »
free4people.ru
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #16 : 07.01.2012, 15:56:18 »
Черная линия стоит скорее всего для тега
Код: html4strict
<fieldset>
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #17 : 07.01.2012, 15:59:29 »
fieldset{border:none;}
.userdata{нужная ширина}
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Изменение модуля Входа
« Ответ #18 : 07.01.2012, 16:00:58 »
Зачем?
Код: css
form#login-form { 
width500px;

}

#form-login-username{width:160px}
#form-login-username label{float:left;width:50px}
#form-login-username input{float:left;width:100px}

#form-login-password{width:160px}
#form-login-password label{float:left;width:50px}
#form-login-password input{float:left;width:100px}

это ведь простыня по сути :(

Код: css
fieldset { border: 0px; }
#form-login-username, #form-login-password { float: left; width: 150px }
#login-form label { float: left; width: 50px }
#login-form input { float: left; width: 100px }
#lgnbtn { float: left; width: 50px }

Всего 5 строк.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #19 : 07.01.2012, 16:03:48 »
согласен
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #20 : 07.01.2012, 16:05:24 »
Спасибо огромное. Буду учиться. Огромное спасибо за помощь!
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Изменение модуля Входа
« Ответ #21 : 07.01.2012, 16:11:25 »
Дали бы раньше ссылку, все быстрее было бы.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

SPBDenisSPB

  • Новичок
  • 9
  • 0 / 0
Re: Изменение модуля Входа
« Ответ #22 : 07.01.2012, 16:18:25 »
Истина рождается в споре!  *DRINK*
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменение шаблона Joomla! 2.5.24

Автор SecondPC

Ответов: 0
Просмотров: 2638
Последний ответ 26.03.2021, 18:09:33
от SecondPC
Суффикс CSS-класса модуля - объясните пожалуйста, как правильно сделать CCS для модуля

Автор rootroot

Ответов: 19
Просмотров: 38681
Последний ответ 21.03.2018, 23:49:27
от beliyadm
Добавить позицию модуля в шаблоне traction

Автор amaddeus

Ответов: 1
Просмотров: 1687
Последний ответ 27.04.2017, 22:23:31
от darkghost
Добавление позиции модуля

Автор 13RUS

Ответов: 1
Просмотров: 1313
Последний ответ 16.12.2016, 12:38:15
от darkghost
Изменение вывода шаблона блога категорий

Автор Lepiloff

Ответов: 18
Просмотров: 2239
Последний ответ 22.12.2015, 14:45:15
от Arkadiy