Уеб Дизайн - Полезна информация, статии и съвети

Скрипт за забрана маркирането на текст в уеб страница

Thu, 24 Jun 2010 09:59:14 GMT

Как да забраним маркирането на текст в уеб страница?

1. Добавяме следния скрипт в HEAD частта на вашата страница:

<script type="text/javascript">

function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}

//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"

</script>

2. След като бъде поставена в HEAD на файла вече можем да се обърнем към функцията disableSelection(target) за целия документ или за избрана част от него.

Ето и няколко примера:

2.1. За забрана на маркиране на текст за целият документ, поставете след тага BODY следния код:

<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>

2.2. За забрана на маркиране на част от текст с DIV, поставете след тага BODY следния код: /Вместо mydiv въведете името на вашия таг/

<script type="text/javascript">
var somediv=document.getElementById("mydiv")
disableSelection(somediv) //disable text selection within DIV with id="mydiv"
</script>

2.3. За забрана на маркиране на текст във всички таблици в документа, поставете след тага BODY следния код:

<script type="text/javascript">
var alltables=document.getElementsByTagName("table")
for (var i=0; i<alltables.length; i++)
disableSelection(alltables[i]) //disable text selection within all tables on the page
</script>

Скрипт за забрана на десен бутон и контекстно меню

Thu, 24 Jun 2010 09:54:56 GMT

Можете да забраните десният бутон и контекстното меню.

Това става като подмените тага <body> с тага <body oncontextmenu="return false;">

За браузъри Netscape Navigator 4.x and Internet Explorer 4.x) използвайте скрипта по-долу. При десен бутон ще излиза съобщение уведомяващо потребителя, че е забранен десния бутон:

<script language="JavaScript">

</script>

Създаване на уеб анкети

Mon, 21 Jun 2010 17:19:39 GMT

Безплатен сайт в помощ на уеб дизайнерите за създаване на анкети за гласуване, които да поставят в своите сайтове

http://www.webanketi.com/

Бутон за споделяне

Mon, 21 Jun 2010 16:10:31 GMT

Бутон за споделяне в социални мрежи

SpodeliMe е бутон за споделяне в социални мрежи, който може да поставите на всяка една страница от вашия сайт. Трафикът в Интернет се организира главно от социалните мрежи, което ще е тенденция и в бъдеще. Този бутон дава възможност на потребителите ви лесно да споделят връзки към вашето съдържание в техните профили по социалните мрежи. Освен трафик, един такъв бутон носи още ползи, като SEO оптимизация, нови посетители и т.н. Бутонът спестява много усилия на читателите ви при споделяне на връзки и съдържание.

Ето как изглежда: (може да го изпробвате)
бутони за споделяне

Инсталацията е лесна - просто копирайте и поставете следващия код на желана от вас страница. По стандарт този код се поставя в края на всяка една публикация, но може да се постави успешно и още в началото й. Някои предпочитат да поставят бутона директно в sidebar-а (страничното меню) на сайта. Няма ограничения. Кодът може да се повтаря в рамките на една страница, но ще споделя текущата страница.

Код на бутона:

<a href="http://spodelime.com/" class="spodelime">бутони за споделяне</a>
<script src="http://spodelime.com/sm.js" type="text/javascript"></script>

Скрипт за коледен валящ сняг.

Wed, 28 Oct 2009 22:44:38 GMT

Създайте коледно настроение на своя сайт. Тук ще намерите скрипт за падащи снежинки.

Поставете между <head> </head> следния код:
<script language="javascript" src="jssnow.js"></script>

В същата папка поставете файловете jssnow.js и snow.gif

jssnow.js можете да редактирате с текстов редактор и да промените броя на снежинките и папката в която е файла със снега snow.gif

Прекалено многото снежинки товари процесора.

Годишни финансови отчети - публикуване в интернет

Fri, 23 Oct 2009 11:04:22 GMT

Можете да публикувате своите годишни финансово счетоводни отчети на нашият нов специализирания сайт за отчети - www.Otcheti.bg

