[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Вопросы от A11igatoR'a

Вопросы от A11igatoR'a
[1] A11igatoR [12.09.2011, 21:09]
Всем привет.
Столкнулся с проблемами в переделке УКОЗовского дизайна на персональный.

Ну так вот сами проблемы:

1) Форма регистрации на сайте отображается шрифтом больше, чем должно быть. (здесь, в форме регистрации кусок изменил: "Внимание! Сайт входит в систему uNet. Мы рекомендуем Вам зарегистрироваться в системе uNet..."). А где вот остальные строки менять не пойму.) Такая же проблема была с добавлением новостей на сайт (только если зайти на сайт не под администрацией), но там я нашел классы, с помощью которых исправил шрифт.

P.S - так вот где найти и исправить шрифт и цвет ссылок на странице регистрации?

2) Не могу настроить цвета счетчиков переключения страниц с новостями на главной странице, вот код

Code

.swchItemA {font-size:12px;}   
.swchItemA   
a:link {text-decoration: underline; color: #000000}
a:active {text-decoration:underline; color: #000000}
a:visited {text-decoration:underline;color: #000000}
a:hover {text-decoration:underline; color: #808080;}

   .swchItem {font-size:12px;}   
.swchItem   
a:link {text-decoration: underline; color: #000000}
a:active {text-decoration:underline; color: #000000}
a:visited {text-decoration:underline;color: #000000}
a:hover {text-decoration:underline; color: #808080}


цвета по разному распознаются в браузерах.

P.S - в чем может быть проблема?

3) Ну и главная проблема - это браузер IE, там весь сайт "поплыл"...
Во-первых - не работает выравнивание по центру (в Opere, Google, Ff - работает).
Во-вторых - не работает скругление углов (на главной странице и не отображается тень).
В-третьих - почему то съехала кнопка поиска (в Opere, Google, Ff - работает).
В-четвёртых - на странице новости с комментариями, появляется какая то полоса над заголовком новости (в других браузерах ее нет).

Для захода на сайт, есть логин test и пароль test.


Сообщение отредактировал A11igatoR - Понедельник, 12.09.2011, 21:09
[2] likbezz [13.09.2011, 07:02]
A11igatoR,
Утра доброго )
....
Quote (A11igatoR)
1) Форма регистрации на сайте отображается шрифтом больше, чем должно быть. ... А где вот остальные строки менять не пойму.)

А вот “остальные строки”, просто не прописаны ....
За них отвечают стили для ячеек по умолчанию:
Code
td,th{font-size:12px;}

или, если не указаны, размер шрифта для боди:
Code
body{
font-family:Verdana,sans-serif;
font-size:12px;
line-height:1.4;
}

...

Quote (A11igatoR)
P.S - так вот где найти и исправить шрифт и цвет ссылок на странице регистрации?

Ссылкам на данной странице никакой класс не задан, следовательно, за их стилизацию отвечают стили для ссылок по умолчанию:
Code
a:link {text-decoration: underline; color: #000000}
a:active {text-decoration:underline; color: #000000}
a:visited {text-decoration:underline;color: #000000}
a:hover {text-decoration:underline; color: #808080}

- 186 строка.
...

Quote (A11igatoR)
2) Не могу настроить цвета счетчиков переключения страниц с новостями на главной странице, вот код ... цвета по разному распознаются в браузерах. P.S - в чем может быть проблема?

В том, что у вас стили прописаны не верно:
Это то, что у вас:
Code
.swchItemA {font-size:12px;}       
.swchItemA       
a:link {text-decoration: underline; color: #000000}
a:active {text-decoration:underline; color: #000000}
a:visited {text-decoration:underline;color: #000000}
a:hover {text-decoration:underline; color: #808080;}


А это, как надо, если я правильно понял:
Code
a.swchItemA{font-size:12px;}       
a.swchItemA:link{text-decoration:underline;color:#000000;}
a.swchItemA:active{text-decoration:underline;color:#000000;}
a.swchItemA:visited{text-decoration:underline;color:#000000;}
a.swchItemA:hover {text-decoration:underline;color:#808080;}

.swchItem{font-size:12px;}       
a.swchItem:link{text-decoration: underline;color:#000000;}
a.swchItem:active{text-decoration:underline;color:#000000;}
a.swchItem:visited{text-decoration:underline;color:#000000;}
a.swchItem:hover{text-decoration:underline;color:#808080;}

....
А ещё лучше, объединить и сократить:
Code
a.swchItemA,.swchItem{font-size:12px;}

a.swchItemA:link,a.swchItemA:active,a.swchItemA:visited,
a.swchItem:link,a.swchItem:active,a.swchItem:visited{text-decoration:underline;color:#000;}

a.swchItemA:hover,a.swchItem:hover{text-decoration:underline;color:#808080;}

...

Кроме того, у вас ошибка в CSS:
Quote (Info)
Предупреждение: Ошибка при анализе значения «background-image». Потерянное объявление.
Источник: http://applenews.3dn.ru/_st/my.css
Строка: 130

А именно, вот это:
Quote
background-image: url(''http://applenews.3dn.ru/cntcopy3.png'');

- лишние кавычки ...
...
Quote (A11igatoR)
3) Ну и главная проблема - это браузер IE, там весь сайт "поплыл"...

Распространённая “проблема” )
Quote (A11igatoR)
Во-первых - не работает выравнивание по центру (в Opere, Google, Ff - работает).

Работает, если прописано верно.
Quote (A11igatoR)
Во-вторых - не работает скругление углов (на главной странице и не отображается тень).

Это, вроде, всем давно известно...
Cвойство border-radius и box-shadow никогда в ИЕ не работали и будут поддерживаться только в ИЕ9 ...
...
Quote (A11igatoR)
В-третьих - почему то съехала кнопка поиска (в Opere, Google, Ff - работает).

Не “почему-то”, а потому что неровно сделана.
...
Quote (A11igatoR)
В-четвёртых - на странице новости с комментариями, появляется какая то полоса над заголовком новости (в других браузерах ее нет).

? Над заголовком новости? Может быть под? Под заголовком - вижу ....
Но она прописана:
Quote (CSS)
.h2 {
font-family: Arial, sans-serif;
font-size: 26px; /* Размер шрифта */
font-style: italic;/* Курсив */
font-weight: bolder; /* Жирное начертание, светлое-жирное начертание */
text-decoration: underline; /* Подчеркивание */
margin-top: 0; /* Убираем отступ сверху */
}
[3] A11igatoR [13.09.2011, 17:26]
Насчет проблем с регистрацией и переключением страниц все получилось.

А насчет IE то проблема решилась, прописываением
Quote
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
, кстати нашел информацию в соседней теме. happy

Quote
А именно, вот это:
Quote
background-image: url(''http://applenews.3dn.ru/cntcopy3.png'');
- Это специально было сделано что бы не забыть)

Добавлено (13.09.2011, 17:26)
---------------------------------------------
Появилась еще одна проблемка, Мой профиль - Изменение личной информации - и вот эта форма в Гугле и Мозиле отображается правильно, а в ИЕ и в Опере по центру. Что может быть?
САЙТ.
Логин test; пароль test.

И как к ссылке прикрепить, например, такую картинку, как у Вас на сайте?САЙТ. (я вот об этом)


Сообщение отредактировал A11igatoR - Вторник, 13.09.2011, 17:35
[4] likbezz [13.09.2011, 19:23]
A11igatoR,
Quote (A11igatoR)
А насчет IE то проблема решилась, прописываением

Надеюсь НЕ в шаблоны, а в нужное поле, в настройках сайта? ...
Если что: «Как правильно прописать доктайп / DOCTYPE»
...

Quote (A11igatoR)
- Это специально было сделано что бы не забыть)

Что бы “не забыть” - пишите комментарии, а не «ошибки» из-за которых может быть не виден последующий код стилей для некоторых браузеров.
...

Quote (A11igatoR)
Появилась еще одна проблемка, Мой профиль - Изменение личной информации - и вот эта форма в Гугле и Мозиле отображается правильно, а в ИЕ и в Опере по центру. Что может быть?

«div align="center" /» и отсутствие явного выравнивания для таблиц и ячеек по умолчанию и конкретно.
... Вот и все.
Решается:
Code
table.manTable{text-align:left;}

... Кстати, в опере у меня нормально, как в Фоксе. В ИЕ - не смог войти - ошибка скрипта. ) Разбираться не стал.

Quote (A11igatoR)
И как к ссылке прикрепить, например, такую картинку, как у Вас на сайте?САЙТ. (я вот об этом)

Стилизация (оформление) внешних ссылок. - статья
Стилизация внешних ссылок средствами CSS. Кроссбраузерно (Кроссбраузерный пример оформления внешних ссылок стилями CSS) - форум.
...
[5] A11igatoR [13.09.2011, 21:38]
Нашел еще одну проблему, когда заходишь под админом (и только в Гугле) появляется, вот такое:.

Как поправить?


Сообщение отредактировал A11igatoR - Вторник, 13.09.2011, 21:40
[6] likbezz [13.09.2011, 21:59]
A11igatoR,
Quote (A11igatoR)
Нашел еще одну проблему, когда заходишь под админом (и только в Гугле) появляется, вот такое:

А что это такое? По скрину не видно ... )
... С другой стороны, если только под Админом, и не мешает ... лучше не трогать ) ...
...
[7] A11igatoR [14.09.2011, 06:57]
Как сделать ссылку на цитирование в комментариях?
[8] likbezz [14.09.2011, 13:06]
A11igatoR,
Как сделать ссылку на цитирование в комментариях? (Ссылка «Цитировать» в комментариях к материалу. JavaScript)
...
[9] A11igatoR [14.09.2011, 16:08]
Как сделать так что бы при цитировании сообщения, в котором УЖЕ содержалась цитата - было вложенным? Пример. В первом сообщении, я в ручную добавил еще теги /quote quote, а во втором процитировал с помощью кнопки. (Нужно что бы было как в первом сообщении).

И еще когда добавляешь комментарий выскакивает надпись - "Комментарий успешно добавлен", нашел его класс .myWinSuccess. Хочу изменить его цвет прописываю в CSS, например, .myWinSuccess{color: #ffffff;}; (Изначально цвет текста синий) и ничего не меняется.... ???


Сообщение отредактировал A11igatoR - Среда, 14.09.2011, 16:10
[10] likbezz [14.09.2011, 16:55]
A11igatoR,
Quote (A11igatoR)
Как сделать так что бы при цитировании сообщения, в котором УЖЕ содержалась цитата - было вложенным?

Написать скрипт-корректировщик.

Quote (A11igatoR)
и ничего не меняется.... ???

Используй !important
[11] A11igatoR [14.09.2011, 21:37]
С комментариями и с !important разобрался.

А вот с ссылкой (что бы картинка не показывалась у копирайта укоза) - нет angry

Code
a[href^="http"]:not([href*="ucoz.ru"]),a[href^="/go?"] {background:url('http://applenews.3dn.ru/ssilka.gif') no-repeat right 2px;padding-right:15px;}
- вот так, картинка появляется у всех ссылок с доменом UCOZ

Code
a[href^="http"]:([href*="ucoz.ru"]),a[href^="/go?"] {background:url('http://applenews.3dn.ru/ssilka.gif') no-repeat right 2px;padding-right:15px;}
- вот так, картинка пропадает у всех ссылок с доменом UCOZ, кроме копирайта.

Code
a[href^="http"]:([href*="ucoz.ru"]),a[href^="/go?"] {background:none; padding-right:0px;}
- вот так, тоже не убирается у копирайта картинка.

???


Сообщение отредактировал A11igatoR - Среда, 14.09.2011, 21:43
[12] likbezz [14.09.2011, 21:50]
A11igatoR,
Quote (A11igatoR)
А вот с ссылкой (что бы картинка не показывалась у копирайта укоза) - нет

Я ж тебе в аську два раза объяснял - “запакуй в блок и пропиши стили” ... Что не понятно?

«Запакуй в блок»
Code
<span id="powerBy">$POWERED_BY$</span>


«пропиши стили»
Code
#powerBy a{background:none;padding-right:0px;}

...
Не нужно усложнять то, что не требует этого.
...

Quote (A11igatoR)
a[href^="http"]:not([href*="ucoz.ru"]),a[href^="/go?"] {background:url('http://applenews.3dn.ru/ssilka.gif') no-repeat right 2px;padding-right:15px;} - вот так картинка появляется у всех ссылок с доменом UCOZ
a[href^="http"]:([href*="ucoz.ru"]),a[href^="/go?"] {background:url('http://applenews.3dn.ru/ssilka.gif') no-repeat right 2px;padding-right:15px;} - вот так картинка пропадает у всех ссылок с доменом UCOZ, кроме копирайта.
???

- Ты стили от фанаря пишешь или преследуешь какую-то цель? ... Кроме того, что они у тебя противоречат друг другу и с ошибками, так ещё и повторяются. Зачем всё это? ...
Ты что хочешь? поставить иконку для внешних ссылок в блоке контента? Ставь - причём здесь «ucoz.ru»? ...

Перечитываем: Стилизация внешних ссылок средствами CSS. Кроссбраузерно (Кроссбраузерный пример оформления внешних ссылок стилями CSS)
...
[13] A11igatoR [14.09.2011, 22:11]
Аааааа, теперь понял) Как все просто biggrin :D biggrin Спасибо!

Сообщение отредактировал A11igatoR - Среда, 14.09.2011, 22:31
[14] likbezz [14.09.2011, 22:35]
A11igatoR,
Quote (A11igatoR)
Как все просто

Ага, если не усложнять ))) - тогда всё просто ...

Кроме того, намякиваю: “хочешь поставить иконку для внешних ссылок в блоке контента?” .....
Можно ведь и вот так сделать:
Code
#contentBlock a[href^="http"]:not([href*="likbezz."]),
#contentBlock a[href^="/go?"]{padding-right:15px;background:transparent url('/_theme1/_st/ico/_ext1.gif') no-repeat right 2px;}

... Подумай над этим ...
[15] A11igatoR [14.09.2011, 22:57]
Ты имеешь ввиду блок контента это главная страница???

Сообщение отредактировал A11igatoR - Среда, 14.09.2011, 22:59


Полная версия сайта