resets Добавлены новые фотографии в скрины
1 год назад

новый шаблончик для сайта курсов английского английского языка в г. Красногорске. 12 блоков на главной с миниатюрами и превью разделов, всплывающая форма записи в шапке в виде текстового объявления - текст админ может менять на свое усмотрение. шаблон адаптивный - хорошо отображается на всех гаджетах http://www.noproblems-centre.ru/

Английский язык для детей и взрослых Красногорск - курсы английского в Красногорске центр изучения английского языка NO PROBLEMS

Английский язык для детей и взрослых Красногорск - курсы английского в Красногорске центр изучения английского языка NO PROBLEMS

www.noproblems-centre.ru
image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!
resets Добавлены новые фотографии в скрины
1 год назад

вчера клиент проверял позиции сайта. ввел в поиск все ключи главной страницы и радовался, увидев сайт на 15 позиции. пришлось объяснить, что это не повод для радости. ))) да и домену еще без году неделя. да и на конструкторе на поганом - на SimpleDifferent. с этим конструктором можно связаться в одном случае - если вы трафик планируете получать только с рекламы ((( основное "преимущество", на которое указывают разработчики - это адаптация сайта под гаджеты и возможность наполнения с любого устройства. НО нет возможности управлять меню (все созданные страницы отображаются в боковом меню), нет возможности даже поставить прайс в виде таблицы, вообще ни каких доступов к html или css - тупо поставить фон и накидывать текст с картинками. НЕ СОВЕТУЮ даже смотреть - только время терять. знакомство с этим конструктором только укрепило мое мнение - лучше работать с движками с открытым исходным кодом - тот же #вордпресс . #конструктор_сайтов

image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!
resets Добавлены новые фотографии в скрины
1 год назад

пример простейшего калькулятора
скрипт
<script lang="JavaScript">
function calculator(form) {
a = eval(form.d.value);
b = eval(form.b.value);
if (form.b.value == "" )
c = "";
else
c = a*b;
form.total.value = c;
}
</script>
и форма. между /**/ мои комменты, которые лучше удалить, а в файле полностью рабочий вариант, который умножает 810 на ваше число
<form>
<input type="hidden" name="d" value="810">/*value="810" - это цена одной штуки*/
Кол-во<input title="введите кол-во в м/п и нажмите ОК" style="width: 60px; background-color:white; text-align:center;" onkeyup="this.value=this.value.replace(/([^0-9])/g," type="number" min="1" name="b" id="shest" />м/п /*тут поле для ввода количества. можно и просто с клавы ввести число или покрутить стрелками счетчик*/
<input onclick="calculator(this.form)" type="button" value="ОК" style="cursor: pointer;background-color:white; text-align:center;"/>/*кнопка запуска подсчета*/
Стоимость<input style="width: 60px;background-color:white; text-align:center;" type="text" name="total" /> /*поле вывода результата*/
руб</form>
стили, конечно, лучше прописать в таблице, а не на странице #калькулятор #скрипт_калькулятора

image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!
resets Добавлены новые фотографии в скрины
2 лет назад

любой элемент, который является ссылкой, можно заставить двигаться при наведении курсора. такой эффект придаст живости сайту и облегчит понимание кликабельности. т.е. юсеру будет легче понять - тут можно кликнуть и что то произойдет ))
достаточно в стилях задать свойство при наведении на ссылку. в примере элемент смещается вниз и вправо на 3px
.cat-item-img a:hover {position: relative; left:3px; top:3px; }
наглядно и в действии тут http://grand-decor.org/katalog-gipsovoj-lepniny/#эффект_при_наведении #сдвиг_элемента #css

image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!
resets Добавлены новые фотографии в скрины
2 лет назад

увеличение картинок при наведении курсора при помощи css . картинки размещены в элементе blok1
.blok1 {position: relative; cursor: pointer; display: inline-block; border: 1px solid #556B2F;}
.blok1 img + img {position:absolute; left: 40px; top:-10px; z-index:100; display: none; border: 1px solid #556B2F ; padding: 3px; border-radius:9px; background:silver; width: 180%;}
.blok1:hover img + img {display: block;}
в первой строчке настройки отображения первой картинки, во второй увеличенной или можно использовать абсолютно другую картинку, т.е. создать эффект не увеличения, а замены. ну и пример вставки на страницу
<div class="blok1"><img src="media/k2/items/cache/7a0c9d8bd9eadf879f0011817e8c2396_L.jpg" alt="розетка гладкая потолочная из гипса" border="0" height="160" width="320" /><img src="media/k2/items/cache/7a0c9d8bd9eadf879f0011817e8c2396_L.jpg" alt="гладкая розетка круглая из гипса" />
размер для отображения картинок можно указать и в стилях и непосредственно для каждой картинки индивидуально. и этот же блок можно сделать ссылкой на нужную страницу. на скрине прием с двумя разными картинками. пример в действии тут http://krovatioptom.ru/raskladushka/ естественно, что для крупных проектов, с большим количеством изображений, лучше использовать скрипты, т.к. в ручную это достаточно трудоемкий процесс #увеличение_картинки #css

image

Пожалуйста войдите или зарегистрируйтесь, чтобы добавлять "Мне нравится" и комментарии!
  • О нас
  • Не много юмора и много фишек и приемов для украшения и оптимизации сайта