Бесплатные шаблоны

Что касается веб-разработки, то не все из нас являются хорошими дизайнерами. И иногда проще скачать уже готовый бесплатный шаблон для сайта, чем создавать его с нуля.

И даже если вы разбираетесь в дизайне и можете создавать свои собственные темы или шаблоны с нуля, то бывает так, что клиент не хочет платить за эту работу. А иногда вы создаете свой собственный проект и не хотите тратить дни или недели, чтобы придумать дизайн, а затем написать HTML и CSS.

Поэтому предлагаю вашему вниманию несколько ресурсов с шаблонами всех видов, от общих до интерфейсов администратора и интернет-магазинов.

Код JavaScript:

<SCRIPT LANGUAGE="JavaScript">
	var lat=new Array("q","w","e","r","t","y","u","i","o","p","[","]","a","s","d","f","g","h","j","k","l",";","'","z","x","c","v","b","n","m",",",".","/");
	var cyr=new Array("й","ц","у","к","е","н","г","ш","щ","з","х","ъ","ф","ы","в","а","п","р","о","л","д","ж","э","я","ч","с","м","и","т","ь","б","ю",".");

	var latcap=new Array("Q","W","E","R","T","Y","U","I","O","P","{","}","A","S","D","F","G","H","J","K","L",":","'","Z","X","C","V","B","N","M","<",">","?","#","$","^","&",'@');
	var cyrcap=new Array("Й","Ц","У","К","Е","Н","Г","Ш","Щ","З","Х","Ъ","Ф","Ы","В","А","П","Р","О","Л","Д","Ж","Э","Я","Ч","С","М","И","Т","Ь","Б","Ю",",","№",";",":","?",'"');

	function translate1(tex)
	{
		var buf=tex;
		var i;
		for (i=0;i<latcap.length;i++)
			{
			if (tex.charCodeAt(0) < 128)
				buf=replace(buf,latcap[i],cyrcap[i],1,0);
			else
				buf=replace(buf,cyrcap[i],latcap[i],1,0);
			}

		for (i=0;i<lat.length;i++)
			{
			if (tex.charCodeAt(0) < 128)
				buf=replace(buf,lat[i],cyr[i],1,0);
			else
				buf=replace(buf,cyr[i],lat[i],1,0);
			}

		tex=buf;
		return tex;
		}

		function replace(target,oldTerm,newTerm,caseSens,wordOnly) {

			var work = target;
			var ind = 0;
			var next = 0;

			if (!caseSens) {
				oldTerm = oldTerm.toLowerCase();
				work = target.toLowerCase();
			}

			while ((ind = work.indexOf(oldTerm,next)) >= 0) {
				if (wordOnly) {
				var before = ind - 1;
				var after = ind + oldTerm.length;
				if (!(space(work.charAt(before)) && space(work.charAt(after)))) {
					next = ind + oldTerm.length;
					continue;
				}
				}
				target = target.substring(0,ind) + newTerm +
				target.substring(ind+oldTerm.length,target.length);
				work = work.substring(0,ind) + newTerm +
				work.substring(ind+oldTerm.length,work.length);
				next = ind + newTerm.length;
				if (next >= work.length) { break; }
			}

			return target;

		}

</SCRIPT>

Форма:

<FORM METHOD="POST">
			<p><textarea style="width:100%;" name="text2" cols="20" rows="10" wrap="virtual"></textarea></p>
			<p><input type="button" class="btn btn-success" value="Конвертировать" onclick="document.forms[0].text2.value=translate1(document.forms[0].text2.value);">
			<input type="button" class="btn btn-danger" value="Очистить" onclick="document.forms[0].text2.value='';"></p>
		</FORM>

Как создать интернет магазин с нуля

Если вы задались вопросом как создать интернет-магазин с нуля и бесплатно (без каких-либо капиталовложений), то сейчас я постараюсь объяснить пошагово, как сделать интернет-магазин на CMS Joomla! и VirtueMart.

Но следует понимать, что создание интернет-магазина заключается не только в разработке сайта.

Сопутствующие товары VirtueMart

Сопутствующие товары – это те товары, которые наиболее часто покупают вместе с основным товаром, или товары, которые могут заинтересовать покупателя, который просматривает тот, или иной товар на сайте.

Например, покупатель выбирает кровать и вполне резонно будет показать ему матрасы, одеяла, или подушки подходящие к конкретной модели кровати. Также можно показать другие модели кроватей, чтобы если данная кровать не заинтересовала покупателя, то он мог обратить внимание на другие подобные изделия.

Сопутствующие категории VirtueMart

В карточке товара VirtueMart 3 можно выводить сопутствующие категории. Это те категории, которые могут заинтересовать покупателя, просматривающего конкретный товар.

Например, когда покупатель подбирает себе кровать, то вполне возможно, что его заинтересуют матрасы, подушки, или одеяла. В таком случае можно вывести эти категории под описанием товара, чтобы покупатель обратил на них внимание и как следствие купил ещё что-нибудь.

Конвертер RuEngRu

Если вы набрали текст не в той раскладке – не беда! Теперь есть отличный бесплатный конвертер из латиницы в кириллицу и обратно.

С его помощью можно быстро и легко перевести текст набранный латинскими буквами в кириллицу, и текст набранный кириллицей – в латиницу. Также можно произвести между собой конвертацию русских и украинских символов.

Программа для смены раскладки текста RuEngRu

RuEngRu – это бесплатная программа-помощник для тех кто много печатает.

Как правило, мы не смотрим какую раскладку клавиатуры используем для набора текста. И иногда случается так, что мы набираем текст не теми буквами что нужно (вместо русских букв пишем английские, а вместо английских – русские). Скольким же людям приходится стирать напечатанный в неправильной раскладке текст и набирать его заново, но уже в правильной раскладке клавиатуры? Страшно и подумать. А сколько людей из-за этого теряют мысль и уже не могут дословно восстановить ранее напечатанный текст?

Вот для того, чтобы сэкономить ваше время и нервы, и была создана программа RuEngRu. С её помощью можно легко переводить текст набранный латиницей в кириллицу, и текст напечатанный кириллицей в латиницу. Таким образом, она поможет вам, если документ написан на английской раскладке и нужно поменять английские буквы на русские (украинские). И наоборот, она преобразует украинские и русские буквы в английские. А если вы забыли отключить Caps Lock, то она поможет сменить регистр букв на правильный.

Open Graph в VirtueMart

Существует много модулей и плагинов с помощью которых можно реализовать Open Graph Meta Tag на вашем сайте Joomla (включая и интернет-магазин на VirtueMart). Но лично я не люблю нагружать свой сайт лишними сторонними расширениями. Поэтому считаю, что лучше самостоятельно внести небольшие правки в код компонента VirtueMart и тем самым внедрить в интернет-магазин микроразметку Open Graph.

Тем более, что для этого нам понадобится произвести очень незначительную правку кода.

Подсветка синтаксиса кода

Если Ваш сайт посвящен программированию, то Вам наверняка понадобится специальный плагин подсветки синтаксиса кода. Кто не знает, что такое синтаксис кода смотрите видео и читайте дальше.

Подсветка синтаксиса — это выделение синтаксических конструкций текста с использованием различных цветов, шрифтов и начертаний. Как правило, подсветку синтаксиса применяют для облегчения чтения (улучшения визуального восприятия) исходного текста компьютерных программ.

Полная таблица символов на клавиатуре

Русская, английская и украинская раскладки клавиатуры имеют некоторое различие. Поэтому, печатая текст на клавиатуре, некоторые символы не так просто ввести.

Например:

@ — собака;

§ — параграф;

° — градус;

< — меньше;

> — больше;

Наши рекомендации

Сollaborator

Hosting Ukraine

АВТОРИЗАЦИЯ