E-commerce вход|регистрация
 Бесплатные магазиныУслугиДокументацияУправление магазиномСтатистикаДоска объявленийФорумКонтакты 

расширенный поиск
→ создать интернет-магазин
→ вопрос техподдержке
→ демо-режим
→ панель управления
→ примеры магазинов
→ FAQ
Создать интернет-магазин бесплатно

TOP интернет-магазинов

Краткая инструкция по созданию и настройке интернет-магазина


При использовании нашего сервиса вам не требуется платить за хостинг!

Никаких демо-ограничений по времени, магазин Ваш навсегда!


Статьи по е-коммерции

Ваш товар в интернет-магазине
Что мешает интернет-продажам
Заказ сделан: что дальше?
Все про хостинг для интернет-магазина
Как рекламировать интернет-магазин
Как повысить количество заказов ваших товаров и услуг
Интернет-магазин: две стороны медали
Двигаем потенциальных клиентов к покупке
Доверие клиентов - ключ к успеху on-line бизнеса
Планирование успешного электронного бизнеса
Как ведут себя пользователи поисковиков
Словарь по электронной коммерции

Все статьи


Повышенная защита от хакерских атак
Подробнее»


Тезисы выступления компании 7910 e-commerce на конференции "Электронная коммерция и торговля - 2008" на тему "Готовые программные решения для электронной коммерции" Подробнее»

это текстовая версия форума посетить эту тему на форуме

Реализация собственного CSS меню

Доброго дня! В поисках собственного стиля магазина набрел на сайт http://purecssmenu.com/ который генерирует меню созданное самостоятельно (оч. удобно для чайников!) Этот сайт сгенерировал мое пробное меню в виде html страницы и папки со вспомогательными картинками. Картинки я закачал на сайт с помощью HTML реактора. Текст HTML страницы я открыл в текстовом редакторы и вырезал следующий текст: <!-- Start PureCSSMenu.com STYLE --> <style><!-- #pcm{display:none;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#fff; background-repeat:repeat; border-color:#808080; border-width:1px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; height:21px; float: left; } ul.pureCssMenu ul{ width:73.5px; } ul.pureCssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFFFFF; border-width:1px; border-color:#fff; border-style:solid; text-align:center; text-decoration:none; padding:2px 5px 5px 10px; _padding-left:0; font:normal 11px Tahoma; color: #000; text-decoration:none; cursor:default; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3px; height:100%; display:inline-block; background-color:#808080; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3px; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li.dis a { color: #557D4F !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul{display:block} ul.pureCssMenu span{ display:block; background-image:url(http://emsun.7910.org/emsunimages/mnu/arrv_white.gif); background-position:right center; background-repeat: no-repeat; padding-right:9px;} ul.pureCssMenu ul span{background-image:url(http://emsun.7910.org/emsunimages/mnu/arr_black.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(http://emsun.7910.org/emsunimages/mnu/arr_white.gif);} ul.pureCssMenu table a:hover span{background-image:url(http://emsun.7910.org/emsunimages/mnu/arr_white.gif)} ul.pureCssMenu li.pureCssMenui0 { width:110px; height:23px; } ul.pureCssMenu li a.pureCssMenui0{ height:100%; background-image:url(http://emsun.7910.org/emsunimages/mnu/btn3.jpg); border-width:0px; font:normal 11px Tahoma; color:#fff; } ul.pureCssMenu li a.pureCssMenui0:hover{ background-image:url(http://emsun.7910.org/emsunimages/mnu/btn4.jpg); font:normal 11px Tahoma; color:#eee; } ul.pureCssMenum0 { background-color:transparent; border-width:0px; padding:0px 0px 0px 0px; } ul.pureCssMenum0>li>a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 ul a { padding:2px 5px 5px 10px; } ul.pureCssMenum0>li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li li { margin:2px 0px 0px 2px; } --></style> <!-- End PureCSSMenu.com STYLE --> <!-- Start PureCSSMenu.com MENU --> <ul class="pureCssMenu pureCssMenum0"> <li class="pureCssMenui0"><a href="ссылка">О Компании</a></li> <li class="pureCssMenui0"><a href="#"><span>Продукция</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a href="ссылка">Продукт 1</a></li> <li class="pureCssMenui"><a href="ссылка">Продукт 2</a></li> <li class="pureCssMenui"><a href="ссылка">Продукт 3</a></li> <li class="pureCssMenui"><a href="ссылка">Продукт 4</a></li> </ul> <!--[if lte IE 6]></td> </tr> </table> </a><![endif]--></li> <li class="pureCssMenui0"><a href="Ссылка">Инфо</a></li> <li class="pureCssMenui0"><a href="Сылка">Контакты</a></li> </ul> <!-- End PureCSSMenu.com MENU --> Этот текст с измененными ссылками картинок фона я вставил в HTML редакторе на страницу приветствия (заголовок). И в результате.... меню без красивых фоновых картинок и съехавшим текстом опций меню. www.http://emsun.7910.org Кто-нибудь сталкивался с такой проблемой?! Что я не так сделал?! Вот весь текст сгенерированной страницы в текстовом редакторе: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title> <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." /> </head> <body bgcolor="#ffffff"> <!-- Start PureCSSMenu.com STYLE --> <style> #pcm{display:none;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#fff; background-repeat:repeat; border-color:#808080; border-width:1px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; height:21px; float: left; } ul.pureCssMenu ul{ width:73.5px; } ul.pureCssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFFFFF; border-width:1px; border-color:#fff; border-style:solid; text-align:center; text-decoration:none; padding:2px 5px 5px 10px; _padding-left:0; font:normal 11px Tahoma; color: #000; text-decoration:none; cursor:default; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3px; height:100%; display:inline-block; background-color:#808080; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3px; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li.dis a { color: #557D4F !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul{display:block} ul.pureCssMenu span{ display:block; background-image:url(./images/arrv_white.gif); background-position:right center; background-repeat: no-repeat; padding-right:9px;} ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white.gif);} ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)} ul.pureCssMenu li.pureCssMenui0 { width:110px; height:23px; } ul.pureCssMenu li a.pureCssMenui0{ height:100%; background-image:url(./images/btn3.jpg); border-width:0px; font:normal 11px Tahoma; color:#fff; } ul.pureCssMenu li a.pureCssMenui0:hover{ background-image:url(./images/btn4.jpg); font:normal 11px Tahoma; color:#eee; } ul.pureCssMenum0 { background-color:transparent; border-width:0px; padding:0px 0px 0px 0px; } ul.pureCssMenum0>li>a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 ul a { padding:2px 5px 5px 10px; } ul.pureCssMenum0>li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li li { margin:2px 0px 0px 2px; } </style> <!-- End PureCSSMenu.com STYLE --> <!-- Start PureCSSMenu.com MENU --> <ul class="pureCssMenu pureCssMenum0"> <li class="pureCssMenui0"><a class="pureCssMenui0" href="ссылка">О Компании</a></li> <li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Продукция</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="ссылка">Продукт 1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="ссылка">Продукт 2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="ссылка">Продукт 3</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="ссылка">Продукт 4</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui0"><a class="pureCssMenui0" href="Ссылка">Инфо</a></li> <li class="pureCssMenui0"><a class="pureCssMenui0" href="Сылка">Контакты</a></li> </ul> <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a> <!-- End PureCSSMenu.com MENU --> <!-- (c) 2009, PureCSSMenu.com --> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </body> </html>


 1 