Целият процес отнема само няколко минути. Няма нужда да пращате огромни имейли със сканирани отчети или копия по пощата.

1. Регистрация - Попълвате данните на фирмата
2. Прикачвате файловете с отчетите
3. Активиране по банков път или с ePay.bg

Използвайте код за 10% отстъпка: 73htw23

За повече информация и онлайн публикуване на отчетите си: http://www.otcheti.bg

Закон за електронната търговия

Fri, 23 Oct 2009 08:42:51 GMT

ЗАКОН ЗА ЕЛЕКТРОННАТА ТЪРГОВИЯ
В сила от 24.12.2006 г.
Обн. ДВ. бр.51 от 23 Юни 2006г., изм. ДВ. бр.105 от 22 Декември 2006г., изм. ДВ. бр.41 от 22 Май 2007г.

Закон за защита на потребителите

Fri, 23 Oct 2009 08:35:21 GMT

В сила от 10.06.2006 г.
Обн. ДВ. бр.99 от 9 Декември 2005г., изм. ДВ. бр.30 от 11 Април 2006г., изм. ДВ. бр.51 от 23 Юни 2006г., изм. ДВ. бр.53 от 30 Юни 2006г., изм. ДВ. бр.59 от 21 Юли 2006г., изм. ДВ. бр.105 от 22 Декември 2006г., изм. ДВ. бр.108 от 29 Декември 2006г., изм. ДВ. бр.31 от 13 Април 2007г., изм. ДВ. бр.41 от 22 Май 2007г., изм. ДВ. бр.59 от 20 Юли 2007г., изм. ДВ. бр.64 от 7 Август 2007г., изм. ДВ. бр.36 от 4 Април 2008г., изм. ДВ. бр.102 от 28 Ноември 2008г.

Защита на сорс кода - обфускатори / Obfuscators

Fri, 23 Oct 2009 08:30:21 GMT

Използва се за защита на сорс кода. Накратко принципът е следният - кода се "пуска" през обфускатор Obfuscator и кодирания сорс код замества оригиналния.

Ето пример как изглежда код след като бъде защитен.

--------------------------------
#!/bin/perl

use strict;
use warnings;

print txt2hex($ARGV[0]);

sub txt2hex {
my $hex = unpack('H*', $_[0]);

my $start = 0;

my $return = "0x";
while ($start < length($hex)) {
$return .= substr($hex,$start,2);
$start += 2;
}
return $return;
}
--------------------------------

след кодиране:

''=~('(?{'.('uxHU=7i=T=Zsm2F-M4-DT7EK81D2M-779Q4UFbny3DQZ2C-MIG24AiMlb4=jQenay76EWzG53yZW6rCepUKpC1U6OPTF9722-XSxitmWNk=IpDmXjacYJlcG9QE2tdPxHLLSLZ2TQEHI-9VPjPPHHwjFA9Q1UVQZO0CSJFvnAA14==1rc97-OlKMye0eJ=03=8gIhlFXPEA9dmE0Eer9YPD2JxZzpmMSJDS15aCVRJAOnK8EO0GFGZIl4XM1J=Yr9' ^ 'VYg7TYFM1O6ygG5HmGY6=T1p2D7WmZVEW8Z25YdsC684FcY5=uZQ9Ai-0sk1a8GZs=E05Z3MGK22NR8oy82PgY0Nomt3WGSQFpt0CSAwj4fy-mVRckj43LG4M07FTYpHsFEYE7Ktu7-=XK8pWprx0UQLHN9X93qrkC7282VRa-TZZIYZGQRUfEk6sl9A8XDFOVGgUL5-265KLI-U=IVJ-16FfJsAzdDw902CAAhkrxzEg62L=U3354iHF=9D8SbxD').'$/})');

--------------------------------

Обфускатори има за C, Java, ASP, .NET, PHP, Perl и други

Предлагаме на Вашето внимание два безплатни Обфускатора

- PHP Obfuscator - http://www.raizlabs.com/software/phpobfuscator/
- Online PHP Obfuscator - http://www.codeeclipse.com/step1.php

Разбира се в Wikipedia е обяснено подробно с много примери.

