Димитър Трепечов » Скриптове http://www.trepechov.com Fri, 09 Mar 2012 07:53:35 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Skype Avatar Resizer http://www.trepechov.com/scripts/skype-avatar-resizer/ http://www.trepechov.com/scripts/skype-avatar-resizer/#comments Sat, 11 Oct 2008 13:57:55 +0000 admin http://www.trepechov.com/?p=69 На скоро ми се наложи да напиша прост едитор за картинки и с малко пригаждане на готовия код се получи редактор, с който всеки може да обработи Skype аватара си така, че да изглежда добре.

Скрипта е базиран на Flash-интерфейс, с помощта, на който избирате как да изглежда Вашия аватар и един безплатен php-клас, който прави необходимите редакции.

Пробвайте го сами!

]]> http://www.trepechov.com/scripts/skype-avatar-resizer/feed/ 0 PNG-прозрачност в Internet Explorer 6 http://www.trepechov.com/scripts/png-%d0%bf%d1%80%d0%be%d0%b7%d1%80%d0%b0%d1%87%d0%bd%d0%be%d1%81%d1%82-%d0%b2-internet-explorer/ http://www.trepechov.com/scripts/png-%d0%bf%d1%80%d0%be%d0%b7%d1%80%d0%b0%d1%87%d0%bd%d0%be%d1%81%d1%82-%d0%b2-internet-explorer/#comments Mon, 07 Jul 2008 20:01:19 +0000 admin http://www.trepechov.com/?p=55 Често при изграждането на един сайт дизайнът налага да се използват прозрачни или полупрозрачни елементи. Png-прозрачността е реализирана в новите браузъри, но не така стоят нещата с по-старите версии на Internet Explorer, който все още са доста разпространени сред интернет потребителите. Именно това налага сайтовете, който се изграждат, да са съобразени и с тях.

Съществуват множество техники за реализиране ефекта на прозрачност и полупрозрачност. Използването не gif-файлове е компромисен вариант налагащ ограничени към броя на цветовете, но той е приложим само в случаите на пълна прозрачност. В някой случаи ефект на полупрозрачност може да се постигне и чрез обикновени jpg-файлове, но при този метод доста често се наблюдават „бъгове”.

Еднозначно решение на този проблем няма, или поне аз не съм го открил до момента, но в зависимост от случая подбирам някое от следните решения, който с течение на времето са се оказали най-ефективни според мен.

Решенията описани по-долу са базирана върху употребата на png-файлове и няколко скрипта, който „връщат” прозрачността и полупрозрачност с помощта на DirectX в Internet Explorer 6 и предхождащите го версии на браузъра.

Ако png–файлове са използвани чрез <img>-тагове в HTML -a на сайта употребата на този скрипт е много ефективно и елегантно решение на проблема. Само поставете някъде в <head>-a на вашия сайт този код

<script src="pngimgfix.js" type="text/javascript"></script>

и скрипта автоматично ще обходи png-елементите в кода и ще направи необходимото, за да изглеждат „както трябва”.

Ако използвате png–файлове за фон на <div> или други HTML-елементи зададен посредством CSS може да използвате едни от двата варианта на този скрипт. Добавете към елемента, който има png-файл за фон следния стил

<div style="behavior:url(iefixScale.htc);"></div>

В случай, че фона се наслагва няколко пъти (background-repeat:repeat;) скрипта не реаги коректно. Следващите примерни показват разликите между двата варианта на този скрипт.

<div>-a, на който ще сложим фон

фона, който слагаме на <div>-a

резултат ако използваме scale-варианта (фонът се „разтяга“ върху цялата площ<div>-a)

резултат ако използваме crop-варианта (фонът се „нанася“ само веднъж в <div>-a *)

* При използване на crop-варианта background-position отпада т.е. фонът е винаги в горния ляв ъгъл.

]]> http://www.trepechov.com/scripts/png-%d0%bf%d1%80%d0%be%d0%b7%d1%80%d0%b0%d1%87%d0%bd%d0%be%d1%81%d1%82-%d0%b2-internet-explorer/feed/ 0