Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Формы, опрос и календарь: настройка дизайна (не меню и тем более просто шаблонов) |
| Формы, опрос и календарь: настройка дизайна | ||||
|
Стандартный код $LOGIN_FORM$ может не подойти для каждого дизайна, или же вам просто не хочется чтобы галочка "Запомнить" была активной, или просто захотелось попрактиковаться с настройкой дизайна... Данный пример именно для вас.
Code <form method="POST" name="loginform" action="/index/sub/"> Login: <input type="text" name="user" size="20" style="width:100px" maxlength="25"> Password: <input type="password" name="password" size="20" style="width:100px" maxlength="15"> <label for="rem"><input id="rem" type="checkbox" name="rem" value="1" checked>remember</label> <input type="submit" value="Log in »"> <input type="hidden" name="a" value="2"><input type="hidden" name="redirect" value="0"> </form> <a class="forRegLink" href="javascript://" onClick="window.open('/index/5','reminder','top=0,left=0,width=300,height=140'); return false;">Forget password</a> <a class="forRegLink" href="$REGISTER_LINK$">Registration</a> <script type="text/javascript">document.loginform.redirect.value=window.location.href;</script> Пояснения: Если кто-то не понял что вообще все это значит, то вам с uCoz работать еще рано... Читайте статьи по HTML. | ||||
|
Стандартный код $LOGIN_FORM$ может не подойти для каждого дизайна, или же вам просто не хочется чтобы галочка "Запомнить" была активной, или просто захотелось попрактиковаться с настройкой дизайна... Данный пример именно для вас.
Code <form method="POST" name="loginform" action="/index/sub/"> Login: <input type="text" name="user" size="20" style="width:100px" maxlength="25"> Password: <input type="password" name="password" size="20" style="width:100px" maxlength="15"> <label for="rem"><input id="rem" type="checkbox" name="rem" value="1" checked>remember</label> <input type="submit" value="Log in »"> <input type="hidden" name="a" value="2"><input type="hidden" name="redirect" value="0"> </form> <a class="forRegLink" href="javascript://" onClick="window.open('/index/5','reminder','top=0,left=0,width=300,height=140'); return false;">Forget password</a> <a class="forRegLink" href="$REGISTER_LINK$">Registration</a> <script type="text/javascript">document.loginform.redirect.value=window.location.href;</script> Пояснения: Если кто-то не понял что вообще все это значит, то вам с uCoz работать еще рано... Читайте статьи по HTML. | ||||
|
| ||||
|
R01man, и то, и другое делается джаваскриптом (но НЕ "в шаблоне страницы", там этого просто нет).
НАдпись на кнопке меняется совсем просто: в шаблон страницы добавления/редактирования материала после $BODY$ добавляем: Code <script> $('input[value="Добавить"]').val("Новая надпись для добавления"); $('input[value="Сохранить"]').val("Новая надпись для редактирования"); </script> С изменением текста сообщения сложнее, в частности потому, что это сообщение получается с сервера уже после нажатия на кнопку, плюс сам текст может меняться в зависимости от результата. Но если постараться - то задача тоже решаемая. Потеряшка - поиск потерянных и помощь бездомным животным в Питере
| ||||
|
| ||||
|
CSS Стили для календаря
CSS-конструктор для настройки стилей календаря: Перейти » Как изменить вид полосы прокрутки
| ||||
|
defaultNick7865, прежде всего обратите внимание, что в форме регистрации через uNet появилось поле "Персональное фото", с пояснением "Необходимо для системы знакомств и поиска Вашего профиля другими пользователями системы uNet."
Может быть, это именно то, что Вам нужно? Чтобы убрать ссылку "Выбрать аватар" и переименовать ссылку "Загрузить свой аватар" на "Загрузить свое фото", в шаблоны страниц формы регистрации и редактирования информации пользователей после кода $BODY$ вставляем такой скрипт: Code <script> $('a:contains("Выбрать аватар")').get(0).nextSibling.data=''; $('a:contains("Выбрать аватар")').remove(); $('a:contains("Загрузить свой аватар")').html("Загрузить свое фото"); </script> Но если у Вас разрешена регистрация через uNet - то на той форме регистрации получится дублирование полей, с этим тоже нужно будет как-то разбираться. Что за проблема со страницей профиля пользователя - я не понял. Там вроде как все правильно. Или какие-то проблемы с размерами фото, которое булет использовано вместо аватара? Потеряшка - поиск потерянных и помощь бездомным животным в Питере
Сообщение отредактировал YuriT - Четверг, 28 Май 2009, 19:45:34
| ||||
|
bonzi, ставь в вид материалов куда хочешь, вернее туда где хочешь что бы это отображалось:
Quote <?if($DATE$="Сегодня" or $DATE$="Вчера")?><img src="http://i031.radikal.ru/0804/fa/28bf95c09d77.gif"><?endif?> если дата добавления сегодня \ вчера, то будет высвечиваться иконка new  | ||||
|
Хотелось бы на сайте отдела образования поставить форму входа на сайт электронных дневников для школ города. Беру кусок исходного кода с http://www.ooo3t.ru/webjournal/ed.php, ставлю на свою страницу - форма входа есть, но при авторизации пишет "Невозможно найти ресурс
Возможно, он был удален, переименован, или временно недоступен." Понимаю, что в коде нет ссылки на сайт 3T, но как исправить - не знаю | ||||
 Если вы хотите такую форму входа как на картинке то для этого мучатся не надо..просто делаем всё по инструкций /-----Этап Первый------/ 1.Входим в вашу админку ваш_сайт 2.Заходим в: Управление дизайном » Редактирование шаблонов » Форма входа пользователей 3.Выделяем весь код и вместо него вставляем этот: /----------КОД----------/ Code <div align="left"><?if($PAGE_ID$="login")?></div><div style="width: 180px;"><div align="left"><?endif?>Введите логин:$UID_ICON$<br></div><div align="left"><input class="login" name="user" value="" size="20" style="width: 150px;" maxlength="15" type="text"> <br></div><br><div align="left">Пароль:<br></div><div align="left"><input class="pass" name="password" size="20" style="width: 150px;" maxlength="15" type="password"><br></div><br><div align="left"><input class="loginButton" name="sbm" value="Войти" type="submit"><br></div><hr size="2" width="100%"><a class="forRegLink" href="$REGISTER_LINK$"> </a><div align="left"><a class="forRegLink" href="$REGISTER_LINK$"><img alt="" src="http://cinemaxx.net.ru/Forma_vhoda/user.png" align="" border="0"> Регистрация на сайте!</a> <br><a class="forRegLink" href="$REMINDER_LINK$"><img alt="" src="http://cinemaxx.net.ru/Forma_vhoda/locked.png" align="" border="0"> Забыл пароль?</a></div> <table border="0" cellpadding="0" cellspacing="1" width="60"> <tbody><tr><td align="left" valign="top"><br></td> </tr></tbody></table> <?if($PAGE_ID$="login")?></div><?endif?> /-----Этап Второй------/ 1.Заходим в:Управление Дизайном>Дизайн CSS 2.Вставляем этот код куда хотите для удобства в самый конец... /----------КОД----------/ Code input.pass { background: url(http://i036.radikal.ru/0806/d4/010789ade8cd.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } input.login { background: url(http://i055.radikal.ru/0806/d0/584c3fe3b451.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } | ||||
|
yurtaeva, там, судя по коду, используется не сам введенный пользователем пароль, а его "скрутка" со специальным уникальным кодом, который выдает тот сервер. Так что саму форму входа на тот сайт в любом случае надо загружать прямо оттуда, иначе она работать точно не будет.
Самый простой (и, быть может, единственно возможный) способ - это показывать и саму форму входа, и затем тот онлайн-дневник, во фрейме или iframe'е Потеряшка - поиск потерянных и помощь бездомным животным в Питере
Сообщение отредактировал YuriT - Понедельник, 11 Апр 2011, 00:42:04
| ||||
 Если вы хотите чтобы станица с Закрытым Доступом выглядела как на картинке то вам надо сделать следующее: 1.заходите в панель управление/управление дизайном/доступ запрещён 2.Удаляем от туда всё 3.Вставляем следующий код: /--------КОД--------/ Code <HTML><head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <style> body{ font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; font-size: 11px; margin: 0; padding: 0; /* required for Opera to have 0 margin */ } .errorwrap { background: #F2DDDD; border: 1px solid #992A2A; border-top: 0; margin: 5px; padding: 0; } .errorwrap h4 { background: #E3C0C0; border: 1px solid #992A2A; border-left: 0; border-right: 0; color: #992A2A; font-size: 12px; font-weight: bold; margin: 0; padding: 5px; } .errorwrap p { background: transparent; border: 0; color: #992A2A; margin: 0; padding: 8px; font-size: 11px; } </style> <title>Аккаунт заблокирован</title> </head><body> <br><br><br><br><br><br><br><br><br> <table width="600" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="100%"><div align="center"> </div><div class="errorwrap"><div align="center"> </div><h4 align="center"><span style="font-size: 36pt;">Доступ Закрыт</span><br></h4><div align="center"> <span style="font-size: 10pt;"><span style="font-size: 12pt; color: rgb(255, 0, 0);">Причины по которым Доступ Закрыт:</span><br><br></span><ol><li><font color="#0000cd"><span style="font-size: 10pt;">Вы гость и гостям запрещен доступ к данной странице.</span></font></li><li><font color="#9400d3"><span style="font-size: 10pt;">Вашего пользователя заблокировал администратор.</span></font></li><li><font color="#696969"><span style="font-size: 10pt;">Вы входите в ту группу пользователей которым нельзя просматривать данную страницу.</span></font><font color="#696969"><span style="font-size: 10pt;"></span></font></li></ol><span style="font-size: 10pt;"><span style="font-size: 10pt; text-transform: uppercase;"></span></span><hr size="2" width="100%"><span style="font-size: 10pt;"><span style="font-size: 10pt; text-transform: uppercase;">[ <a href="[color=blue]ссылка на вашу главную страниу[/color]">Главная</a> ]<br></span></span><span style="font-size: 10pt;"><span style="font-size: 10pt; text-transform: uppercase;">[ <a href="[color=blue]ссылка на вашу страницу регистраций пользователей[/color]">РЕГИСТРАЦИЯ</a> ]</span></span><br><br><span style="color: rgb(169, 169, 169);"><span style="font-size: 8pt; color: rgb(169, 169, 169);" class="myWinError">$POWERED_BY$</span><br></span></div></div> </td> </tr> </tbody></table> </body></HTML> /-----------ТО ЧТО ОТВЕЧЕНО СИНИМ ЦВЕТОМ ВЫ ДОЛЖНЫ ЗАМЕНИТЬ-----------/ | ||||
|
Создавать красивый css input мы будем с помощью следующего изображения:
Code input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#A7ADB6; padding:4px 10px 4px 10px; border:none; width:206px; height:24px; background:url('http://4user.org/css/img/sample_input.gif') 0 0 no-repeat; } Эластичный красивый css input
Code .fill-input{ background:url('http://4user.org/css/img/sample_input_02.gif') 0 0 repeat-x; width:100%; border:none; height:24px; padding:4px 0; } .left-input{ background:url('http://4user.org/css/img/sample_input_01.gif') left top no-repeat; width:50%; } .right-input{ background:url('http://4user.org/css/img/sample_input_03.gif') right top no-repeat; padding:0 14px 0 16px; } .right-input input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#A7ADB6; padding:0 0 0 10px; border:none; width:95%; height:16px; background:none; }
Code <div class= "left-input"> <div class= "right-input"> <div class= "fill-input"> <input type="text" /> </div> </div> </div> |
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!