Сделал себе украшение к праздникам, поскольку форум у меня пестрый, решил сделать небольшую картинку - кнопку. Сейчас попробую описать сию конструкцию.
Картинки выводится в шапку в соответствии с установленными датами и выглядят примерно так:
праздники.png
Их код такой:
Код: Выделить всё
<!-- IF S_NEW_YEAR -->
<a title="Поздравьте друзей!" class="toolbar_a" <!-- IF S_USER_LOGGED_IN -->href="{U_SHOP_ITEM_URL}" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: '1070', headingText: 'Выбери себе подарок!', wrapperClassName: 'titlebar' } )"<!-- ELSE -->href="#"<!-- ENDIF -->>
<div class="toolbar_a_img-w" >
<div style="background: url({T_IMAGES_PATH}xmastree.png) 50% 50% no-repeat; height: 45px;" class="toolbar_a_img"></div>
</div>
</a>
<!-- ENDIF -->
<!-- IF S_EIGHTH_MARCH -->
<a title="Поздравьте друзей!" class="toolbar_a" <!-- IF S_USER_LOGGED_IN -->href="{U_SHOP_ITEM_URL}" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: '1070', headingText: 'Выбери себе подарок!', wrapperClassName: 'titlebar' } )"<!-- ELSE -->href="#"<!-- ENDIF -->>
<div class="toolbar_a_img-w" >
<div style="background: url({T_IMAGES_PATH}march.png) 50% 50% no-repeat; height: 45px;" class="toolbar_a_img"></div>
</div>
</a>
<!-- ENDIF -->
<!-- IF S_VICTORY_DAY -->
<a title="Поздравьте друзей!" class="toolbar_a" <!-- IF S_USER_LOGGED_IN -->href="{U_SHOP_ITEM_URL}" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: '1070', headingText: 'Выбери себе подарок!', wrapperClassName: 'titlebar' } )"<!-- ELSE -->href="#"<!-- ENDIF -->>
<div class="toolbar_a_img-w" >
<div style="background: url({T_IMAGES_PATH}victory.png) 50% 50% no-repeat; height: 45px;" class="toolbar_a_img"></div>
</div>
</a>
<!-- ENDIF -->
css примерно так:
Код: Выделить всё
.toolbar_a {
left: -60px;
position: absolute;
top: 0;
bottom: 0;
width: 62px;
}
.toolbar_a:hover {
background: url({T_IMAGES_PATH}toolbar.png) 0 -240px;
}
.toolbar_a_img-w {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 60px;
}
.toolbar_a_img {
position: absolute;
left: 0;
top: 2px;
bottom: 0;
width: 60px;
}
Далее управление php:
Код: Выделить всё
$date_ny = date("m-d");
switch($date_ny) {
case '12-25':
case '12-26':
case '12-27':
case '12-28':
case '12-29':
case '12-30':
case '12-31':
case '01-01':
case '01-02':
case '01-03':
case '01-04':
case '01-05':
case '01-06':
case '01-07':
$date_new_year = $date_ny;
}
$date_vd = date("m-d");
switch($date_vd) {
case '05-03':
case '05-04':
case '05-05':
case '05-06':
case '05-07':
case '05-08':
case '05-09':
case '05-10':
$date_victory_day = $date_vd;
}
$date_em = date("m-d");
switch($date_em) {
case '03-02':
case '03-03':
case '03-04':
case '03-05':
case '03-06':
case '03-07':
case '03-08':
case '03-09':
$date_eighth_march = $date_em;
}
Код: Выделить всё
'S_NEW_YEAR' => $date_new_year,
'S_VICTORY_DAY' => $date_victory_day,
'S_EIGHTH_MARCH' => $date_eighth_march,
При нажатие на картинку в всплывающем окне появляется магазин на модифицированном моде UPS Easy Shop, где можно выбрать подарок, заплатив за него форумной валютой.
Без-имени-2.jpg
После покупки подарка он закрепляется на аватаре пользователя, где чередуется с другими, по типы однокл.
Без-имени-3.jpg
При нажатие на подарок в всплывающем окне проигрывается ролик прикрепленный к данной картинке
Без-имени-4.jpg
Что еще можно добавить, наверное только это
:
Всё построено на силах природы с разрешения месткома и культпросветкомиссии.
И представляет собой виталлопатию!
На основе учения индийских йогов угнетаемых английским империализмом.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
).
