Новогодние скрипты. Оформление на 2012 год

Поделиться21Пт, 2 Дек 2011 08:20:13

Автор: Ольга Войльс
Заслуженный
Зарегистрирован: Сб, 21 Май 2011
Сообщений: 229
Уважение: +57
Позитив: +38
Пол: Женский
Последний визит:
Пт, 10 Янв 2020 17:12:15

Эх! Без разрешения Админов ( не привыкла, потому как сама - Администратор, и люблю , когда всё по полкам) - выложу ссылочку. Думаю, пригодится многим. Тут просто кладезь ! Довольно качественные пнгешки >>> Ссылка на источник

Спасибо автору и создателю вышеуказанного сайта! Очень много и по существу!

0

Поделиться22Пт, 2 Дек 2011 08:31:44

Автор: Ольга Войльс
Заслуженный
Зарегистрирован: Сб, 21 Май 2011
Сообщений: 229
Уважение: +57
Позитив: +38
Пол: Женский
Последний визит:
Пт, 10 Янв 2020 17:12:15

ещё : ссылка на источник

0

Поделиться23Пт, 2 Дек 2011 08:33:42

Автор: Ольга Войльс
Заслуженный
Зарегистрирован: Сб, 21 Май 2011
Сообщений: 229
Уважение: +57
Позитив: +38
Пол: Женский
Последний визит:
Пт, 10 Янв 2020 17:12:15

Ещё: большие и красивые >>> ссылка на источник

+2

Поделиться24Пт, 2 Дек 2011 09:39:21

Автор: Наталья2812
Заслуженный
Зарегистрирован: Чт, 2 Июн 2011
Сообщений: 135
Уважение: +124
Позитив: +179
Пол: Женский
Последний визит:
Ср, 6 Янв 2016 20:11:08

ребята, а может кто знает где найти новогодний фон на форум ?

0

Поделиться25Пт, 2 Дек 2011 17:03:27

Автор: Ура!
Заслуженный
Зарегистрирован: Пн, 16 Май 2011
Сообщений: 252
Уважение: +54
Позитив: +45
Пол: Женский
Последний визит:
Сб, 5 Сен 2015 18:26:22

Герда, угу, любой дурак может накидать ссылок на скачку наборов. Я даже знаю, где это в открытую выложено. А если у кого-то графических редакторов нет? Кто-то не умеет элементы в скрипты вставлять? Не все умеют то же, что и вы.

Наталья2812
Вам красивую картинку хорошего разрешения или фон конкретно под форум?

0

Поделиться26Пт, 2 Дек 2011 17:04:55

Автор: Ура!
Заслуженный
Зарегистрирован: Пн, 16 Май 2011
Сообщений: 252
Уважение: +54
Позитив: +45
Пол: Женский
Последний визит:
Сб, 5 Сен 2015 18:26:22

Еще один угол (собственнолапно нарисованный), ставим в хтмл-верх.

Код:

<div style="position:absolute; left:0%; top:0px;"><img src="http://uploads.ru/i/t/p/3/tp3SZ.png" border="0" /></div>

Окантовка форума

Показываю пример с лампочками:

Не знаю, где я его откопала, но он работает)) Минусы - плохо стыкуются вертикальная и горизонтальная окантовки, и еще внизу появляется кнопочка "Get code", при нажатии на которую выскочит окошко с текстом скрипта и его возьмет любой желающий. Кнопка на скриншоте показана красной стрелочкой.

Если кому такое надо, вставляем в хтмл-низ:

новогодняя гирлянда (на скриншоте ее вид)

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://uploads.ru/i/d/i/v/divaZ.png'; 
  garland.imgbottom = 'http://uploads.ru/i/b/u/Q/buQn6.png'; 
  garland.imgleft = 'http://uploads.ru/i/A/z/7/Az7Ub.png'; 
  garland.imgright = 'http://uploads.ru/i/D/o/f/Dof8j.png';
  garland.height = 50;
  garland.showleft = true;
//-->
</script>

елки:

1

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://uploads.ru/i/g/w/z/gwzQC.png'; 
  garland.imgbottom = 'http://uploads.ru/i/Z/R/r/ZRrzD.png'; 
  garland.imgleft = 'http://uploads.ru/i/M/a/4/Ma4ZE.png'; 
  garland.imgright = 'http://uploads.ru/i/U/3/y/U3ybv.png';
  garland.height = 60;
  garland.showleft = true;
//-->
</script>

2

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://uploads.ru/i/o/S/u/oSuFi.png'; 
  garland.imgbottom = 'http://uploads.ru/i/8/t/z/8tz63.png'; 
  garland.imgleft = 'http://uploads.ru/i/b/F/V/bFV47.png'; 
  garland.imgright = 'http://uploads.ru/i/W/p/j/WpjyC.png';
  garland.height = 60;
  garland.showleft = true;
//-->
</script>

Из скрипта строчки не убирайте, а то на месте убранного другие картинки вылазят. Я не Дефф, скрипты модифицировать не умею.

Отредактировано Ура! (Пт, 2 Дек 2011 17:08:32)

+2

Поделиться27Пт, 2 Дек 2011 17:10:38

Автор: Наталья2812
Заслуженный
Зарегистрирован: Чт, 2 Июн 2011
Сообщений: 135
Уважение: +124
Позитив: +179
Пол: Женский
Последний визит:
Ср, 6 Янв 2016 20:11:08

Ура! написал(а):

Вам красивую картинку хорошего разрешения или фон конкретно под форум?

мне под форум фон нужен.

Ура! написал(а):

любой дурак может накидать ссылок на скачку наборов. Я даже знаю, где это в открытую выложено. А если у кого-то графических редакторов нет?

действительно это так, у меня нет фотошопа и даже если бы и был я им пользоваться не умею. :disappointed:

0

Поделиться28Сб, 3 Дек 2011 01:49:15

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

Ура! написал(а):

угу, любой дурак может накидать ссылок на скачку наборов.

любой дурак может скаченные из сети исходники выдавать за свою работу.
не хамите.

0

ВКонтакте forumd

Поделиться29Сб, 3 Дек 2011 16:51:42

Автор: mania
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 230
Уважение: -1
Позитив: +7
Последний визит:
Вт, 16 Май 2017 15:34:52

--------

Отредактировано mania (Пт, 8 Июн 2012 20:05:46)

0

Поделиться30Сб, 3 Дек 2011 19:37:18

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

mania
можно встроить над аватаром:

<style>
.post-author ul li.pa-avatar {
background: transparent url(http://uploads.ru/i/1/x/q/1xqiW.gif) top center no-repeat;
}
.post-author ul li.pa-avatar img {padding-top: 60px;}
</style>

красное - высота картинки
можно вставить поверх через окошко статуса:

<style>
.post-author ul li.pa-title {
background: transparent url(http://uploads.ru/i/1/x/q/1xqiW.gif) bottom center no-repeat; padding-bottom: 60px; z-index: 1000;
}
.post-author ul li.pa-avatar {text-align: center; margin-top:-60px;}
</style>

синее - высота картинки, красное - двигает аватарку вверх
картинку лучше использовать в формате png-24 (с прозрачностью)

А можно не заморачиваться и поставить рамку для аватар (если у ваших форумчан аватарки одинакового размера)

<style>
.post-author ul li.pa-avatar {
background: transparent url(http://картинка рамки) top center no-repeat;
height: 100px; width: 100px;
}
.post-author ul li.pa-avatar img {padding: 60px;}
</style>

красное - ширина и высота рамки
синее - отступ аватара от краев рамки

+2

ВКонтакте forumd

Поделиться31Сб, 3 Дек 2011 20:54:52

Автор: mania
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 230
Уважение: -1
Позитив: +7
Последний визит:
Вт, 16 Май 2017 15:34:52

Герда
спасибо!

0

Поделиться32Сб, 3 Дек 2011 20:56:12

Автор: Timon
Модератор
Зарегистрирован: Пт, 8 Фев 2008
Сообщений: 1866
Уважение: +1108
Позитив: +794
Пол: Мужской
Последний визит:
Ср, 20 Мар 2024 20:07:54

Автору зачет, +1

+1

Поделиться33Сб, 3 Дек 2011 21:19:22

Автор: Галлотея Калме
Заслуженный
Зарегистрирован: Сб, 16 Июл 2011
Сообщений: 80
Уважение: +5
Позитив: +23
Пол: Женский
Последний визит:
Пт, 17 Фев 2012 10:17:57

Не подскажите, как шарики по центру сделать?

Отредактировано Галлотея Калме (Сб, 3 Дек 2011 21:23:05)

0

Поделиться34Сб, 3 Дек 2011 23:46:48

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

Галлотея Калме написал(а):

Не подскажите, как шарики по центру сделать?

вы про те, которые выложены выше?

Меняем расположение новогодних украшений

в верхнем левом углу:

<div style="position:absolute; left:0%; top:0px;">
<img src="http://картинка" border="0" />
</div>

в правом верхнем:

<div style="position:absolute; right:0%; top:0px;">
<img src="http://картинка" border="0" />
</div>

по центру сверху:

<div style="position:absolute; top:0px;">
<center><img src="http://картинка" border="0" /></center>
</div>

в нижнем левом углу:

<div style="position:absolute; left:0%; bottom:0px;">
<img src="http://картинка" border="0" />
</div>

в правом нижнем:

<div style="position:absolute; right:0%; bottom:0px;">
<img src="http://картинка" border="0" />
</div>

по центру снизу:

<div style="position:absolute; bottom:0px;">
<center><img src="http://картинка" border="0" /></center>
</div>

Универсальный код для перемещения картинки:

<div style="position:absolute; top: 50px; left:100px;">
<img src="http://картинка" border="0" />
</div>

top: 50px; - отступ сверху. замените top на bottom, чтобы отступ шел от нижнего края экрана.
left:100px; - отступ слева. замените left на right, чтобы отступ шел от правого края;

+3