Forumlar / National / Russian / Тех. поддержка / Запросы документации

#46432 Kabak:

CSS для form-check-label  какой у вас ?

и у вас сейчас два чекбокса на форме.  а нужно чтобы новый встал  вместо старого прямо поверху

вот в живую онлайн. что мешает удалить старый чекбокс?

я специально старый не убирал для сравнения, чтобы наглядно показать как стилями формируем класс, класс присваиваем (переопределяем чекбоксу в ресурсах).....

реально 2 минуты работы...

Добавлено 22 минуты спустя:

#46449 Dayver:

Ну тут сперва нужно определится, всетаки лезем в пхп или нет. Если допустимо - переопределяем строковые ресурсы. Но если вы это сделали а у вас выводится чекбокс два раза то это не нормально и где то ошибка и нужно её найти (по всем вышеперечисленным сообщениям трудно понять где она) и устранить потому как устранять её визуально скрывая один из них это большой костыль который может вылезть боком в самый неподходящий момент и потом будете ломать голову в чем проблема там где её не должно быть.

Я и спрашиваю у знающих движок как правильно изменить внешний вид чекбокса на форме логина. ( декларируется , что 

подскажите , как заменить чекбокс для начала, не трогая php движка.

#46450 Kabak:

Я и спрашиваю у знающих движок как правильно изменить внешний вид чекбокса на форме логина. ( декларируется , что 

подскажите , как заменить чекбокс для начала, не трогая php движка.

Переопределя строку(и) ресурса в php файле темы (а не движка) для ресурсов как уже и писал ранее. Тут ни коим образом не отходим от декларации. Навыки пхп не нужны что бы следуя подсказке какой ресурс переопределить можно достичь цели видоизменения чекбокса. 

Нужно изменить внешний вид чекбокса ?! Значит меняем ему стили в файле темы. Как к нему обратится?! Либо переопределив строку ресурса и в этом переопределении указать имя класа для возможности обратится напрямую к нему в стилях либо в шаблоне обернуть в контейнер (как вы уже судя по всему сделали) и прописывать стили используя css селекторы для обращения к элементу через родителя, либо не оборачивая просто одному из родительских тегов задать некий свой класс опять же для  обращения через него. Способов уйма и подразумевается что дизайнер уже умеет это делать и может сам вибирать способ каким это делать.

У вас же дублирование чекбоксов возникло судя по всему из-за чего то другого. Но понять сложно вы даже не показали каким образом и где переопределили нужные строки.

#46432 Kabak:

и тогда в my_skin.php

$R['form_guest_remember'] = '<input type="checkbox" name="rremember" class="checkmark" />';

$R['form_guest_remember_forced'] = '<input type="checkbox" name="rremember" checked="checked" disabled="disabled" class="checkmark" />';

Чисто в качестве догадки. Причиной дубления чекбокса может быть то что вы дважды попытались переопредилить строковый ресурс (например в разных файлах вашей темы - допустим один раз в my_skin.php а второй раз в my_skin.rc.php ... последний кстати более логичен для этого). И это не повлекло бы ошибки если бы вы оба раза применил знакприсвоения но видимо один раз вы применили не знак равенства

$R['form_guest_remember'] = '<input type="checkbox" name="rremember" class="checkmark" />';

а знак конкатенации

$R['form_guest_remember'] .= '<input type="checkbox" name="rremember" class="checkmark" />'; 

Что уже и могло повлечь дубление чекбокса. 

Отвечаю сразу всем:

1) в файлах движка ничего не менял ( всё в соответствии с "законом" = декларации для дизайнеров )

2) в имя_скина.php создал строки 

$R['form_guest_remember'] = '<input type="checkbox" name="rremember" class="checkmark" />';
$R['form_guest_remember_forced'] = '<input type="checkbox" name="rremember" checked="checked" disabled="disabled" class="checkmark" />';

в login.tpl 

<tr>
	<td class="td_Style2" colspan="2">
		<div class="flex_block">
			<label class="loging_checkbox">{USERS_AUTH_REMEMBER} 
				<div class="checkmark"></div>
			</label>
				<div class="center">{PHP.L.users_rememberme}</div>
		</div>
	</td>
</tr>

css

/* +++++++++++++++++++++     LOGING CHECKBOX    +++++++++++++++++++++++++++ */
.loging_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: -5px;
 }
 
 .loging_checkbox input.checkmark
 {
  width:35px; 
 }

 .loging_checkbox {
  display: inherit;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  user-select: none;
  order:2;
 }
 
 /* Create a custom checkbox */
 .checkmark {
  position: relative;
  top: 0;
  height: 1.3em;
  width: 1.3em;
  background: #98a47b;
  border-radius: 5px;
 }
 

 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
 }
 
 /* Show the checkmark when checked */
 .loging_checkbox input:checked ~ .checkmark:after {
  display: block;
 }
 
 /* Style the checkmark/indicator */
 .loging_checkbox .checkmark:after {
  left: 0.45em;
  top: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border: solid #58634d;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
 }

 .center
 {
  vertical-align: middle;
 }

