Фильтр по:
  

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Шапка сайта (вопрос) (не смена, а другое)
Шапка сайта (вопрос)
Дата: Суббота, 05.06.2010, 23:06 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Как сделать шапку как на этом сайте: http://nwo-team.ru

При наведении мышкой на шапку она плавно типо загорается..

Я понимаю что это все через Hover делается, или через скрипт какой нибудь? Но просто заметь она плавно так переходит......

Добавлено (05.06.2010, 23:06)
---------------------------------------------
и вопрос не в тему: лучше сайт стоить на дивах (div) или в табличной форме (table, tr, td)??

 
Дата: Воскресенье, 06.06.2010, 06:06 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
При наведении мышкой на шапку она плавно типо загорается..

... ヅ ... и всего-то ...
Вот, все оч просто:
Quote (Java Script)
$("<span class=\"fake-hover\"></span>").css("display", "none").prependTo($(selector));
$(selector+" a").bind("mouseenter",function(){
$(selector+" .fake-hover").fadeIn("slow");
});
$(selector+" a").bind("mouseleave",function(){
$(selector+" .fake-hover").fadeOut("slow");
});
}

Header - картинка без света
<span class="fake-hover"> - с зеленым чветом.
При наведении - медленно (fadeIn("slow")) - появляется ... при уборании ... fadeOut("slow");

Остальное у меня написано в статьях по Jquery ...

Quote (Fouzer)
и вопрос не в тему: лучше сайт стоить на дивах (div) или в табличной форме (table, tr, td)??

Лучше сайт строить так, как тебе удобно, и в зависимости от тех целей, которые ты преследуешь.

А что хочешь ты - я не знаю. ヅ

Flesh

 
Дата: Понедельник, 07.06.2010, 11:45 |
Лейтенант
Группа: Проверенные
Сообщений: 44
Награды: 0
Репутация: 0
Статус: Offline


Quote
Лучше сайт строить так, как тебе удобно, и в зависимости от тех целей, которые ты преследуешь.

А что хочешь ты - я не знаю. ヅ

нуу))) это не ответ) серьезно если игровой сайт то как лучше стоить?

 
Дата: Вторник, 08.06.2010, 01:34 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Fouzer,
Quote (Fouzer)
нуу))) это не ответ) серьезно если игровой сайт то как лучше стоить?

... В смысле «не ответ» ... - очень даже понятный и развёрнутый ответ.

Если ты не рубишь в HTML, CSS на профессиональном или близком к такому, уровне, то сверстать и поддерживать в нормальном состоянии сайт с дивной версткой - тебе будет достаточно сложно. В зависимости от сложности дизайна, естественно.
Если это будет сайт из пары десятков страниц, одно - двух колоночный, и контент будет достаточно простым по оформлению - это куда ни шло...

... А вообще - попробуй... Сам поймёшь какой тебе надо.

А «игровой» - не игровой - разницы нет.

Flesh

 
Дата: Суббота, 14.08.2010, 12:54 |
RazieL
Лейтенант
Группа: Проверенные
Сообщений: 54
Награды: 0
Репутация: 0
Статус: Offline


А как можно реализовать, чтобы изображения сменялись(как при ротаторе баннеров), но при этом и чтобы сам эффект оставался. Просто в яваскрипте я не мастер(даже не дилетант), могу кое что переделать, из уже существующего, если мне понятно, но с нуля писать не могу...
Моё текущий код,
Code

<script type="text/javascript">
var Header = {
addFade : function(selector){
$("<span class=\"fake-hover\"></span>").css("display", "none").prependTo($(selector));
$(selector+" a").bind("mouseenter",function(){
$(selector+" .fake-hover").stop(true, true).fadeIn(1000);
});
$(selector+" a").bind("mouseleave",function(){
$(selector+" .fake-hover").stop(true, true).fadeOut(1000);
});
}
};
$(function(){
Header.addFade("#header");
});
</script>

Code

<style type="text/css">
#header {
margin: 0; padding: 0; text-indent: -9999px; width: 890px; height: 200px; position: relative;
background: url('/design/logo-bg.png') no-repeat;
}
#header a {
position: absolute; top: 0; left: 0; width: 890px; height: 200px; display: block; border: 0;
background: transparent; overflow: hidden;
}
#header .fake-hover {
margin: 0; padding: 0; width: 890px; height: 200px; display: block; position: absolute; top: 0; left: 0;
background: url('/design/logo-bg.png') no-repeat 0 -200px;
}
</style>

Code

<div id="header"><a href="http://guiltygear.ucoz.ru/">Header</a></div>


Сообщение отредактировал RazieL - Суббота, 14.08.2010, 12:55
 
Дата: Суббота, 14.08.2010, 13:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


RazieL,
- Сколько картинок? Разных.
Quote (RazieL)
А как можно реализовать, чтобы изображения сменялись(как при ротаторе баннеров)

- при перезагрузке страницы или на автомате - как у меня в блоках «Случайные статьи»?

...
Flesh

 
Дата: Суббота, 14.08.2010, 13:15 |
RazieL
Лейтенант
Группа: Проверенные
Сообщений: 54
Награды: 0
Репутация: 0
Статус: Offline


likbezz, При перезагрузке страницы, картинок ~10... естественно разных), если имеете ввиду по размерам, то одинаковых...

Сообщение отредактировал RazieL - Суббота, 14.08.2010, 13:16
 
Дата: Суббота, 14.08.2010, 13:32 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


RazieL,
Можно ...
При перезагрузке - можно юкоз операторами ... а вот динамически - только через JS ...
Quote (RazieL)
картинок ~10

- это немного .... biggrin это не сотня ... другая ヅ
...



Flesh


 
Дата: Суббота, 14.08.2010, 15:41 |
RazieL
Лейтенант
Группа: Проверенные
Сообщений: 54
Награды: 0
Репутация: 0
Статус: Offline


likbezz, Получилось)
использовал функции из операторов юкоз
<?if(rnd 9='8')?>условие<?else?><?if(rnd 9='7')?>условие...<?endif?><?endif?>
Может и банально но работает)))


 
Дата: Суббота, 14.08.2010, 20:13 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


RazieL, biggrin
А если ни «7» и не «8» ..... biggrin
А вообще - молодец. Хвалю .... biggrin
Но, я бы, сделал ещё проще ..... ヅ

...
Flesh

 
Дата: Четверг, 07.10.2010, 07:21 |
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


ошибки?

 
Дата: Четверг, 07.10.2010, 07:39 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


RAM,
Quote (RAM)
ошибки?
“Про неправильное сжание”

«Как ограничить максимальную ширину и высоту картинок?»
Quote (RAM)
ошибки?
“Получается что при разных разрешениях экрана появляется пустое поле, Хотя шапка растягивается… где то накосяпорил )))))”

- позже гляну ...


 
Дата: Понедельник, 11.10.2010, 19:47 |
Группа: Гости





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

 
Дата: Вторник, 12.10.2010, 04:03 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Сложно сказать почему «гости» не видят надписи, особенно вот так, наугад ....
Ссылку на проблемный сайт.
Quote (Гость)
ведь не все посетители проходят регистрацию.

- Это справедливо.....
Слодовательно, приложите и скриншот, как должна выглядеть надпись под пользователем, зарегистрированным.


 
Дата: Вторник, 12.10.2010, 21:27 |
tacher-nach
Рядовой
Группа: Пропавшие
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Ссылка на мой "проблемный сайт": http://www.mizga.ucoz.ru

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Шапка сайта (вопрос) (не смена, а другое)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия