Прогноза за времето
Няколко сайта предлагащи код за вграждане на прогнозата за времето:
1. http://vremeto.6am.bg/ - примерът в края на страницата
2. http://yowindow.com/weatherwidget.php - с динамично сменящ се фон, според текущата прогноза
3. http://www.forecabox.com/
4. http://vremetobg.net/ - зарежда времето за града от който е посетителя
5. http://sinoptik.bg/ - избира се първо града и дава кода
6. http://www.vremeto-bg.com/ - три шаблона за 22 града в България
7. http://www.stringmeteo.com/ - само 39 населени места виждам вляво, а иначе прогнозата е на цял екран и цялата може да се вгради
8. http://vremeto.mirbig.net/ - времето за област или град
Анимирани диаграми
Лесен сайт за направа на анимирани диаграми: http://extra.amcharts.com/editor/pie/
Вида на диаграмата се избира от тази страница: http://extra.amcharts.com/editor/
Приложение може да видите на страницата http://souhssz.webnode.com/za-uchjenika/
Подмяна на курсора
Кода е следния, където адреса в червено е на желаното изображение, което ще замени
:
<style type="text/css">
body, a, a:hover {cursor: url(http://cursors4.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;} </style>
Страничен фон в webnode
Кода е следния, където адреса в червено е на желаното изображение като страничен фон.
<style type="text/css">
body {
background-image: url('http://lh6.ggpht.com/_tFIGAJdkWQ8/TTNMG8SPxVI/AAAAAAAAAtk/v5anjNAScI8/2725413buoul6giov.png');
background-attachment: fixed;
background-repeat: repeat;
} </style>
Абсолютно позициониране
С абсолютното позициониране може да поставите изображение, без да се съобразявате с интерфейса на сайта. Пример за това е "кацналата" пеперуда в горната част на страницата.
Кода е:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script> <script type="text/javascript"> $("body").append($("<img src='http://i1147.photobucket.com/albums/o549/souhs/Setofbutterflies.png' style='position:absolute; top: 234px;right:300px;border:none;'/>")); </script>С червен цвят е отбелязан адреса на изображението и отстоянията от горния край (234px) и от десния край (300px) на страницата. Тези стойности може да промените както поискате!
Фавикон
Фавикона е миниатюрата намираща се до адресната лента. На тази страница съм подменил
с
.
Кода е следния:
<link href="https://c722b4f57d.cbaul-cdnwnd.com/2ecd756666c87138726bc89a77a404c9/200000015-0806409011/souhs-favicon.gif" rel="icon" type="image/x-icon" />
С червен цвят е отбелязан адреса на желаното изображение. За да не се сплеска е добре да бъде с квадратна форма. Файловото разширение може да е ico,gif, jpeg, png или др.
Twetter синя птичка
Може да видите как функционира на тази страница. Анимацията следи, когато се изкачвате или слизате в страницата.
Кода е следния: