Возможные Дубликаты:
Notify panel similar to stackoverflow’s
How to show popup message like in stackoverflowКаким образом Stackoverflow делает окно «Вы заработали новый значок»?
Как Stackoverflow сделать "Вы получили новый значок" окно? (оранжевый, который появляется в верхней части экрана, я считаю, что тот, который показывает вам FAQ, когда вы не вошли в систему).
У кого-нибудь есть образец кода для этого? (с кнопкой также закрыть окно?)
Это очень простой экстерьер в HTML, CSS и DOM-манипуляциях. Посмотрите на http://jquery.com добавить эффекты, и т.д. ...
Используя эти стили в вашем CSS:
#banner
{
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #aaf;
color: #000;
font-size: 1.5em;
padding: .5em;
z-index: 100;
}
И этот HTML на yourpage:
<div id="banner">
Your text here
<a href="#" onclick="document.getElementById('banner').style.display = 'none'; return false;">close</a>
</div>
Если сделать трюк. Играйте со стилями и т. Д., Чтобы они выглядели красиво.
Почему бы вам не взглянуть на их исходный код? ;) –
Потому что вы не увидите его в исходном коде и должны будете следить за некоторыми ссылками на внешние скрипты/файлы CSS. – schnaader
код на стороне сервера гораздо интереснее в этом случае :) – dfa