магазины наших клиентов:

7910.ru/contact.php
интернет-магазин профессиональной косметики
-----------------


7910.ru/contact.php
магазин минеральной косметики
-----------------


7910.ru/contact.php
интернет-магазин париков
-----------------


7910.ru/contact.php
магазин детских автокресел
-----------------


7910.ru/contact.php
косметика и бытовая химия
-----------------


7910.ru/contact.php
контактные линзы
-----------------


7910.ru/contact.php
мех для всех
-----------------


7910.ru/contact.php
магазин фигурок и статуэток
-----------------


7910.ru/contact.php
все марки косметики
-----------------


7910.ru/contact.php
ювелирные изделия
-----------------


7910.ru/contact.php
интернет-магазин семян, растений
-----------------



О компании 7910 e-commerce

Новости
Все новости

Экспорт списка клиентов в Excel  Подробнее»

Новый модуль оплаты кредитными картами через Яндекс  Подробнее»

Последние темы с форума

Магазин недоступен
Блокировка парсера со стороны сайта.
Восстановление пароля не работает (срочно)
Обратная связь не отвечает

Текстовая версия форума

 аттестат Webmoney  Аттестат Z-PAYMENT 
Master Card Visa
PayPal Wire Transfer
Сбербанк РФ ВТБ24
Почта России CONTACT 
RBK Mobey Яндекс.Деньги
конструктор интернет-магазинов|система управления интернет-магазином|сервис интернет-статистики|доска объявлений|форум|контакты
7910 e-commerce ©2007-2018 Все права защищены.