Блокнот — @дневники: асоциальная сеть

Открываете шрифт. Там на панели инструментов крайняя справа кнопка — Mapping window mode. Выбираете тот режим, где будет показана кодировка Symbol Character Set. Выделяете (клик на первом элементе, shift + клик на последнем) весь список, жмёте Unmap. Снимаете также галочку с active, отключая кодировку. Теперь переключаетесь в режим Glyph list, делаете Map, вписывая правильные юникодные кодпоинты. Сохраняете. Всё.

URL комментария

Ссылка на обсуждение вопроса http://techsupport.diary.ru/p183074989.htm

@темы: AceBinghamSH, Редакторы шрифтов, Шрифты, Ссылки

URL

пятница, 30 ноября 2012

16:48

Шрифты

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Обсуждение подключения шрифтов на руселлере http://ruseller.com/lessons.php?rub=29&id=1066

Генератор шрифтов http://www.fontsquirrel.com/fontface/generator

@темы: HTML, Верстка, CSS, Шрифты, Ссылки

URL

вторник, 27 ноября 2012

22:35

Русская документация по jQuery

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

http://jquery-docs.ru/

Уроки jQuery на руселлере http://ruseller.com/lessons.php?rub=32

@темы: jQuery, Ссылки

URL

понедельник, 26 ноября 2012

18:28

jQuery слайдеры

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Easy Slider http://2web-master.ru/easy-slider-17-numeric-navigation-jquery-slider.html

Featured Slider http://jqscript.com/sсriрt/slajder-s-avtomaticheskim-vosproizvedeniem-soderzhimogo-na-jquery-featured-slider.html#more-65

jqFancyTransitions http://workshop.rs/projects/jqfancytransitions/

Rotating Image Slideshow http://tutorialzine.com/2010/11/rotating-slideshow-jquery-css3/

Лучшие jQuery галереи и слайдеры http://www.peaxl.ru/featured/luchshie-jquery-galerei-i-slajdery/

Слайдеры http://www.htmldrive.net/categorys/show/2/Slideshow-Scroller

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

Dot Slider http://www.htmldrive.net/items/show/37/Dot-Slider-simple-easy-to-use-images-slideshow-jquery-plugins

@темы: Слайдеры, jQuery, Ссылки

URL

воскресенье, 25 ноября 2012

21:50

Точечная рамка вокруг картинок-ссылок в IE

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

UPD Способ, предложенный на хэшкоде

Использовать атрибут hideFocus:

$(document).ready(function(){
  $("a").attr("hideFocus", "true");
});

Так будет отключено отображение пунктирной рамки, но элемент не будет терять фокус. Он может понадобиться в некоторых случаях.

Ссылка на тему линк

В IE9 и IE8 помогает прописать такие стили

a:active, a:focus, img { outline: none; }

В IE7 помогает такой скрипт на jQuery

<sсript type="text/javasсript">
    $(document).ready(function(){
    $('a').focus(
    function(){
    this.blur();
    });
    });
</sсriрt>

Ссылка Убираем пунктирную рамку вокруг элементов в фокусе

@темы: HTML, IE7, Верстка, IE9, Браузеры, CSS, jQuery, IE8, Ссылки

URL

суббота, 24 ноября 2012

19:49

Изменение бэкграунда сайта

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Переключатель бэкграундов

HTML-код

        <div id="selectBackground">
            <p>Select bg</p>
            <ul>
                <li><a href="javasсript:void(0)" class="active" id="bg1"></a></li>
                <li><a href="javasсript:void(0)" id="bg2"></a></li>
                <li><a href="javasсript:void(0)" id="bg3"></a></li>
            </ul>
        </div>

К каждой ссылке добавлен свой id

Див, у которого нужно менять бэкграунд

<div id="wrapper" class="background1"></div>

К нему добавлен class="background1", для каждого класса прописано стилевое свойство

#wrapper {
    margin: 0 auto;
    width: 1024px;
    height: 1552px;
}
 
.background1 {
    background: url('../images/main1_background.png') no-repeat;
}
 
.background2 {
    /*background: red;*/
    background: url('../images/main2_background.png') no-repeat;
}
 
.background3 {
    /*background: yellow;*/
    background: url('../images/main3_background.png') no-repeat;
}

Библиотека + скрипт

    <sсript type="text/javasсript" src="sсriрt/jquery-1.8.2.min.js"></sсriрt>
    
    <sсript type="text/javasсript">
        $(function() {
        
        
        $("#selectBackground ul li a").click(function(e) {
            e.preventDefault();
            $("#selectBackground ul li a").removeClass('active');
            $(this).addClass('active');
            var clickId = this.id;
            var i = clickId.charAt(2)
            var str = "background" + i;
            $("#wrapper").attr("class", str);
            
        });
         
     });
    </sсriрt>

Рабочий вариант скрипта, предложенный на киберфоруме.

$(function() { var wrapper = $('#wrapper'), selectors = $("#selectBackground ul li a"); selectors.each(function(index){ $(this).click(function(e){ e.preventDefault() selectors.removeClass('active') $(this).addClass('active') wrapper.attr('class', 'background' + (index+1)) }) }) });

Ссылка на топик http://www.cyberforum.ru/javasсript-jquery/thread707150.html

ИСПРАВЛЕННЫЙ (рабочий) ВАРИАНТ СКРИПТА

<sсript type="text/javasсript"> $(function() { /* Select background */ var wrapper = $('#wrapper'), selectors = $("#selectBackground ul li a"); selectors.each(function(index){ $(this).click(function(e){ e.preventDefault() selectors.removeClass('active') $(this).addClass('active') var i = index + 1; wrapper.attr('class', 'background' + i) }) }); }); </sсriрt>

@темы: HTML, CSS, jQuery, Ссылки

URL

пятница, 23 ноября 2012

16:24

Скрипт добавить/убрать класс при клике

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

<sсript type="text/javasсript">
	$(function() {
		
	
        $("#selectBackground ul li a").click(function(e) {
			e.preventDefault();
			$("#selectBackground ul li a").removeClass('active');
			$(this).addClass('active');
		});
	 });
 </sсriрt>

Линк на хэшкод

@темы: jQuery, Ссылки

URL

09:49

Оформление select

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

HTML+CSS http://bavotasan.com/2011/style-select-box-using-only-css/

Обзор плагинов на хабре http://habrahabr.ru/company/aiken/blog/114927/

Плагины от Taatshi http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

http://web.made12.ru/recipes/item/18-styling-select-using-jquery

cuSel — нестандартные select на jQuery http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html

@темы: HTML, Верстка, Select, CSS, Ссылки

URL

среда, 21 ноября 2012

19:30

Browsershots

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Скрины сайта в разных браузерах http://browsershots.org/

@темы: Browsershots

URL

19:22

FireShot (скрины сайта)

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

FireShot (Firefox, Internet Explorer, Google Chrome, Seamonkey and Thunderbird)
http://screenshot-program.com/downloads.php

@темы: FireShot, Скриншот экрана, Ссылки

URL

18:38

Кэширование изображений

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Скрипт для кэширования (предзагрузки) изображений

pic1 = new Image();
pic1.src="/test1.jpg";//сюда прописываем путь к изображению

pic2 = new Image();
pic2.src="/test2.jpg";
//и т.д.

вставляем в html-код

<head>
<sсript type="text/javasсript" src="/scripts/sсript_name.js"></sсriрt>
</head>

@темы: Верстка, Javascript

URL

17:43

Спрайты, генератор спрайтов

все записи пользователя в сообществе Heidel

If it's stupid but works, it isn't stupid.

Как работать со спрайтами
http://www.w3schools.com/css/css_image_sprites.asp
http://html-css.info/2009/07/css-sprites/

Генератор спрайтов http://csssprites.com/

@темы: HTML, CSS, Генератор спрайтов, Ссылки

URL


Запомнить