Choose language: ENGLISH | RUSSIAN (Русский)

CSS

Как подключить свой(кастомный) шрифт на сайт?

Вначале загружаем сам файл шрифта с помощью правила @font-face. Внутри него пишем название гарнитуры шрифта через параметр font-family и путь к файлу через src @font-face { font-family: Pompadur; /* Гарнитура шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } . Дальше

всплывающий tooltip на картинках

css .MainImagescat { margin:53px 0 0 697px; } .MainImagescat div { margin-bottom:29px; } .MainImagescat div a { position:relative; display:block; width:268px; height:128px; background:url(./img/mainimages.png) 0 0 no-repeat; font-size:12px; color:#a8b0c5; text-transform:uppercase; } .MainImagescat div a img { margin:2px 0 0 3px; position:absolute; }

как изменять информационное собщение при изменении value selecta

выберите тариф <select name=»tarif» id=»tarifff» onChange=»tariffs()»> <option value=»Тестовый период»>Тестовый период</option> <option value=»Стандартный»>Стандартный</option> <option value=»Средний»>Средний</option> <option value=»Максимальный»>Максимальный</option> </select><br/> <div id=»test» style=»display: block;»>бесплатно на 5 дней</div> <div id=»st» style=»display: none;»>вы выбрали тариф станд</div> <div id=»mid» style=»display: none;»>вы выбрали тариф сред</div> <div id=»max»

Как сделать что бы при нажатии input исчезала надпись, а если ничего не ввели, то возвращалась?

<input type=»text» name=»EMAIL» value=»Ваш e-mail» onfocus=»if (this.value == ‘Ваш e-mail’) this.value = »;» onblur=»if (this.value == ») this.value = ‘Ваш e-mail’;» size=»25″ maxlength=»255″ />

Как сделать разворачивающиеся ссылки

CSS <style> .NewListText li a{ text-decoration: none; border-bottom: 1px dashed; font-size: 14px; } .NewListText li div { display:none; padding-bottom: 10px; } .NewListText li.active div { display:block; } </style> JS <script> $(document).ready(function(){ $(«.NewListText li a»).click(function(){ $(this).parents(«.NewListText li»).toggleClass(«active»); }); }); </script> HTML

Симпатичные стили для формы (input,textarea)

#formazh input, textarea { /*Borders and background color*/ border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #DADADA; background: #F9F9F9; /* Shadows*/ box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15); -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset