В этой статье я расскажу как вывести список товаров каталога с фотографией, наименованием товара, ценой, и ссылкой на добавление в корзину.
И так поехали.
Я буду использовать маркированный список UL вот структура
→ Далее
Смотрите и любуйтесь)) моя подборочка
douglasmenezes.com
С сегодняшнего дня начну выкладывать интересные плагины для Wordpress’a, по возможности некоторые буду переводить на русский язык.
И так представляю вам плагин “Wp-portfolio“, удобное , очень функциональное портфолио.
Что есть?
- Возможность создавать группы работ
- Автоматическое создание миниатюры(скриншота) сайта по ссылке с помощью сервиса Shrink The Web
- Сортировка по имени, номеру, группе
- Постраничный вывод
- Создание собственного шаблона
- Настраиваемые стили
- Собственные миниатюры
В предыдущей статье про округление углов я не учел поддержу Internet explorer’a, сейчас я расскажу как округлить углы без всяких дополнительных контейнеров и картинок а только при помощи css и htc скрипта присоединенному к стилям.
И так поехали, для начала скачаем htc файл из базы исходников гугла http://curved-corner.googlecode.com/files/border-radius.htc, кидаем его в папку со стилями далее в стилях прописываем такой код
1 2 3 4 5 6 7 8 9 | .ieroundbox{ -moz-border-radius: 15px; //округление углов для mozilla -webkit-border-radius: 15px; //округление углов для chrome safari border-radius: 15px; //для всех браузеров с поддержкой css3 behavior: url(border-radius.htc); // подключаем наш htc скрипт который и будет округлять углы в ie width:200px; height:200px; background:#000; } |
в html прописываем такой код
1 2 3 | <div class="ieroundbox"> Круглые углы в ie </div> |
вот и все
можете посмотреть пример
можете скачать архив
Данный метод Поддерживается в ie6,ie7,ie8.
По полной критикуем мой блог, что нужно доработать, где убрать где добавить , пишите не стесняйтесь)))) Для меня это очень важно)
Я сегодня взорвался, пишу третью статью и вторую связанную с тенями))
для начала не много синтаксиса
1 2 | <shadow> = inset? && [ <length>{2,4} && <color>?] -moz-box-shadow: 1px 1px 10px #00f; |
inset – тень внутрь, если наружу не ставим ничего
дальше идут параметры длина, угол, интенсивность
вот как это выглядит
Оцените это чудо возможностей css3, гулял по блогам и напоролся))
Специально для тех кто любит светить в лицо фанариком)
автор http://www.zachstronaut.com/
Начиная с версии 3.6 mozilla firefox стала поддерживать градиентную заливку. В этой статье я расскажу как сделать кроссбраузерный градиент.
Будет поддерживаться во всех основных браузерах
IE6+, Firefox 3.6 и выше, Safari, Chrome.
Для браузеров на webkit движке, это Safari, Chrome.
Зачем нужна страница с архивом всех записей??
Во первых эта та же карта сайта, но не только для поисковика но еще и для пользователей..
Во вторых эта та же перелинковка, к примеру Робот ПС зашел на главную вашего сайта дальше он идет по всем ссылкам на странице и тут он попадает в ваш архив с кучей ссылок на все записи блога, зашел в одну проиндексировал, снова перешел по ссылке в архив увидел еще ссылки на посты перешел по ним и так пока не перейдет по всем..
В третьих еще раз скажу это удобно для пользователя которому нужна определенная запись и он не знает в какой архив и за какое время она занесена или пользователю интересно просмотреть все ваши записи, он с легкостью найдет то что ему нужно!!
Идею подсмотрел у Dimox’a с вот его карта сайта с уймой полезных материалов…
→ Далее
Загрузка ...