Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 496 | 13:09:42
FeniX_kz, Помоги мне:) Вот часть исходного кода страницы регистрации

Code
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">  
<title>Регистрация</title>  
<style>  
  body {margin:0;font-family: Tahoma, sans-serif;font-size: 11px;background-color: #f2f2f5;}  
  a { color: #000000; }  
  a:hover { text-decoration: none; }  
  a img { border: 0px; }  
  td, body {font-family:verdana,arial,helvetica; font-size:8pt;}  
  .manHr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}  
  hr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}  
</style>  
<link type="text/css" rel="StyleSheet" href="http://s32.ucoz.net/src/layer5.css" />
<script type="text/javascript" src="http://s32.ucoz.net/src/jquery-1.7.2.js"></script>
<link href="http://s32.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s32.ucoz.net/src/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="http://s32.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
</head><body style="padding:10px;">  
<div align="center">
<table width="50%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" background="http://tymovsk-library.ru/picture/registracija_fon.jpg">  
<tbody><tr>  
<td width="16" height="16" background="/imgs/1.gif"> </td>  
<td background="/imgs/5.gif"> </td>  

<td width="16" height="16" background="/imgs/4.gif"> </td>  
</tr>  
<tr>  
<td background="/imgs/2.gif"> </td>  
<td>  
<table width="100%" border="0" cellspacing="10" cellpadding="0">  
  <tbody><tr>  
  <td><span style="font-size:14px;"><div align="center"><strong><span style="color: rgb(255, 0, 0)"><em>Заполните пожалуйста форму регистрации</em></span></strong></div></span><div align="center"><strong><span style="color: rgb(255, 0, 0)"><em><br></em></span></strong></div><div align="center"><span style="color: rgb(255, 0, 0)">Поля со знаком (<span style="font-size: 12pt">*</span>) заполняются обязательно</span><strong><span style="color: rgb(255, 0, 0)"><em><br></em></span></strong></div></td>  
  </tr>  
  <tr>  
  <td>

FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 497 | 13:13:30
aeaeae, это код из шаблона... исходник можно посмотреть, нажав сочетание клавиш Ctrl+U, или правой кнопкой мыши→просмотр исходного кода

.::I'll be back::.
Выбор за тобой!
Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 498 | 13:27:57
FeniX_kz, так я так и сделал - страница - средства разработки - исходный код, просто весь код не вмещается в сообщение.

FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 499 | 13:30:06
aeaeae, смотрите исходник не с самого начала....
Ну что-то типа этого
Quote
<input type="text" id="siF13" class="manFlLogin" name="user" value="" size="20" style="width:100%" maxlength="25">

Дальше сами...

.::I'll be back::.
Выбор за тобой!
Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 500 | 16:24:04
FeniX_kz, Если тебе не сложно глянь пожалуйста.....

вот код http://rghost.ru/39834802

Добавлено (17-Авг-2012, 16:24:04)
---------------------------------------------
Народ подскажите......

Вотя сохранил страницу регистрации в формате (HTML - файл), открыл в Front Page, изменил там границы полей в классах......а как теперь это на сайт поставить.....чтобы эти отредактированные классы CSS были?


Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 501 | 16:35:38
aeaeae,
Quote
открыл в Front Page
загрузите Ms Office SharePoint Designer 2007 ....

Quote
чтобы эти отредактированные классы CSS были
Впишите их в шаблон CSS

Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 502 | 16:39:04
Miss_Esq, а у меня в шаблоне CSS вот такое

Code
/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */


почему в этих классах ниче не прописано? я сделал вот так на каждый класс

Code
{border:1px solid #FF9900; width:100%; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" maxlength="25}


И поля все равно серого цвета

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 503 | 16:44:46
aeaeae,
Quote
И поля все равно серого цвета
Попробуйте так {border:1px solid #FF9900!important; width:100%; padding:1px 4px; background-color: #f0f!important;}

Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 504 | 18:18:19
Miss_Esq, Чет не помогло....

я правильно понял? за поле ЛОГИН



Code
<tr id="siM45"><td class="manTd1" id="siM46">Пароль <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM47">  
  <input type="password" id="siF14" class="manFlPassw" name="password" size="20" style="width:100%" maxlength="15" />  
<span style="display: none;font-size:10px;" class="hint">Пароль должен быть сложным, чтобы его нельзя было подобрать (пример:"kDi3p9S7").<br><br>Пароль может состоять только из латинских букв, цифр, знака подчеркивания и дефиса [a-zA-Z0-9-_].<br><br>Минимальная длина пароля 6 символов, максимальная - 15 символов.  
<span class="hint-pointer"> </span></span>  
</td></tr>


отвечает класс "manTd1" ?

Добавлено (17-Авг-2012, 18:18:19)
---------------------------------------------
Я короче решил проблему.... :D (покавыряешься и все получится)

Вот код

Code
<?if($LOGIN_FL$)?>  
<tr id="siM42"><td class="manTd1" width="35%" id="siM43">$LOGIN_SIGN$</td><td class="manFlLogin" id="siF13">  
  $LOGIN_FL$  
<span style="display: none;font-size:10px;" class="hint">Имя пользователя, которое вам бы хотелось.<br><br>Логин может состоять как из латинских, так из русских букв, цифр и дефиса [a-zA-Z0-9-].<br><br>Минимальная длина логина 2 символа, максимальная - 15 символов.  
<span class="hint-pointer"> </span></span>  
</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr"></td></tr>  
  <?endif?>


$LOGIN_FL$ я заменил на

Code
<input type="text" id="siF13" class="manFlLogin" name="user" value="" size="20" style="border:1px solid #FF9900; width:100%; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" maxlength="25" />


и граница поля "Логин" стала оранжевой?

Скажите, это правильно?
Прикрепления: 6165965.png (0.9 Kb)

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 505 | 18:22:02
aeaeae,
Quote
Скажите, это правильно?
Правильно будет если форма регистрации будет работать после ваших преобразований ...

Можно поробовать задать параметры для тега полей input а не для его классов

Сообщение отредактировал Miss_Esq - Пятница, 17 Авг 2012, 18:22:30
Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 506 | 18:23:24
Miss_Esq, Так вот я попробывал, и все путем.....

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 507 | 18:24:40
aeaeae, Ну тогда флаг вруки ... :D

Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 508 | 18:26:11
Miss_Esq, а как можно закруглить поле справа и слева?

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 509 | 18:31:15
aeaeae, примените border-radius:

plan_ru
Сообщений: 6
Репутация: 0

Сообщение # 510 | 16:23:37
подскажите пожалуйста как сделать, чтоб писался ник цитирующего пост.
я так понял что не работает код
Code
[quote=Alex]Цитата из сообщения[/quote]

http://tau.rghost.ru/39874119/image.png
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!