Шапка сайта (вопрос)
|
|
[1] Fouzer [05.06.2010, 23:06] |
Как сделать шапку как на этом сайте: http://nwo-team.ru При наведении мышкой на шапку она плавно типо загорается.. Я понимаю что это все через Hover делается, или через скрипт какой нибудь? Но просто заметь она плавно так переходит...... Добавлено (05.06.2010, 23:06) --------------------------------------------- и вопрос не в тему: лучше сайт стоить на дивах (div) или в табличной форме (table, tr, td)?? |
|
[2] likbezz [06.06.2010, 06:06] |
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 |
|
[3] Fouzer [07.06.2010, 11:45] |
Quote Лучше сайт строить так, как тебе удобно, и в зависимости от тех целей, которые ты преследуешь. А что хочешь ты - я не знаю. ヅ нуу))) это не ответ) серьезно если игровой сайт то как лучше стоить? |
|
[4] likbezz [08.06.2010, 01:34] |
Fouzer, Quote (Fouzer) нуу))) это не ответ) серьезно если игровой сайт то как лучше стоить? ... В смысле «не ответ» ... - очень даже понятный и развёрнутый ответ. Если ты не рубишь в HTML, CSS на профессиональном или близком к такому, уровне, то сверстать и поддерживать в нормальном состоянии сайт с дивной версткой - тебе будет достаточно сложно. В зависимости от сложности дизайна, естественно. Если это будет сайт из пары десятков страниц, одно - двух колоночный, и контент будет достаточно простым по оформлению - это куда ни шло... ... А вообще - попробуй... Сам поймёшь какой тебе надо. А «игровой» - не игровой - разницы нет. Flesh |
|
[5] RazieL [14.08.2010, 12:54] |
А как можно реализовать, чтобы изображения сменялись(как при ротаторе баннеров), но при этом и чтобы сам эффект оставался. Просто в яваскрипте я не мастер(даже не дилетант), могу кое что переделать, из уже существующего, если мне понятно, но с нуля писать не могу... Моё текущий код, 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 |
|
[6] likbezz [14.08.2010, 13:10] |
RazieL, - Сколько картинок? Разных. Quote (RazieL) А как можно реализовать, чтобы изображения сменялись(как при ротаторе баннеров) - при перезагрузке страницы или на автомате - как у меня в блоках «Случайные статьи»? ... Flesh |
|
[7] RazieL [14.08.2010, 13:15] |
likbezz, При перезагрузке страницы, картинок ~10... естественно разных), если имеете ввиду по размерам, то одинаковых...
Сообщение отредактировал RazieL - Суббота, 14.08.2010, 13:16 |
|
[8] likbezz [14.08.2010, 13:32] |
RazieL, Можно ... При перезагрузке - можно юкоз операторами ... а вот динамически - только через JS ... Quote (RazieL) картинок ~10 - это немного .... это не сотня ... другая ヅ ... Flesh |
|
[9] RazieL [14.08.2010, 15:41] |
likbezz, Получилось) использовал функции из операторов юкоз <?if(rnd 9='8')?>условие<?else?><?if(rnd 9='7')?>условие...<?endif?><?endif?> Может и банально но работает))) |
|
|
[11] RAM [07.10.2010, 07:21] |
ошибки? |
|
[12] likbezz [07.10.2010, 07:39] |
RAM, Quote (RAM) ошибки? “Про неправильное сжание” «Как ограничить максимальную ширину и высоту картинок?» Quote (RAM) ошибки? “Получается что при разных разрешениях экрана появляется пустое поле, Хотя шапка растягивается… где то накосяпорил )))))” - позже гляну ... |
|
[13] Гость [11.10.2010, 19:47] |
После замены шаблона, гостям сайта не видно названия в шапке, хотя у всех других групп пользователей все нормально, Посоветуйте, что делать, ведь не все посетители проходят регистрацию. |
|
[14] likbezz [12.10.2010, 04:03] |
Гость, Сложно сказать почему «гости» не видят надписи, особенно вот так, наугад .... Ссылку на проблемный сайт. Quote (Гость) ведь не все посетители проходят регистрацию. - Это справедливо..... Слодовательно, приложите и скриншот, как должна выглядеть надпись под пользователем, зарегистрированным. |
|
[15] tacher-nach [12.10.2010, 21:27] |
Ссылка на мой "проблемный сайт": http://www.mizga.ucoz.ru |
|