Прогноза за времето

Няколко сайта предлагащи код за вграждане на прогнозата за времето:

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/

Подмяна на курсора

Кода е следния, където адреса в червено е на желаното изображение, което ще замени https://lh4.googleusercontent.com/-kSY4opIIsas/T-hnTO-7Q0I/AAAAAAAAC5o/ZlA8LubTS9Q/h120/3421522.png:

<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="http://files.souhssz.webnode.com/200000015-0806409011/souhs-favicon.gif" rel="icon" type="image/x-icon" />

С червен цвят е отбелязан адреса на желаното изображение. За да не се сплеска е добре да бъде с квадратна форма. Файловото разширение може да е ico,gif, jpeg, png или др.

Twetter синя птичка

Може да видите как функционира на тази страница. Анимацията следи, когато се изкачвате или слизате в страницата.
Кода е следния: