Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения 2


Новогодние украшения 2

Сообщений 81 страница 100 из 653

1

Предыдущая тема: Новогодние украшения

http://s5.uploads.ru/ZvAG5.png

Исправленная ёлочка:

Код Ёлочки:
Код:
</div></div></div></div></div></div>
<style>.sell > div > b {color:#fff;text-shadow:1px 1px 3px #000;/*Фон Ника!*/background:#83798B;padding:0 3px 1px;border-radius:3px;}</style>
<style>#pun_wrap {display:none!important;}html,body{height:100%;background:#C6C8D4 url("http://forumstatic.ru/files/0013/65/ed/19383.jpg") no-repeat 50%!important;}</style>
<!-- ID Вашей темы! -->
<script> var temaID = 763; //ID Темы!; </script>
<!-- Форма Добавки  сообщения в Тему со своей Страницы -->
<script type="text/javascript" src="http://forumstatic.ru/files/000d/8d/19/58042.js"></script>
<!-- Елко-Отображение  -->
<script type="text/javascript" src="http://forumstatic.ru/files/0013/65/ed/76531.js"></script>
<div id="pun_wrap2"><div><div><div><div><div><plaintext>

Или вариант с <noscript>:

Код:
</div></div></div></div></div></div>
<style>.sell > div > b {color:#fff;text-shadow:1px 1px 3px #000;/*Фон Ника!*/background:#83798B;padding:0 3px 1px;border-radius:3px;}</style>
<style>#pun_wrap {display:none!important;}html,body{height:100%;background:#C6C8D4 url("http://forumstatic.ru/files/0013/65/ed/19383.jpg") no-repeat 50%;}</style>
<!-- ID Вашей темы! -->
<script> var temaID = 763; //ID Темы!; </script>
<!-- Форма Добавки  сообщения в Тему со своей Страницы -->
<script type="text/javascript" src="http://forumstatic.ru/files/000d/8d/19/58042.js"></script>
<!-- Елко-Отображение  -->
<script type="text/javascript" src="http://forumstatic.ru/files/0013/65/ed/76531.js"></script>
<div id="pun_wrap2"><div><div><div><div><div><noscript><noscript><noscript><noscript>

var temaID = 763; - заменить на ID своей темы..

Другой фон Ёлочки (Пост 443)

Правка к елочке тем кто использует тему. Ссылки типа: [gift]http://forumstatic.ru/files/0013/65/ed/33816.png[/gift] теперь будут отображаться картинками в посту. Добавил к скрипту чтение в посту картинок вставленных на елочку.

Ставить НТМЛ в форме ответа:

Код:
<!--Преобразование игрушки в посту от елочки-->
<script type="text/javascript">
$(function(){
$('.post-content:contains("[gift")').each(function(){
var htmlgift = $(this).html().replace(/\[gift\]([^\[\]]+)\[\/gift\]/gi, "<img src='$1'>");
$(this).html(htmlgift)
});
 
$('.post-content:contains("[iмg")').each(function(){
var htmliмg = $(this).html().replace(/\[iмg\]([^\[\]]+)\[\/iмg\]/gi, "<img src='$1'>");
$(this).html(htmliмg)
});
});
</script>

От Деффа ставить НТМЛ низ:

<!--//Правка Картинок в теме с Пожеланиями для Ёлки//--><script>
if(document.URL.indexOf('/viewtopic.php?id=44')!=-1)(function(){
function replac(str, p1){   return '<img src="'+$('<p>'+p1 + '</p>').text()+'"/>';}
$('.post-content p').each(function(){
  $(this).html($(this).html().replace(/\[(?:(?:iмg)|(?:gift))\]([^\[\]]*)\[\/(?:(?:iмg)|(?:gift))\]/img,replac)); });}());
</script>

То что красным ставим ID своей темы.

Всем у кого проблема с работой ёлочки на русфе ставим в НТМЛ верх этот скрипт:

Код:
<!--отключение доп. функций-->
<script type="text/javascript">
RusffCore.sets.tags = false;
</script>

Или вариант от Деффа отключение только на странице с  темой подарков на Ёлку: (для Русфа)

Deff написал(а):

<!--отключение доп. функций-->
<script type="text/javascript">
if(document.URL.indexOf('/post.php?tid=44')!=-1)RusffCore.sets.tags = false;
</script>

http://s5.uploads.ru/ZvAG5.png

Темы по Новому году:

Новогодние Скрипты и украшения [ 2010 ]
Новогодние Скрипты и украшения [ 2011 ]
Новогодние скрипты. Оформление на 2012 год
Новогодние смайлики (Готовимся к новому году)

Отредактировано kolobdur74 (Сб, 14 Дек 2019 16:07:57)

+6

81

selenast написал(а):

Следуя уже логике (  моей), у меня теперь выходит, что в н-верх я должна воткнуть вот это:

Нет, вы вместо селектора втыкаете НТМЛ код)) У НТМЛ есть имя фамилия, ну и просто кто он - человек, птица или просто живой...))) Всё как у человека, вот по его наименованию мы ищем и на него чего нить одеваем))))

+1

82

))) Мне уже страшно.
Это значит - я должна вот этот див как то обозвать (неважно как), медию написать с этим именем (с решеткой), а только потом поставить этот див?

0

83

selenast написал(а):

))) Мне уже страшно.
Это значит - я должна вот этот див как то обозвать (неважно как), медию написать с этим именем (с решеткой), а только потом поставить этот див?

Ну, собственно да, к примеру:

<div id="fam" class="imya" style="position:fixed;left:0;height: 100px; background: url(http://images.vfl.ru/ii/1513307971/ae1c … 806968.gif) repeat-x; width:100%;top:0;z-index:100;"></div>

Фамилия у нас только одна, а имен может быть много)) Фамилия в CSS с приставкой: #, а перед именем точка)) И соответственно для разрешения от 900 пикселей и меньше мы даем условие:

@media screen and (max-width: 900px) {

#fam {
width:240px !important;
height:400px !important;
}

}

Либо:

@media screen and (max-width: 900px) {

.imya {
width:240px !important;
height:400px !important;
}

}

В обоих случаях запись верна и последствия будут одинаковые.. А дальше будут нюансы.. В данном случае для гирлянды мало уменьшать просто блок - там надо уменьшать картинку, поэтому надо смотреть полностью код и смотреть что именно надо уменьшать, и надо ли это вообще делать..

+1

84

o.O  Ой.
Спасибо!
Но ой... Пошла экспериментировать!

0

85

kolobdur74 написал(а):

В обоих случаях запись верна и последствия будут одинаковые.. А дальше будут нюансы.. В данном случае для гирлянды мало уменьшать просто блок - там надо уменьшать картинку, поэтому надо смотреть полностью код и смотреть что именно надо уменьшать, и надо ли это вообще делать..

Ну и правильный код:

<!--Гирлянда-->
<style>
.imya {
position:fixed;
left:0;
height: 100px;
background: url(http://images.vfl.ru/ii/1513307971/ae1c77b9/19806968.gif) repeat-x;
width:100%;
top:0;
z-index:100;
}

@media screen and (max-width: 900px) {

.imya {
background: url(Здесь ссылка на уменьшенную картинку) repeat-x;
}

}
</style>

<div class="imya"></div>

Вместо красного ставим ссылку на уменьшенную картинку, которую предварительно уменьшаем в фотошопе... Если надо последовательно уменьшать на разных разрешениях, то меняем данную конструкцию: @media screen and (max-width: 900px) на @media screen and (min-width: 600px)  and (max-width: 900px) , где min-width - это минимальное разрешение, от которого начинается условие и max-width - максимальное разрешение, которым заканчивается работа данного условия.. И конструкция выйдет более последовательная:

<style>
.imya {
position:fixed;
left:0;
height: 100px;
background: url(http://images.vfl.ru/ii/1513307971/ae1c77b9/19806968.gif) repeat-x;
width:100%;
top:0;
z-index:100;
}

@media screen and (min-width: 1000px)  and (max-width: 1200px) {

.imya {
background: url(Здесь ссылка на уменьшенную картинку) repeat-x;
}

}

@media screen and (min-width: 800px)  and (max-width: 1000px) {

.imya {
background: url(Здесь ссылка на уменьшенную картинку) repeat-x;
}

}

@media screen and (max-width: 800px) {

.imya {
background: url(Здесь ссылка на уменьшенную картинку) repeat-x;
}

}
</style>

С каждым разом картинка должна быть соответственно меньше...

Отредактировано kolobdur74 (Сб, 16 Дек 2017 03:44:16)

+1

86

o.O  Мышка в обмороке....
А просто отключать, чтоб не показывало, и все - это вместо длины-ширины дисплей нон поставить?
А то что-то мне уже плоховато...

Отредактировано selenast (Сб, 16 Дек 2017 03:54:21)

0

87

selenast написал(а):

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

Да, тогда просто убираем этот блок от определенного разрешения:

Код:
<!--Гирлянда-->
<style>
.imya {
position:fixed;
left:0;
height: 100px; 
background: url(http://images.vfl.ru/ii/1513307971/ae1c77b9/19806968.gif) repeat-x; 
width:100%;
top:0;
z-index:100;
}

@media screen and (max-width: 900px) {

.imya {
display:none;
}

}
</style>

<div class="imya"></div>

+1

88

Супер!
Спасибище!
Хочется, конечно - чтоб и на мобилках красиво было, но пусть уж лучше отключается - ))) сделаю вид - что думаю )) о трафике для них, вот!

+2

89

selenast написал(а):

сделаю вид - что думаю )) о трафике для них, вот!

:cool:  :D

0

90

Поставила такие колокольчики. Но смотрится некрасиво.  Как бы убрать эту полосу на колокольчиках.
http://s9.uploads.ru/t/jp5zQ.png

0

91

Germionna
добавь в код:

<div style="position:absolute; right:50%; top:250px;z-index;z-index: 2;"><img src="http://forumstatic.ru/files/0014/b9/02/97242.gif" border="0"></div>

0

92

Герда написал(а):

Germionna
добавь в код:
<div style="position:absolute; right:50%; top:250px;z-index;z-index: 2;"><img src="http://forumstatic.ru/files/0014/b9/02/97242.gif" border="0"></div>

:cool: как Вы так разбираетесь  куда  что в код добавлять .

Отредактировано Germionna (Ср, 20 Дек 2017 21:47:07)

0

93

Germionna написал(а):

<div style="position:absolute; right:50%; top:250px;z-index;z-index: 2;"><img src="http://forumstatic.ru/files/0014/b9/02/97242.gif" border="0"></div>

Только тогда лишнее уберите - красным выделил..

0

94

Germionna
z-index случайно два раза прописалось. нормальный код такой:

<div style="position:absolute; right:50%; top:250px;z-index: 2;"><img src="http://forumstatic.ru/files/0014/b9/02/97242.gif" border="0"></div>

Germionna написал(а):

как Вы так разбираетесь  куда  что в код добавлять

http://forumd.ru/viewtopic.php?id=3073

+2

95

Здравствуйте. В прошлом году мы  оформляли форум снежными сугробами,и выглядело это так:
http://sg.uploads.ru/t/QtBqk.jpg
сейчас снова попробовали,но вместо красивых сугробов одна  жалкая кучка:
http://s9.uploads.ru/t/hTgAm.jpg
а вот сам скрипт:

Код:
<!--Новогоднее-->
<style>
#pun-navlinks, .category, #pun-stats, li.pa-avatar, .multipage {position: relative;}
#pun-navlinks:before, .category:before, #pun-stats:before, .multipage:before {
background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat scroll 0% 0%, url(http://i1.imageban.ru/out/2016/12/04/e42f82f14f34e0e298dcd77956c8fd22.png) no-repeat scroll 50% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat scroll 100% 0% !important;
display: block; content:"";
    height: 30px;
    left: -5px;
    padding: 0 5px;
    position: absolute;
    top: -17px;
    width: 100%;
}
 
li.pa-avatar:after {
    background: url(http://forumstatic.ru/files/0016/ce/d7/18087.png) no-repeat scroll left transparent;
    content: "";
    display: block;
    height: 100px;
    width: 210px;
    margin-top: -40px;
position: absolute;
}
li.pa-avatar {margin-bottom:50px;}
</style>

помогите,пожалуйста исправить!
http://httpss.mybb.ru/

Отредактировано Kasatka (Пт, 22 Дек 2017 08:22:52)

+1

96

Kasatka написал(а):

сейчас снова попробовали,но вместо красивых сугробов одна  жалкая кучка:

Забыл хостинг оплатить, оплатил - скоро всё само восстановится.. Если не восстановилось, то почистите кеш в браузере..

Отредактировано kolobdur74 (Пт, 22 Дек 2017 12:01:55)

0

97

kolobdur74 написал(а):

почистите кеш в браузере..

Все восстановилось.

Отредактировано scool (Пт, 22 Дек 2017 13:10:33)

0

98

kolobdur74 написал(а):

Забыл хостинг оплатить, оплатил - скоро всё само восстановится.. Если не восстановилось, то почистите кеш в браузере..

Отредактировано kolobdur74 (Сегодня 09:01:55)

ничего у нас не восстанавливается(((
так и висит одна жалкая кучка снега(((
придется,видимо,так Новый год встречать....

0

99

Kasatka написал(а):

ничего у нас не восстанавливается(((
так и висит одна жалкая кучка снега(((
придется,видимо,так Новый год встречать....

Бум поспорить)))
http://sf.uploads.ru/LWgUJ.png

+1

100

kolobdur74 написал(а):

Бум поспорить)))

не,не  бум...но у меня вот так:

Свернутый текст

http://sd.uploads.ru/qrx4o.png

0


Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения 2