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

Работа

#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 - Городской портал

#2 26 апреля 2016 в 13:03

А на это 1 мая что будет Пасха или Праздник весны и труда?)

#3 26 апреля 2016 в 13:14

Jestik,
Пасха важнее! 😊

Ростов 161 - Городской портал

Сегодня в 10:13

#4 26 апреля 2016 в 14:54

Отрисовать картинки или сделать программно? При наступлении такой-то даты на логотип накладывается такая-то картинка/гирлянда/итд или просто меняется на отрисованный лого?

ПС: праздник вообще каждый день))))

гравислайдер

#5 26 апреля 2016 в 15:08

WowChih,

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

Верно! То есть я сам буду менять логотип с приходом какого либо праздника. Мой лого с картинкой праздника.

Ростов 161 - Городской портал

#6 26 апреля 2016 в 16:29

Добавляете в css стили наклейки изображения типа png накладываемого на лого.

 
.label_stick_image {
	width:auto;
	height:auto;
	padding:10px;
    margin-right:10px;
	z-index:10;
	position:relative;
 
}
.label_stick_image .right{
	right:0;
}
.label_stick_image .top {
	width:auto;
	height:auto;
	position:absolute;
	top:0;
}
.label_stick_image .left{
	left:0;
}
 
.label_stick_image .bottom {
	width:auto;
	height:auto;
	position:absolute;
	bottom:0;
	margin:0 2px;
}
.label_stick_image .left img,
.label_stick_image .right img,
.label_stick_image .bottom img,
.label_stick_image .top  img {
	border:none;
}

И само изображение лого в файле main .tpl оберните в блок class="label_stick_image"
Для наклейки укажите класс приемлемый для вашего случая <div class" top left right bottom ">, наклейка должна быть подготовлена по нужным размерам заранее.

Так

<div id="logo">
<!------------------------->
<div class="label_stick_image">
 
	<div class="любой из top left right bottom ">
	<img src="/upload/shop/<?php echo накладываемое изображение.png ;?>"/>
	</div>
 
	<a href="<?php echo href_to_home(); ?>"></a>
</div>	
<!------------------------->		
</div>

#7 26 апреля 2016 в 16:53

Геннадий Иванович,
Спасибо огромное! испробую отпишусь!

Ростов 161 - Городской портал

#8 29 апреля 2016 в 08:52

Файл templates/default/main.tpl
часть

 
<header>
<div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div>
<?php $this->widgets('header', false, 'wrapper_plain'); ?>
</header>

Меняете на

Спойлер

<header>
 
           <div id="label">
			<div class="label_stick_image">
				<div class="top left">
				  <img src="/templates/default/images/st2.png"/>
				</div>
				<div class="top right">
				  <img src="/templates/default/images/st1.png"/>
				</div>
					 <a href="<?php echo href_to_home(); ?>">
					 <img class="logo"  src="/templates/default/images/logo.png"/></a>
		    </div>
			</div> 
            <?php $this->widgets('header', false, 'wrapper_plain'); ?>
        </header>

Где src="/templates/default/images/st1.png и допустим и второй стикер src="/templates/default/images/st2.png
это изображение этикеток
В файл стилей templates/defaul/css/theme-layout.css
добавляете

Спойлер

#label{
    display: block;
    float: left;
	width: 180px;
    height: 50px;
	padding:10px;
 
}
.logo {
    width: 180px;
    height: 50px;
}
 
/* stick special product*/
#label .label_stick_image {
	width:auto;
	height:auto;
	padding:0px;
	z-index:10;
	position:relative;
 
}
#label .label_stick_image .right{
	right:0;
}
#label .label_stick_image .top {
	width:auto;
	height:auto;
	position:absolute;
	top:0;
}
#label .label_stick_image .left{
	left:0;
}
 
#label .label_stick_image .bottom {
	width:auto;
	height:auto;
	position:absolute;
	bottom:0;
	margin:0 2px;
}
#label .label_stick_image .left img,
#label .label_stick_image .right img,
#label .label_stick_image .bottom img,
#label .label_stick_image .top  img {
	border:none;
}

Получится вот так .

Спойлер

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

Вывод категорий подкатегорий в

Поле Файл

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

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

Похожие темы

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

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

Логотип

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

[ЕСТЬ РЕШЕНИЕ] Логотип в верхнем меню (Аватар пользователя).

[ЕСТЬ РЕШЕНИЕ] Логотип группы в контенте вместо дефолтного значка групп

InstantCMS Team

О проекте

Поддержка

Дополнения