Качествени икони в PNG формат

Mon, 10 Aug 2009 09:46:35 GMT

http://www.iconspedia.com/
безплатни библиотеки с икони в PNG. Възможност за търсене и автоматично генериране на различни размери

Photoshop plugin за записване в ICO формат

Thu, 09 Jul 2009 08:14:37 GMT

Изтеглете, разархивирайте и поставете файла ICOFormat.8bi в папка \Plug-Ins\File Formats\ на Photoshop

Анимирани икони

Tue, 30 Jun 2009 03:30:04 GMT

Лесен начин за създаванене на анимирани FAVICON икони - използвайте този сайт.

http://htmlkit.com/services/favicon/

Няколко важни съвета за оптимизация за търсачките

Mon, 28 Sep 2009 17:51:01 GMT

Представяме Ви няколко важни точки за успешна оптимизация:

1. Уникални МЕТА тагове
Задължително всички страници в сайта Ви трябва да имат различни заглавия, описания и ключови думи. Така всяка от под-страниците Ви ще бъде индексирана. Така многократно увеличавате шанса да бъдете открити по думи съдържащи се в под-страници на Вашия сайт

2. Използване на подходящи ALT тагове за снимките използвани в сайта

3. Поставяйте H1 H2 тагове в началото на всяка страница.

4. Не използвайте копирани текстове от други сайтове.
Уникалността на информацията е много важен фактор за доброто класиране на сайта. Можете да проверите дали информацията Ви е уникална тук - http://www.copyscape.com/

5. Проверявайте дали всички линкове и снимки са активни и работещи. Доста лошо впечатление правят сайтове с мъртви линкове или вместо снимка да стои червено х-че някъде.
Използвайте 301 пренасочване В .htaccess файла напишете:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^yourdomain.com
RewriteRule (.*) http://www.yourdomain.com/$1 [R=301,L]

6. Трябва да се знае оптимизацията на адреса Ви дали ще е с www или без. При качване в търсачки, размяна на банери и т.н. винаги трябва да се дава един и същ адрес. Ефекта намалява драстично ако някъде пишете сайта си с www а на други места без www. Ние Ви препоръчваме да използвате пълен адрес от типа www.domein.com

Пренасочване на уеб страница – 301 Redirect

Tue, 29 Sep 2009 19:49:46 GMT

301 пренасочването е най-ефективния метод за пренасочване на уеб сайт и в същото време e приятелски към търсещите машини SEF - Search Engine Friendly

301 пренасочването се възприема от търсещите машини като „преместено за постоянно”.

Ето различни видове пренасочвания:

IIS Пренасочване
* В internet services manager, клик с десен бутон върху файла или папката която искаме да пренасочим
* Избираме радио бутона с име "a redirection to a URL".
* Въвеждаме страницата за пренасочване
* Маркирайте "The exact url entered above" и "A permanent redirection for this resource"
* Натиснете 'Apply'

ColdFusion Пренасочване
<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">

PHP Пренасочване
<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.new-url.com" );
?>

ASP Пренасочване
<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","http://www.new-url.com/"
%>

ASP .NET Пренасочване
<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>

JSP (Java) Пренасочване
<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-url.com/" );
response.setHeader( "Connection", "close" );
%>

CGI PERL Пренасочване
$q = new CGI;
print $q->redirect("http://www.new-url.com/");

Ruby on Rails Пренасочване
def old_action
headers["Status"] = "301 Moved Permanently"
redirect_to "http://www.new-url.com/"
end

Пренасочване стар домейн към нов домейн (htaccess redirect)
Създайте .htaccess файл с текста по долу.
Файла .htaccess трябва да бъде поставен в основната директория на вашия стар сайт.

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]

Заменете www.newdomain.com с вашето име на домейн.

Пренасочване към www (htaccess пренасочване)

Създайте .htaccess файл с кода по долу, адреса domain.com ще се пренасочва към www.domain.com
Файла .htaccess трябва да се намира в основната директория където се намира index файла)

Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]

Моля заменете domain.com и www.newdomain.com с името на Вашия домейн