Затухающий контейнер с вкладками (JS, CSS, HTML)
Сообщений 31 страница 40 из 61
Поделиться3126.07.11 18:19
Нелл естественно можно.
Поделиться3226.07.11 18:20
естественно можно.
ну я понимаю что можно,можно сделать что угодно...
Как это сделать?
Поделиться3326.07.11 18:21
Руно
Ну незнай... попробуйте все сделать заново
Лень мне лазить в исходном коде х)
Поделиться3426.07.11 18:23
faiko уже заменял все ХД
могу коды дать
Нелл поставить код картинки
background: url(ССЫЛКА НА КАРТИНКУ);
Поделиться3526.07.11 18:33
Руно
спасибо)
Поделиться3627.07.11 12:56
так мне помогут али нет?ХД
Поделиться3727.07.11 13:05
Руно
Давай суды свои коды х)
Попытаемся разобраться
Поделиться3827.07.11 15:35
faiko дарю!
Верх
Код:<style> .clear { clear: both; } #page-wrap { width: 600px; background: #242424; margin: 20px auto; padding: 20px; } .button { float: left; margin: 10px; } #home { display: block; padding: 30px; } #home-button { opacity: 1.0; border-bottom: 1px solid black; } #about { display: none; padding: 30px; } #about-button { opacity: 0.5; border-bottom: 1px solid black; } #contact { display: none; padding: 30px; } #contact-button { opacity: 0.5; border-bottom: 1px solid black; } </style>низ
Код:<script type="text/javascript"> $(function(){ $("#about-button").css({ opacity: 0.3 }); $("#contact-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.animate({ opacity: 1, borderWidth: 5 }, 600 ); var idToLoad = $clicked.attr("id").split('-'); $("#content").find("div:visible").fadeOut("fast", function(){ $(this).parent().find("#"+idToLoad[0]).fadeIn(); }) } $clicked.siblings(".button").animate({ opacity: 0.5, borderWidth: 1 }, 600 ); }); }); </script>объявление
Код:<div id="page-wrap"> <div id="Copyright-button" class="button"> <img src="http://i041.radikal.ru/1107/03/886c31a40aca.png" alt="Copyright" class="button" /> </div> <div id="Partners-button" class="button"> <img src="http://s001.radikal.ru/i196/1107/9b/0f36fccff172.png" alt="Partners" class="button"> </div> <div id="Banners-button" class="button"> <img src="http://s004.radikal.ru/i205/1107/bc/32e50ba72e1e.png" alt="Banners" class="button"> </div> <div class="clear"></div> <div id="content"> <div id="Copyright"> <p>Design and idea by Рэдгар. <br> Тексты в рекламе: Шелена. <br>Владелец сайта: Парадокс. <br>All right reserved.</p> </div> <div id="Partners"> <p>Содержание для пункта about</p> </div> <div id="Banners"> <p><br><b>Наши баннеры:</b> <a href="http://worldofwolf.rusff.info" title=" Wolves. Dynasty of Death." target="blank"><img src="http://s52.radikal.ru/i137/1107/ad/772f9bcd0192.png"></a> <a href="http://worldofwolf.rusff.info" title=" Wolves. Dynasty of Death." target="blank"><img src="http://s11.radikal.ru/i183/1107/32/9a4715494cbe.gif"></a> <a href="http://worldofwolf.rusff.info" title=" Wolves. Dynasty of Death." target="blank"><img src="http://s002.radikal.ru/i200/1107/27/f92fad4c6373.gif"></a> <br><b>Ваши баннеры:</b></p> </div> </div> </div>
Поделиться3929.07.11 17:06
эм....я тут штуку такую попробовала..))
чтобы не было белого фона, просто удалите строчку и усё))
вот так должно быть)
#page-wrap {
width: 760px;
margin: 20px auto;
padding: 20px;
}
Поделиться4030.07.11 14:30
wika можно просто вписать нужный тебе цвет или поставить картинку.