блок кода 

.loging_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: -5px;
 }

просто маскирует оригинальный чекбокс от движка.  достаточно убрать opacity и  указать left в любую сторону.     и появляется оригинальный чекбокс от движка который синхронно срабатывает вместе с новым

вот как это выглядит на практике  http://93.125.49.123/dacha/login.php  с замещением оригинального чекбокса

если делать  так   .=   , то получается вообще троение

я поэтому и прошу не общие фразы как нужно , а конкретный ваш код по замене чекбокса = которые не маскирует , а заменяет оригинальный чекбокс от движка

#46464 webitproff:

дайте то что я просил, если хотите помощи, а так кусками картину не совсем реконструируешь

Добавлено 1 минута спустя:

что имеено сейчас нужно? стили или дублирование убрать?

login.tpl

<!-- BEGIN: MAIN -->

<section class="flex_block_style_1">
	<div class="div_block_login">
		<div class="div_block_default div_title_login">
			{USERS_AUTH_TITLE}
		</div>
		<div class="login_block">
		<!-- IF {PHP.usr.id} -->
			<p>{PHP.L.users_loggedinas} <strong>{PHP.usr.name}</strong>.<br/>{PHP.L.users_logoutfirst}</p>
			<p><a class="button" href="{PHP.sys.xk|cot_url('login','out=1&x=$this', '', 0, 1)}">{PHP.L.Logout}</a></p>
			<!-- ELSE -->
			<form name="login" action="{USERS_AUTH_SEND}" method="post">
				<table class="table_Style_2">
					<tr>
						<td class="td_Style2">{PHP.L.users_nameormail}:</td>
						<td class="td_Style2">{USERS_AUTH_USER}</td>
					</tr>
					<tr>
						<td class="td_Style2">{PHP.L.Password}:</td>
						<td class="td_Style2">{USERS_AUTH_PASSWORD}</td>
					</tr>
					<tr>
						<td class="td_Style2" colspan="2">
							<div class="flex_block">
								<label class="loging_checkbox">{USERS_AUTH_REMEMBER} 
									<div class="checkmark"></div>
								</label>
								<div class="center">{PHP.L.users_rememberme}</div>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2" class="td_Style2">
							<button class="button1 login_button" type="submit" name="rlogin" value="0">{PHP.L.Login}</button>
						</td>
					</tr>
				</table>
			</form>
		<!-- ENDIF -->
		</div>

	</div>

	<aside class="div_info_block_1_28">
		<div>
			{FILE "./{PHP.cfg.themes_dir}/{PHP.cfg.defaulttheme}/inc/contact.tpl"}
		</div>

<!-- BEGIN: USERS_AUTH_MAINTENANCE -->
		<div>
			<h4>{PHP.L.users_maintenance1}</h4>
			<p>{PHP.L.users_maintenance2}</p>
		</div>
<!-- END: USERS_AUTH_MAINTENANCE -->
	</aside>

</section>
<!-- END: MAIN -->

my_skin.php

<?php
/* ====================
[BEGIN_COT_THEME]
Name=Forest
Version=1.0.0
Schemes=default:Default
[END_COT_THEME]
==================== */

/**
 * Cotonti Model Theme
 *
 * @package Cotonti
 * @copyright (c) 
 * @license 
 */

defined('COT_CODE') or die('Wrong URL');

$R['form_guest_remember'] = '<input type="checkbox" name="rremember" class="checkmark" />';
$R['form_guest_remember_forced'] = '<input type="checkbox" name="rremember" checked="checked" disabled="disabled" class="checkmark" />';  

убрать дублирование

#46466 webitproff:

самая первая ошибка в самом шаблоне, почему и двоится. Вы выше по коду в теме дважи "классуете" и в шаблоне и строковых ресурсах

замените соответствующий участок на

<tr>
  <td class="td_Style2" colspan="2">
<p>{USERS_AUTH_REMEMBER}&nbsp; {PHP.L.users_rememberme}</p>
  </td>
</tr>

я посмотрю так, после этих правок, пишите в телегу лично мне

ничего не понятно из вашего сообщения )))

что не так в моём коде ?

Зачем мне нисать в телегу лично вам, если я хочу чтобы люди которые встретят побобные проблемы нашли решение на этом сайте ?

Добавлено 3 минуты спустя:

                        <td class="td_Style2" colspan="2">
                            <div class="flex_block">
                                <label class="loging_checkbox">{USERS_AUTH_REMEMBER} 
                                    <div class="checkmark"></div>
                                </label>
                                <div class="center">{PHP.L.users_rememberme}</div>
                            </div>
                        </td>

если убрать 

<div class="checkmark"></div>

то чекбокс не будет отображён совсем

Добавлено 26 секунд спустя:

из-за 

.loging_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
left: -5px;
}