Создать блог

Без категории

    Записи без категории

    1. Прозрачный фон для формы на CSS

      Buzz
      1704 Просмотров
      Работает во всех браузерах
      Код HTML:
      .form-back{
       background: rgba(255,255,255,.5);
        font-size: 14px;
        margin: 0 0 22px;
        overflow: auto;
        padding: 20px;
        text-align:center;
      }
    2. Как создать CSS Бейдж (Notification Badge)

      Buzz
      3141 Просмотров
      Что такое бейдж?
      Наглядный пример как это будет выглядеть:
      Нажмите на изображение для увеличения.  Название:	badge-300x153.png  Просмотров:	1630  Размер:	14.9 Кб  ID:	15506

      Добавляем HTML код
      Код HTML:
      <button class="badge1" data-badge="6">Badge Notification Example</button> <br> <a href="" class="badge1" data-badge="27">Badge Notification Example</a>
      Теперь стили CSS
      Код:
      .badge1 {
         position:relative;
      ...
    3. Как скачать сайт из веб архива

      Buzz
      8073 Просмотров
      Сегодня нашла простой запрос, который позволяет вывести ссылками все страницы на сайте в web.archive.org

      Нужно ввести в адресную строку
      Код:
      http://web.archive.org/web/*/http://site-your-need.com/*
    4. Появление формы (подсказки) по клику

      Buzz
      1711 Просмотров
      Код HTML:
      <style>
      #form-container {display: none}
      </style> <a href="#form-container" id="trigger">НАЖМИ ТУТ</a> <div id="form-container">
      Содержимое будет тут
      </div> <script>
      document.getElementById('trigger').onclick = function() {
      document.getElementById('form-container').style.display = 'block';
      }
      </script>
    5. Favicon на простой HTML

      Buzz
      1271 Просмотров
      Кладем иконку в корень сайта и вставляем код перед загрузкой css

      <link rel="icon" href="favicon.ico" type="image/x-icon"/>
      <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    6. Типографские ASCII коды для верстки

      Buzz
      1241 Просмотров
      Пока самые часто используемые, но, думаю, что список будет пополняться:

      тире — alt+0151
      открывающая кавычка « alt+0171
      закрывающая кавычка » alt+0187
    7. Как изменить размер изображения в опциях товара на opencart (option-image)

      Buzz
      14971 Просмотров
      Для того, чтобы изображение опции, например, цвет не занимало так много места, просто нужно изменить файл /catalog/controller/product/product.php
      строка:
      PHP код:
      ‘image’=> $this->model_tool_image->resize($option_value['image'], 5050), 
      там 50 нужно изменить на любое значение.
    8. Полупрозрачные счетчики для сайта

      Buzz
      1743 Просмотров
      Для того, чтобы счетчики не влияли особо на дизайн сайта, я делаю их полупрозрачными. Только при наведении они отображаются как надо.

      Итак, нужно всего лишь добавить в файл стилей
      Код:
      #banners a img {opacity:0.3; filter:alpha(opacity=30);}
      #banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}
      Затем в div'е со счетчиками поставить id="banners"
    9. Opencart удаление корявых ссылок

      Buzz
      2645 Просмотров
      В файле
      system/library/response.php

      в методе output(), в самом начале добавить строку:
      Код:
      if (!defined('HTTP_CATALOG')) $this->output = str_replace('index.php?route=common/home', '', $this->output);
    10. Remember to shot me!

      Buzz
      1240 Просмотров
      Убиваем двух зайцев: делаем скриншоты для портфолио и олучаем упоминания url на сайт:

      Первый буржуйский seo-сервис: imtalk обещает нам 3000+ обратных ссылок. Что на деле не совсем так, но плюс в этом, что на одном из сайтов появилась реально дельная информация по оптимизации сайта будем юзать! http://optimizer.builtwith.com/seo/твойдомен.com

      Теперь всем известные сайты для скриншотов:
      http://www.thumbalizr.com/
      http://www.webshotspro.com/
      http://www.websnapr.com/...