[Ликбез]
Форма входа
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Вопросы от гостей. Общая тема.
Вопросы от гостей. Общая тема.
[1] likbezz [02.09.2010, 02:53]
Вопросы от гостей. Общая тема.
Складываем всё - дальше я рассортирую, если потребуется.

Вопросы типа: «Не работает ...» - только со ссылкой на проблемную страницу.
Вопросы типа: «Не работает ...» и ссылкой на страницу требующую авторизации - только с тестовым логином/паролем.
Вопросы требующие подробных объяснений - со скриншотами и исходниками - только на форум.
В личку - только короткие вопросы, подразумевающие короткие ответы.
[166] bandjuk [10.04.2012, 10:40]
likbezz, спасибо! Я надеюсь, что там скрипт писать не нужно? А то я много чего хочу так сделать....
[167] likbezz [10.04.2012, 20:11]
bandjuk,
Quote (bandjuk)
Я надеюсь, что там скрипт писать не нужно? А то я много чего хочу так сделать....

Нет, не нужно )
Нужно просто убрать фон родительской таблице и прописать везде бордер. Только на странице постов.
Code
<style type="text/css">
table.postTable,table.gTable{background-color:transparent;}
td.postTdInfo,td.postFirst{background:transparent;}
table.gTable table{border-collapse:collapse;border-spacing:0;}
td.postTdTop,td.postTdInfo,td.posttdMessage,td.postBottom{border:1px solid #486275;}
</style>

Дерзай )
...
Типа:
☑ http://likbezz.ru/_example/sites/_part1/fotki/fotki_3.html
...

Прочее - по тому же принципу.
...
[168] bandjuk [11.04.2012, 10:32]
likbezz, Антом, а теперь расскажи, что с этим делать! wacko
1. у меня нет таких стилей td.postTdInfo,td.postFirst
есть такие .postTdInfo, .postFirst.
Заменяю в них на прописанное у тебя, ничего не происходит, если просто вставляю в ксс эти стили так:
Quote
.postTable,.gTable{background-color:transparent;}
.postTdInfo,.postFirst{background:transparent;}
.gTable table{border-collapse:collapse;border-spacing:0;}
.postTdTop,.postTdInfo,.posttdMessage,.postBottom{border:1px solid #486275;}

то фон становится прозрачным только в первом посте!
Что я делаю не так, и как всё таки мне правильно прописать стили на примере моего ксс:

Добавлено (11.04.2012, 10:32)
---------------------------------------------
1-ну проблему решил, теперь все сообщения без фона, добавил к
.postTdInfo,.postFirst{background:transparent;}
эти стили
.postRest1, .postRest2

Но всё равно по-моему как-то не по-людски я стили прописал!
Посмотри ксс http://fotki.ucoz.ua/_st/my.css

Сообщение отредактировал bandjuk - Среда, 11.04.2012, 10:21
[169] likbezz [11.04.2012, 10:58]
bandjuk,
Quote (bandjuk)
1. у меня нет таких стилей td.postTdInfo,td.postFirst

Елки, зелёные, ну что как первый раз )
Если нет стилей, а в большинстве случаев их нет, просто допиши.
...
Quote (bandjuk)
есть такие .postTdInfo, .postFirst.

Это то же самое, просто мне удобнее указывать тег селектора. Понятнее, как-то.
...
Quote (bandjuk)
то фон становится прозрачным только в первом посте!

Допиши, там ещё два класса нужно добавить: postRest1 и postRest2 ...

Quote (bandjuk)
1-ну проблему решил, теперь все сообщения без фона, добавил к
.postTdInfo,.postFirst{background:transparent;}
эти стили
.postRest1, .postRest2

Ну вот, а ты говоришь «Кататься...» )))

Quote (bandjuk)
Но всё равно по-моему как-то не по-людски я стили прописал!
Посмотри ксс http://fotki.ucoz.ua/_st/my.css

Нормально прописал.
Но лучше найти и отредактировать уже имеющиеся, они выше.
...
А вот это:
Code
.postTable,.gTable{background-color:transparent;}
.gTable table{border-collapse:collapse;border-spacing:0;}

лучше прописать через условные операторы, только на странице с постами, а не пихать в основную CSS ...
...
[170] bandjuk [11.04.2012, 11:30]
likbezz,
Quote
лучше прописать через условные операторы, только на странице с постами, а не пихать в основную CSS ...

а зачем? Сейчас всё хорошо отображается, как мне нужно! Смотрел в 3 браузерах!
Спасибо за помощь!
[171] likbezz [11.04.2012, 11:45]
bandjuk,
Quote (bandjuk)
Сейчас всё хорошо отображается, как мне нужно! Смотрел в 3 браузерах!

Ну, тогда всё Ok )
...
[172] bandjuk [11.04.2012, 12:03]
likbezz, Антон, всё получилось! Доволен как слон! Я там ещё немного подшаманил, прописал нормально стили, и до меня дошло почему ты говорил прописать те стили только для постов. На главной форума пропал бордер, но так даже красивей! Зацени, что вышло )))) booze v respect
[173] likbezz [11.04.2012, 12:09]
bandjuk,
Quote (bandjuk)
и до меня дошло почему ты говорил прописать те стили только для постов

Я знал что ты заметишь ))) Даже не знал, а ждал )))
...
[174] bandjuk [17.04.2012, 16:20]
likbezz, Ты мне очень помог с меню!
Всё отлично, но в ИЕ выпадающие пункты меню жестко тормозят!
Посмотри пожалуйста, что можно с этим сделать (опять наверное нужны костыли для ИЕ))))
Хотел выложить хтмл страницу с меню, но так оно в ИЕ отображается через жопу, даже не знаю почему wacko
Вот весь код меню:
Code

<link type="text/css" rel="StyleSheet" href="http://fotki.ucoz.ua/_st/my.css" />  
<br style="clear:both;float:none;font:0/0 a;height:0;">
<div class="hmenu" id="top">
<ul class="menu" id="menu">
<li><a href="$HOME_PAGE_LINK$" class="menulink">ГЛАВНАЯ</a></li>  
<li><a href="http://fotki.ucoz.ua/forum" class="menulink">ФОРУМ</a>
  <ul>
  <li><a href="http://fotki.ucoz.ua/forum/2">Прикольные фотографии</a></li>
  <li><a href="http://fotki.ucoz.ua/forum/3">Головоломки & Загадки</a></li>
  <li><a href="http://fotki.ucoz.ua/forum/5">Скрипты для Ucoz</a></li>
  <li><a href="http://fotki.ucoz.ua/forum/7">Анекдоты, Стихи, Приколы ...</a></li>
  </ul>
</li>
<li><a href="http://fotki.ucoz.ua/news" class="menulink">НОВОСТИ</a></li>
<li><a href="http://fotki.ucoz.ua/photo" class="menulink">ФОТО</a></li>

  <li><a href="#" class="menulink">ОБОИ НА РАБОЧИЙ<br>СТОЛ</a>
  <ul>
  <li>
  <a href="http://fotki.ucoz.ua/photo/devushki/devushki/6" class="sub">Обои девушки</a>
  <ul>
  <li class="topline"><a href="http://fotki.ucoz.ua/photo/devushki/5">Девушки</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/devushki/anzhelina_dzholi/14">Анжелина Джоли</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/devushki/avril_lavin/17">Аврил Лавин</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/devushki/hd/9">Обои HD</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/devushki/3d/8">Обои 3D</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/avto_i_devushki/2">Авто и девушки</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/devushki/fantasy_girls/13">Fantasy Girls</a></li>
  </ul>
  </li>
   
  <li>
  <a href="http://fotki.ucoz.ua/photo/muzhchiny/27" class="sub">Обои мужчины</a>
  <ul>
  <li class="topline"><a href="http://fotki.ucoz.ua/photo/muzhchiny/antonio_banderas/28">Антонио Бандерас</a></li>
  </ul>
  </li>
   
  <li>
  <a href="http://fotki.ucoz.ua/photo/avto_moto/10" class="sub">Обои авто и мото</a>
  <ul>
  <li class="topline"><a href="http://fotki.ucoz.ua/photo/avto_moto/avtomobili/11">Автомобили</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/avto_moto/motocikly/12">Мотоциклы</a></li>
  </ul>
  </li>
  <li>
  <a href="http://fotki.ucoz.ua/photo/priroda/15" class="sub">Обои природа</a>
  <ul>
  <li class="topline"><a href="http://fotki.ucoz.ua/photo/priroda/les/16">Лес</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/priroda/zima/20">Зима</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/priroda/vesna/23">Весна</a></li>
  </ul>
  </li>
  <li><a href="http://fotki.ucoz.ua/photo/zhivotnye/24" class="sub">Обои животные</a>
  <ul>
  <li class="topline"><a href="http://fotki.ucoz.ua/photo/zhivotnye/cats/25">Коты</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/zhivotnye/tigers/26">Тигры</a></li>
  </ul>  
  </li>
  </ul>
  </li>
  <li>
  <a href="http://fotki.ucoz.ua/news/animirovannye_otkrytki/1-0-2" class="menulink">АНИРОВАННЫЕ<br> ОТКРЫТКИ</a>
  <ul>
  <li><a href="http://fotki.ucoz.ua/news/muzykalnye_animirovannye_otkrytki_s_novym_godom/2011-11-15-10">Открытки с Новым годом!</a></li>
  <li><a href="http://fotki.ucoz.ua/news/muzykalnye_animirovannye_otkrytki_s_dnjom_svjatogo_valentina/2012-01-03-14">Валентинки</a></li>
  <li><a href="http://fotki.ucoz.ua/photo/animacionnye_otkrytki/s_23_fevralja/21">Открытки с 23 февраля</a></li>
  <li><a href="http://fotki.ucoz.ua/news/muzykalnye_animirovannye_otkrytki_s_8_marta/2012-02-16-17">Открытки с 8 марта</a></li>
  <li><a href="http://fotki.ucoz.ua/news/muzykalnye_animacionnye_otkrytki_s_1_aprelja/2012-03-10-18">Открытки с 1 апреля</a></li>
  <li><a href="http://fotki.ucoz.ua/news/muzykalnye_animirovannye_otkrytki_k_paskhe/2012-03-18-19">Открытки Пасха</a></li>
  </ul>
  </li>
