Найти на сайте
  2. Форумы
  3. ОБСУЖДЕНИЯ
  4. Разработка дополнений
  5. Гирлянды на логотип

Гирлянды на логотип

Работа

#1 26 апреля 2016 в 12:59
У меня денежное предложение. Мне нужно украсить мой логотип разными гирляндами.
1) 1 Января Новый год
2) 7 Января Православное Рождество
3) 25 января — Татьянин День — студенческий праздник
4) 14 февраля — День Святого Валентина. День всех влюбленных
5) 23 февраля — День Защитника Отечества
6) 8 марта — Международный Женский День
7) 1 апреля — День дурака
8) 12 апреля — День Космонавтики
9) Православная Пасха
10) 1 мая — Праздник весны и труда (День международной солидарности трудящихся)
11) 9 мая — День Победы
12) 1 июня — Международный День Защиты Детей
13) 2 августа — Ильин день (День ВДВ)
14) 1 сентября — День Знаний
15) 31 октября — Хэллоуин (канун Дня всех святых)
16) 10 ноября — День Милиции
17) 12 декабря — День Конституции

Это если что только начало. Если есть возможность и желание я готов обговорить цену и сроки.
Писать в ЛК.
Ростов 161 - Городской портал
0
#2 26 апреля 2016 в 13:03
А на это 1 мая что будет Пасха или Праздник весны и труда?)
0
#3 26 апреля 2016 в 13:14
Jestik,
Пасха важнее! 😊
Ростов 161 - Городской портал
0
#4 26 апреля 2016 в 14:54
Отрисовать картинки или сделать программно? При наступлении такой-то даты на логотип накладывается такая-то картинка/гирлянда/итд или просто меняется на отрисованный лого?

ПС: праздник вообще каждый день))))
гравислайдер
0
#5 26 апреля 2016 в 15:08
WowChih,

меняется на отрисованный лого

Верно! То есть я сам буду менять логотип с приходом какого либо праздника. Мой лого с картинкой праздника.
Ростов 161 - Городской портал
0
#6 26 апреля 2016 в 16:29
Добавляете в css стили наклейки изображения типа png накладываемого на лого.

  1.  
  2. .label_stick_image {
  3. 	width:auto;
  4. 	height:auto;
  5. 	padding:10px;
  6.     margin-right:10px;
  7. 	z-index:10;
  8. 	position:relative;
  9.  
  10. }
  11. .label_stick_image .right{
  12. 	right:0;
  13. }
  14. .label_stick_image .top {
  15. 	width:auto;
  16. 	height:auto;
  17. 	position:absolute;
  18. 	top:0;
  19. }
  20. .label_stick_image .left{
  21. 	left:0;
  22. }
  23.  
  24. .label_stick_image .bottom {
  25. 	width:auto;
  26. 	height:auto;
  27. 	position:absolute;
  28. 	bottom:0;
  29. 	margin:0 2px;
  30. }
  31. .label_stick_image .left img,
  32. .label_stick_image .right img,
  33. .label_stick_image .bottom img,
  34. .label_stick_image .top  img {
  35. 	border:none;
  36. }
И само изображение лого в файле main .tpl оберните в блок class="label_stick_image"
Для наклейки укажите класс приемлемый для вашего случая <div class" top left right bottom ">, наклейка должна быть подготовлена по нужным размерам заранее.

Так
  1. <div id="logo">
  2. <!------------------------->
  3. <div class="label_stick_image">
  4.  
  5. 	<div class="любой из top left right bottom ">
  6. 	<img src="/upload/shop/<?php echo накладываемое изображение.png ;?>"/>
  7. 	</div>
  8.  
  9. 	<a href="<?php echo href_to_home(); ?>"></a>
  10. </div>	
  11. <!------------------------->		
  12. </div>
0
#7 26 апреля 2016 в 16:53
Геннадий Иванович,
Спасибо огромное! испробую отпишусь!
Ростов 161 - Городской портал
0
#8 29 апреля 2016 в 08:52
Файл templates/default/main.tpl
часть
  1.  
  2. <header>
  3. <div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div>
  4. <?php $this->widgets('header', false, 'wrapper_plain'); ?>
  5. </header>
Меняете на
  1. <header>
  2.  
  3.            <div id="label">
  4. 			<div class="label_stick_image">
  5. 				<div class="top left">
  6. 				  <img src="/templates/default/images/st2.png"/>
  7. 				</div>
  8. 				<div class="top right">
  9. 				  <img src="/templates/default/images/st1.png"/>
  10. 				</div>
  11. 					 <a href="<?php echo href_to_home(); ?>">
  12. 					 <img class="logo"  src="/templates/default/images/logo.png"/></a>
  13. 		    </div>
  14. 			</div> 
  15.             <?php $this->widgets('header', false, 'wrapper_plain'); ?>
  16.         </header>
Где src="/templates/default/images/st1.png и допустим и второй стикер src="/templates/default/images/st2.png
это изображение этикеток
В файл стилей templates/defaul/css/theme-layout.css
добавляете

  1. #label{
  2.     display: block;
  3.     float: left;
  4. 	width: 180px;
  5.     height: 50px;
  6. 	padding:10px;
  7.  
  8. }
  9. .logo {
  10.     width: 180px;
  11.     height: 50px;
  12. }
  13.  
  14. /* stick special product*/
  15. #label .label_stick_image {
  16. 	width:auto;
  17. 	height:auto;
  18. 	padding:0px;
  19. 	z-index:10;
  20. 	position:relative;
  21.  
  22. }
  23. #label .label_stick_image .right{
  24. 	right:0;
  25. }
  26. #label .label_stick_image .top {
  27. 	width:auto;
  28. 	height:auto;
  29. 	position:absolute;
  30. 	top:0;
  31. }
  32. #label .label_stick_image .left{
  33. 	left:0;
  34. }
  35.  
  36. #label .label_stick_image .bottom {
  37. 	width:auto;
  38. 	height:auto;
  39. 	position:absolute;
  40. 	bottom:0;
  41. 	margin:0 2px;
  42. }
  43. #label .label_stick_image .left img,
  44. #label .label_stick_image .right img,
  45. #label .label_stick_image .bottom img,
  46. #label .label_stick_image .top  img {
  47. 	border:none;
  48. }
Получится вот так .


Позиций для стикера 1 — class="top left" 2 — class="top right 3 — class="bottom left" 4- class="bottom rightt"
Имейте в виду что это просто пример. Возможно, нужно будет подправлять под ваш лого и шаблон…
0
Вывод категорий подкатегорий в
Поле Файл
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Качество загружаемых картинок (логотипа)

Дизайн / Графика / Искусство Создана 3 года назад 4 сообщения

исчезла форма регистрации и логотип "InstantCMS"

Дизайн / Графика / Искусство Создана 3 года назад 3 сообщения

Логотип

HTML / CSS / PHP / JS / RegExp Создана 2 года назад 6 сообщений

Новая позиция для виджета и логотип в центре в дефолтном шаблоне.

HTML / CSS / PHP / JS / RegExp Создана 4 года назад 4 сообщения

Шрифт логотипов InstantCMS

Дизайн / Графика / Искусство Создана 4 года назад 2 сообщения

[ЕСТЬ РЕШЕНИЕ] Логотип

Дизайн / Графика / Искусство Создана 4 года назад 7 сообщений

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.