Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Лого - Шапка...

Предыдущая тема Следующая тема Перейти вниз

Лого - Шапка...

Сообщение автор gez007 в Чт 25 Сен - 20:43

А такую штуку вместо шапки реально приклеить [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Код:
<object type="application/x-shockwave-flash" height="300" width="990" data="http://agitki.ru/_ld/13/1319_J5w.swf"><param name="movie" value="http://agitki.ru/_ld/13/1319_J5w.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&in_title=Ваш текст&&Video_url=http://www.youtube.com/v/VIDEO?version=2;autoplay=1;loop=1&" /></object>


Последний раз редактировалось: gez007 (Ср 8 Окт - 22:41), всего редактировалось 13 раз(а)

gez007
 

Мужчина

Сообщения : 323
Возраст : 54
Регистрация : 2010-01-04
Благодарности : 21

Без предупреждений

Вернуться к началу Перейти вниз

Re: Лого - Шапка...

Сообщение автор gez007 в Пн 29 Сен - 16:43

Уважаемые дизайнеры, подсобите с логотипом шапки, ведь это всё таки визитная карточка форума... pardon

gez007
 

Мужчина

Сообщения : 323
Возраст : 54
Регистрация : 2010-01-04
Благодарности : 21

Без предупреждений

Вернуться к началу Перейти вниз

Шапка - лого

Сообщение автор Dana Domirani в Вт 30 Сен - 0:12

Поскольку gif-анимация угробит качество фоновой картинки и сделает ее тяжелой, перелагаю собрать шапку из частей и анимировать средствами CSS.

1) В шаблоне overall_header (Верхняя часть страницы)
замените строку
Код:
<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
на
Код:
<div id="logoblock">
   <div class="logofon"></div>
   <div class="logopriv"><a href="{U_INDEX}"><img src="http://i39.servimg.com/u/f39/17/37/83/89/podvoh10.png" alt="" title="Добро пожаловать на форум" /></a></div>
   <div class="loropodvoh"></div>
</div>
Сохраните и опубликуйте (!) измененный шаблон.


2) В CSS добавьте настройки с картинками и анимацией:

Код:
/* анимация шапки - общий фон */

div#logoblock {
background: transparent url(http://i39.servimg.com/u/f39/17/37/83/89/fon0110.jpg) no-repeat center;
height: 300px;
width: 700px;
margin: 0 auto;
padding: 0;
position: relative;
}

/* анимация шапки - второй фон */

.logofon {
background: transparent url(http://i39.servimg.com/u/f39/17/37/83/89/fon0210.jpg) no-repeat center;
height: 300px;
width: 700px;
margin: 0 auto;
padding: 0;
position: absolute;
}

/* анимация смены фона шапки */

.logofon {
    -moz-animation:logomove 8s ease infinite;
    -webkit-animation:logomove 8s ease infinite;
    animation:logomove 8s ease infinite;
}

@keyframes logomove {
    0% {opacity:0}
    50% {opacity:1.0}
    100% {opacity:0}
}

@-webkit-keyframes logomove {
    0% {opacity:0}
    50% {opacity:1.0}
    100% {opacity:0}    
}

@-moz-keyframes logomove {
    0% {opacity:0}
    50% {opacity:1.0}
    100% {opacity:0}    
}

/* шапка - круг с приветствием */

.logopriv {
height: 300px;
width: 300px;
position: absolute;
left: 0;
}

/* шапка - подвох справа */

.loropodvoh {
background: transparent url(http://i39.servimg.com/u/f39/19/00/80/99/310.gif) no-repeat center;
height: 131px;
width: 144px;
position: absolute;
right: 0px;
margin-top: 100px;
}



Пример того, что должно получиться: [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] | [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] | [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Лого - Шапка...

Сообщение автор gez007 в Вт 30 Сен - 10:14

Dana Domirani, я пока не увидел всей картины не представлял как она будет выглядеть, а выглядит она ужасно, нет никакой гармонии, каждый рисунок живёт по отдельности...Может без мультяшного подвоха всё бы ничего - он там ни к месту...А такую штуку вместо шапки реально приклеить [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Код:
<object type="application/x-shockwave-flash" height="300" width="990" data="http://agitki.ru/_ld/13/1319_J5w.swf"><param name="movie" value="http://agitki.ru/_ld/13/1319_J5w.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&in_title=Ваш текст&&Video_url=http://www.youtube.com/v/VIDEO?version=2;autoplay=1;loop=1&" /></object>

gez007
 

Мужчина

Сообщения : 323
Возраст : 54
Регистрация : 2010-01-04
Благодарности : 21

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения