Объявление на форуме

Поделиться161Чт, 19 Ноя 2015 12:50:07

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11219
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 19:37:48

Slayder
Для нужного форума (по ID):

В HTML верх

<style type="text/css">
#forum_fXX td:not(.tcl) {
font-size: 0;
background: transparent;
border-left: none 0 transparent;
}
</style>

Вместо XX - ID форума с рекламой

0

ВКонтакте alex__63

Поделиться162Чт, 19 Ноя 2015 13:21:30

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

Хорошего всем времени суток!

Есть скрипты, добавляющие свое объявление для тем и для гостя. А можно как-то сделать, чтобы содережимое объявления менялось в зависимости от размера экрана? Т.е. для мобильной версии форума я могла написать свое?

0

Поделиться163Чт, 19 Ноя 2015 13:37:02

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11219
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 19:37:48

Armavel

<script type="text/javascript">
var wth=$(window).width();
if(wth < 540) {
// Тут что-то...
}else if(wth > 540 && wth < 1024) {
// Тут что-то под разрешение от 540px до 1024px
}
</script>

(* Поправил

+2

ВКонтакте alex__63

Поделиться164Чт, 19 Ноя 2015 13:56:56

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

Alex_63
у мну в объявлении километры..
http://labyrinth.nc-21.ru/

когда я попробовал все это (без стилей) запихнуть в

<script type="text/javascript">
var wth=$(window).width();
if(wth < 540) {
// Тут что-то...
}else if(wth > 540 && wth < 1024) {
// Тут что-то под разрешение от 540px до 1024px
}
</script>

то у меня поехал весь форум...

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

Отредактировано Armavel (Чт, 19 Ноя 2015 14:13:08)

0

Поделиться165Чт, 19 Ноя 2015 14:05:57

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11219
Уважение: +7624
Позитив: +5460
Пол: Мужской
Последний визит:
Сегодня 19:37:48

Armavel
В скрипт содержимое Объявления вставлять не надо, надо ставить коды на скрытие / удаление

Или, проще - прописать стили с помощью css

<style type="text/css">
@media (max-width: 540px) {
.element1{
display:none;
}
}
@media (max-width: 1024px) and (min-width: 541px) {
.element2{
display:none;
}
}
</style>

Красным выделены стили в качестве примера

+1

ВКонтакте alex__63

Поделиться166Чт, 19 Ноя 2015 14:14:42

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 314
Уважение: +175
Позитив: +361
Пол: Женский
Последний визит:
Вт, 12 Ноя 2024 22:41:51

Alex_63
понятно) Спасибо)
буду ковыряться)
~~я чайник)~~

0

Поделиться167Ср, 2 Дек 2015 23:42:43

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 706
Уважение: +1653
Позитив: +6209
Последний визит:
Вт, 19 Ноя 2024 22:06:14

Здравствуйте!
Уважаемые гуру, помогите, пожалуйста, с объявлением. Долгое время на форуме работало объявление (см. тестовик), и все было прекрасно. (Уважаемый Reysler, спасибо за "градиентный фон" ).

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

Дело несколько осложняется еще и тем, что в тексте объявления содержится обращение к читающему - либо ник пользователя, либо слово Гость.

Будьте так добры, пожалуйста, сочините для меня скрипт такого "двойного" объявления.
(Приношу извинения за беспокойство в предновогоднее время).

скрипт старого объявления

<style type="text/css">
marquee {
color: color=#239C00; /* цвет текста */
font-size: 16px; /* размер текста */
padding: 8px; /* отступ от края */
/* ниже размещаем градиентный фон */
background: rgba(246,225,142,1);
background: -moz-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,225,142,1)), color-stop(50%, rgba(245,199,158,1)), color-stop(100%, rgba(245,239,132,1)));
background: -webkit-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -o-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -ms-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: linear-gradient(to right, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e18e', endColorstr='#f5ef84', GradientType=1 );
}
</style>

<marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20">
<div id="my_name"></div>
<script type="text/javascript">
var name = "Привет, Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#D3080B"><b> '+name+'</b></font><font color="#FF29CB"><b>, живите долго и счастливо! </b></font><font color="#239C00"><b> А как сообщает кандидатам в долгожители </b></font><font color="#239CED"><b> ГУФ Danika,</b></font><font color="#239C00"><b> очередная стимуляция точек цзусаньли - </b></font><font color="#FF00CC"><b>5 декабря</b></font> <font color="#660099"><b>(1:50 - 7:40)</b></font><font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><font color="#239C00"><b> и </b></font><font color="#FF00CC"><b>6 декабря</b></font> <font color="#660099"><b>(3:00 - 8:20)</b></font> <font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');</script>
</marquee>

Текст для нового (мобильного) обявления

Привет, ЮЗЕР! 1 декабря (от... до) и 2 декабря (от... до), как напоминает нам ГУФ Danika, очередная стимуляция точек цзу-сань-ли... и это тоже поможет вам жить долго и счастливо! [Тут смайлик]

+1

Поделиться168Чт, 3 Дек 2015 00:48:55

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Dango, вместо текущего объявления, ставим такой скрипт:

<script type="text/javascript" id=set_announcement>
(function(){
function addContent1 (){ /*==123==; <div class="announ">


<style type="text/css">
marquee {
color: color=#239C00;
font-size: 16px;
padding: 8px;

background: rgba(246,225,142,1);
background: -moz-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,225,142,1)), color-stop(50%, rgba(245,199,158,1)), color-stop(100%, rgba(245,239,132,1)));
background: -webkit-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -o-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -ms-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: linear-gradient(to right, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e18e', endColorstr='#f5ef84', GradientType=1 );
}
</style>

<marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20">
<div id="my_name"></div>
<script type="text/javascript">
var name = "Привет, Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#D3080B"><b> '+name+'</b></font><font color="#FF29CB"><b>, живите долго и счастливо! </b></font><font color="#239C00"><b> А как сообщает кандидатам в долгожители </b></font><font color="#239CED"><b> ГУФ Danika,</b></font><font color="#239C00"><b> очередная стимуляция точек цзусаньли - </b></font><font color="#FF00CC"><b>5 декабря</b></font> <font color="#660099"><b>(1:50 - 7:40)</b></font><font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><font color="#239C00"><b> и </b></font><font color="#FF00CC"><b>6 декабря</b></font> <font color="#660099"><b>(3:00 - 8:20)</b></font> <font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');<\/script>
</marquee>

</div> ==123==;*/
} addContent1 = addContent1.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');

function addContent2 (){ /*==123==; <div class="announ">


Бла-Бла-Бла
Бла-Бла-Бла
Бла-Бла-Бла
Бла-Бла-Бла

</div> ==123==;*/
} addContent2 = addContent2.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');

function winTstAndWrite (){
if($(window).width()>=1024)var Cnt=addContent1; else var Cnt=addContent2;
$('div.announ').remove();$(Cnt).insertAfter('script#set_announcement')
} winTstAndWrite ()
$(window).resize(function (){winTstAndWrite ();});
}());
</script>

Cиним - контенты Ваших объявлений,
Красным, - Цифра граница переключения объяв по ширине экрана
==========================

Прим. В контентах объявлений должны отсутствовать теги комментариев вида:
/* Текст */

Прим.2 В конечный тег </script> в кодах объявы добавляем обратный слеш <\/script>

+3

Поделиться169Чт, 3 Дек 2015 04:55:46

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 706
Уважение: +1653
Позитив: +6209
Последний визит:
Вт, 19 Ноя 2024 22:06:14

Deff
Спасибо! На тестовике поставила, завтра кто-нибудь из наших посмотрит с коммуникатора (у меня подобного нету), тогда отпишусь.
("Старая" широкоэкранная часть идет нормально, только почему-то потеряла цветной градиентный фон)

0

Поделиться170Чт, 3 Дек 2015 04:58:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Dango
Добавил Прим.2 (Забыл про конечный тег указать)

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

("Старая" широкоэкранная часть идет нормально, только почему-то потеряла цветной градиентный фон)

Поправил, при вставке поспешил, воткнул лишний тег, красным

<style type="text/css">
<style type="text/css">

+1

Поделиться171Чт, 3 Дек 2015 05:14:17

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 706
Уважение: +1653
Позитив: +6209
Последний визит:
Вт, 19 Ноя 2024 22:06:14

Deff

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

Добавил... Поправил....

:cool: Супер! Спасибо!
"Старая" часть идет отлично, а мобильную версию человек завтра посмотрит.

+ + + + + +

Эх, плюсики кончились, завтра доставлю. Спасибо!

Отредактировано Dango (Чт, 3 Дек 2015 05:16:18)

+1

Поделиться172Чт, 3 Дек 2015 16:54:08

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 706
Уважение: +1653
Позитив: +6209
Последний визит:
Вт, 19 Ноя 2024 22:06:14

Deff
В первом приближении "мобильный" вариант тоже получился (скриншот ), сейчас попробую "раскрасить" объявление и текст, вечером-ночью доложусь.

01:14
Нет, товарищ не прислал скриншот... Сорри.

Отредактировано Dango (Пт, 4 Дек 2015 01:15:48)

0

Поделиться173Пт, 4 Дек 2015 21:05:45

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 706
Уважение: +1653
Позитив: +6209
Последний визит:
Вт, 19 Ноя 2024 22:06:14

Deff
Добрый вечер!
Скриншот товарищ прислал, там, вроде, все неплохо (статичное, вроде, лучше, чем бегущая строка)...
только у меня не получилось задать цвет фона ... (имхо, для мобильного варианта достаточно однотонного, например, #FEFF99).
И еще очень надо превратить «Юзер» в «"ник пользователя" - или - "Гость"» ...
Помогите, пожалуйста, а?
Форум все тот же - тестовик

Отредактировано Dango (Пт, 4 Дек 2015 22:18:23)

0

Поделиться174Сб, 5 Дек 2015 19:52:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Dango

Код:

<script type="text/javascript" id=set_announcement>
(function(){
function addContent1 (){ /*==123==; <div class="announ">

<!-- ТУТ Первый контент Объявления для ПК -->
<style type="text/css">
marquee {
  color: color=#239C00;
  font-size: 16px;
  padding: 8px;

background: rgba(246,225,142,1);
background: -moz-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,225,142,1)), color-stop(50%, rgba(245,199,158,1)), color-stop(100%, rgba(245,239,132,1)));
background: -webkit-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -o-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -ms-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: linear-gradient(to right, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e18e', endColorstr='#f5ef84', GradientType=1 );
}
</style>

<marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20">
<div id="my_name"></div>
<script type="text/javascript">
var name = "Привет, Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#D3080B"><b> '+name+'</b></font><font color="#FF29CB"><b>, живите долго и счастливо! </b></font><font color="#239C00"><b> А как сообщает кандидатам в долгожители </b></font><font color="#239CED"><b> ГУФ Danika,</b></font><font color="#239C00"><b> очередная стимуляция точек цзусаньли - </b></font><font color="#FF00CC"><b>5 декабря</b></font> <font color="#660099"><b>(1:50 - 7:40)</b></font><font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><font color="#239C00"><b> и </b></font><font color="#FF00CC"><b>6 декабря</b></font> <font color="#660099"><b>(3:00 - 8:20)</b></font>  <font color="#239C00"><b> или </b></font><font color="#FF0033"><b> (7:00 - 9:00)</b></font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');<\/script>
</marquee>


</div> ==123==;*/
} addContent1 = addContent1.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');

function addContent2 (){ /*==123==; <div class="announ">


<!-- ТУТ Второй контент Объявления для Коммуникаторов -->
<style type="text/css">
#forCommunicators {
padding: 8px;
background: rgba(246,225,142,1);
background: -moz-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,225,142,1)), color-stop(50%, rgba(245,199,158,1)), color-stop(100%, rgba(245,239,132,1)));
background: -webkit-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -o-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: -ms-linear-gradient(left, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
background: linear-gradient(to right, rgba(246,225,142,1) 0%, rgba(245,199,158,1) 50%, rgba(245,239,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e18e', endColorstr='#f5ef84', GradientType=1 );
}
</style>
<p id="forCommunicators"><b><font color="#60D435">Привет, <you style="color:red">Гость</you>!</font><font color="#FF00CC"> 5 декабря </font><font color="#9933CC">(1:50 - 7:40) </font><font color="#60D435"> или </font><font color="#FF0033">(7:00 - 9:00) </font><font color="#60D435"> и </font><font color="#FF00CC">6 декабря </font><font color="#9933CC">(3:00 - 8:20)</font><font color="#60D435"> или </font><font color="#FF0033">(7:00 - 9:00) </font><font color="#60D435">, как напоминает нам ГУФ Danika,  очередная стимуляция точек цзу-сань-ли... и это тоже поможет вам жить долго и счастливо! </font></b><img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"></p>
<script>$('you').text(UserLogin)<\/script>


</div> ==123==;*/
} addContent2 = addContent2.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');

function winTstAndWrite (){
  if($(window).width()>=1024)var Cnt=addContent1; else var Cnt=addContent2; 
  $('div.announ').remove();$(Cnt).insertAfter('script#set_announcement')
} winTstAndWrite ()
$(window).resize(function (){winTstAndWrite ();});
}());
</script>

+2