<li><a href="http://fotki.ucoz.ua/index/sitemap/0-13" class="menulink">КАРТА САЙТА</a></li>
  <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>
<li><a href="$PERSONAL_PAGE_LINK$" class="menulink">ПРОФИЛЬ</a></li>
<li><a href=$PM_URL$ target="blank" class="menulink"><?if($UNREAD_PM$=0)?>ЛС ($UNREAD_PM$)<?else?><font color="red">ЛС ($UNREAD_PM$)</font><?endif?></a></li>
<?else?><li><a href="$REGISTER_LINK$" class="menulink">РЕГИСТРАЦИЯ</a></li><?endif?><?endif?>  
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>
<li><a href="$LOGOUT_LINK$" class="menulink">ВЫХОД</a></li><?else?>
<li><a href="$LOGIN_LINK$" class="menulink">ВХОД</a></li><?endif?><?endif?>
</ul>
<script type="text/javascript" src="http://fotki.ucoz.ua/faily/meny/dd.menu.js"></script>
<script type="text/javascript">  
  var menu=new menu.dd("menu");  
  menu.init("menu","menuhover");  
  </script>
</div>

Надеюсь, что можно что-то придумать.
[175] likbezz [17.04.2012, 17:08]
bandjuk,
Quote (bandjuk)
Всё отлично, но в ИЕ выпадающие пункты меню жестко тормозят!

Что ты имеешь в виду? Нормально работает, правда интервал открытия несколько больше ... но тормозов нет.
Смотрел под ИЕ7
...
[176] bandjuk [17.04.2012, 17:53]
likbezz,
Quote
Что ты имеешь в виду? Нормально работает, правда интервал открытия несколько больше ... но тормозов нет.

Это и имею ввиду, менюха открывается настолько плавно и медленно, что я выспаться успеваю! )))))))))
Можно ускорить открытие? Сделать его таким же как и в других (нормальных) браузерах.
[177] likbezz [17.04.2012, 17:56]
bandjuk,
Quote (bandjuk)
Можно ускорить открытие? Сделать его таким же как и в других (нормальных) браузерах.

Гляну вечерком.
...
[178] likbezz [17.04.2012, 23:50]
bandjuk,
Quote (bandjuk)
Можно ускорить открытие?

Ускорил, лично для ИЕ )
Если многовато - поправь - параметр «t»
...
Скрипт:
Code
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/dd.menu_ie.js"></script>

...

☑ Многоуровневое JavaScript Dropdown меню ...
...
[179] bandjuk [18.04.2012, 09:57]
likbezz, спасибо, так намного лучше!
Ещё один вопрос, как мне выровнять пункты меню строго по-центру по горизонтали? Что-то нихрена у меня не получается sad
[180] likbezz [18.04.2012, 10:00]
bandjuk,
Quote (bandjuk)
Ещё один вопрос, как мне выровнять пункты меню строго по-центру по горизонтали? Что-то нихрена у меня не получается

Фиксированную ширину UL и margin:0 auto;
...
Полная версия сайта