Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

0 Пользователей и 1 Гость просматривают эту тему.
  • 20 Ответов
  • 3271 Просмотров
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Сайт Joomla 1.5 магазин VirtueMart, надо чтоб цена товара в категории была сверху картинки товара и со своим бекграундом (цена была со своим фоновым изображением по верх картинки товара), сам только смог перекинуть цену на фотографию, но не могу добавить бекграунд (фон) для параметра $product_price (Цена)
Пример как я хочу оформить
Вот собственно сам код:
Код
 ?>
 <div style="width:100%;padding: 0px 3px 3px 3px;">
  <h2>
  <a style="font-size:16px; font-weight:bold;" href="<?php echo $product_flypage ?>"><?php echo $product_name ?></a>
  </h2>
    <div style="float:left;width:32%" >
    <a href="<?php echo $product_flypage ?>">
          <?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
       </a>
    </div>
    <div style="float:left;width:60%"><?php echo $product_s_desc ?><br />
      <a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a>
    </div>
  <br style="clear:both;" />
  <p><?php echo $product_price ?></p>
  <div style="float:left;width:60%">
      <?php echo $product_rating ?>
  </div>
  <div style="float:left;width:32%"><?php echo $form_addtocart ?>
  </div>
  <br style="clear:both;" />
</div>
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Чтоб было проще, вот позиция отвечающая за цену
Код
<p><?php echo $product_price ?></p>
как ей дописать свойства (расположение слева, размер шрифта, цвет, рисунок фона)
*

hudoy

  • Захожу иногда
  • 136
  • 5 / 0
посмотри через FireBug (или браузером Chrome  "просмотр кода элемента") какой class в CSS соответствует этому элементу, найди его в CSS файле и пропиши background. Лучше всего ссылку на сайт дай....
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
А лучше поменяй
Цитировать
<p><?php echo $product_price ?></p>
На
Цитировать
<div class="new_price"><?php echo $product_price ?></div>
И дальше оформляеш
div.new_price {}
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
hudoy вот сама категория http://web-khabarovsk.ru/tvorchestvo-rukodelie/scrapbooking.html, только вот проблема в том, что CSS стиль для этой позиции product_price не предусмотрен поэтому надо прописать его в коде который я указал в первом посте.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Efanych
А можешь пример привести как прописать
Я пишу вот так и у меня отображается только сам текст на сайте а не правила которые я я задаю
Код
  <div class="new_price"><?php echo $product_price ?></div>
  div.new_price {
  float: left;
  font-size: 15pt;
  background: url('http://www.girgel.ru/images/stories/solnce.gif');
  }
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Ещё  делаю вот так, но всё равно фон для цены не появляется (размер шрифта и его расположение меняеться):
Код
<div style="float:right;font-size:25pt;background:url('http://www.girgel.ru/images/stories/solnce.gif'"
  <?php echo $product_price ?>
  </div>
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Цитировать
div.new_price {
  float: left;
  font-size: 15pt;
  background: url('http://www.girgel.ru/images/stories/solnce.gif');
  }
Вот это нужно в CSS файл писать. Можна как во втором варианте, но нужно позакрывать тэги. Также проверьте наличие файла и регистр букв
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Да хоть в какой. В css/template.css в шаблоне
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Efanych Спасибо большое правило создать получилось!)))
Теперь надо правильно это правило прописать, чтоб получилось как на картинке в первом псоте) если буду подсказки как это сделать пишите) пока буду сам пробывать, вопросы если что здесь задам, думаю неплохой хелп по оформлению категории может получиться
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
В общем правило то я написал, но его браузеры не полностью выполняют, то есть какие то параметры они берут, а какие то не берут, как сделать что все параметры браузеры учитывали?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Правильно написать. Тут не в правилах и браузерах дело. вот например
Цитировать
background: url('http://www.girgel.ru/images/stories/solnce.gif');
Пишется без кавычек.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Efanych сделал то что мне нужно, теперь только одна проблема осталась... не знаю как теперь этот блок сверху картинки товара разместить... помоги плллзз
вот как получилось http://web-khabarovsk.ru/tvorchestvo-rukodelie/scrapbooking.html
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Не вижу прописаных стилей для div.new_price.
Назначте ширину, высоту, фоновую картинку.
А для позиционирования есть свойство position:absolut;
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
вот что прописал:
Код
div.new_price { position:absolut;font-size: 11pt;color:#ffffff;display: block;background: url(/components/com_virtuemart/themes/default/images/ykrasheniya.png) no-repeat;padding-left: 9px;height:36px;padding-top: 9px; }
только вот это position:absolut; браузерами не воспринимаеться
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
В моё случае наверное нужно использовать position: relative; но как дальше задать ей куда двигать div.new_price
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Для position:absolut нужно указывать точное позиционирование
{position:absolut;
left:30px;
top:10px;}
Это значит, что элемент будет отступать от левого края на 30px и от верхнего на 10. За основу берётся ближайший родительский элемент, которому назначено свойство position:relative.
Всё. Больше основы обьяснять не буду. Ответ вы легко бы в поиске нашли.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Efanych да Вы и так очень сильно помогли! просто думал Вы на моём примере напишите как правильно, я то сделал как надо мне было, но не совсем правильно наверное.. но работает правда)))
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Так тоже можно.
Тут вам тогда проще сам див перенести повыше в browse2. Сразу под заголовок. Оттуда легче будет позиционировать.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Vitek

  • Захожу иногда
  • 185
  • 0 / 0
Тему можно закрывать) ВСЕМ спасибо! Особенно Efanych
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как правильно писать медиа запрос?

Автор web1

Ответов: 4
Просмотров: 2919
Последний ответ 20.09.2022, 22:01:21
от darkghost
Не работает правильно сайт на хосте

Автор Алексей Лоскутов

Ответов: 6
Просмотров: 1964
Последний ответ 21.05.2020, 20:23:57
от xpank
Как правильно прописать @media?

Автор stendapuss

Ответов: 17
Просмотров: 5137
Последний ответ 27.01.2018, 12:02:57
от stendapuss
Как правильно прописать :before чтобы он работал?

Автор tao2en

Ответов: 7
Просмотров: 1985
Последний ответ 14.03.2017, 15:37:38
от tao2en
Выбор количества товаров кнопками + и - от Nevigen замена gif на awesome

Автор epson950

Ответов: 1
Просмотров: 1352
Последний ответ 17.02.2017, 01:11:00
от Alldar