|
Личка. Ответы, From Fflesh for “...”...
|
|
| [31] loxotron25 [16.07.2012, 12:39] |
Наложить сверху прозрачный блок, абсолютом, с нужным текстом, виксированного размера, меньше флешки.
Z-index блока сделать выше объекта.
Примерчик можно? |
|
| [32] likbezz [16.07.2012, 12:46] |
loxotron25,
Как-то так:
Код <div style="position:relative;overflow:hidden;"> video <div style="position:absolute;left:0px;top:0px;color:#F00;margin:0;padding:0;font-size:13px;">text</div> </div>
|
|
| [33] loxotron25 [16.07.2012, 14:55] |
Класс. Пасибки.  |
|
| [34] Flesh [27.06.2013, 18:29] |
|
|
|
| [35] Flesh [27.06.2013, 18:35] |
Код вставки:
Код <div class="videoBoxWrap"><div id="videoCont"> <object width="704" height="528" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/52245.xml"> <param name="movie" value="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/52245.xml"><param name="data" value="http://videomore.ru/player.swf"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="flashvars" value="config=http://videomore.ru/video/tracks/52245.xml"><embed src="http://videomore.ru/player.swf" type="application/x-shockwave-flash" wmode="transparent" width="704" height="528" allowFullScreen="true" allowScriptAccess="always" flashvars="config=http://videomore.ru/video/tracks/52245.xml&embed=1"></embed></object> </div> <select id="videoSelect"> <option value="http://videomore.ru/video/tracks/72721">Почему уходят мужчины? Отшельник</option> <option value="http://videomore.ru/video/tracks/47711">Почему уходят мужчины? Рассыпанные бусы</option> <option value="http://videomore.ru/video/tracks/47701">Почему уходят мужчины? Большая разница</option> <option value="http://videomore.ru/video/tracks/52245">Почему уходят мужчины? Авария</option> </select> </div>
Стили:
Код #videoBox,#videoCont{width:704px;height:528px;}
#videoBox{background:#333 url(/.s/img/wd/1/ajax.gif) no-repeat 50% 50%;}
div.videoBoxWrap{width:704px; text-align:center;}
#videoSelect{margin-top:10px;}
#videoSelect omtion{padding-left:15px;}
Настраиваем под себя.
За цвет фона отвечает вот это:
Код #videoBox{background:#333 url(/.s/img/wd/1/ajax.gif) no-repeat 50% 50%;}
Ссылки берем отсюда:
Цитата (Code) <option value="http://videomore.ru/video/tracks/52245">Почему уходят мужчины? Авария</option>
Стандартный шаблон вот:
Код <div class="videoBoxWrap"><div id="videoCont">
сюда код из верхнего окошка «поделиться» - будет сразу показываться
</div>
<select id="videoSelect">
<option value="сюда ссылку">сюда название</option>
</select>
</div>
Вставляем как html в форму добавления.
|
|
| [36] likbezz [27.06.2013, 19:20] |
Вариант №2 (скрипт №2)
Код вставки:
Код <div class="videoBoxWrap"><div id="videoCont"></div>
<select id="videoSelect">
<option value="http://videomore.ru/video/tracks/72721">Почему уходят мужчины? Отшельник</option>
<option value="http://videomore.ru/video/tracks/47711">Почему уходят мужчины? Рассыпанные бусы</option>
<option value="http://videomore.ru/video/tracks/47701">Почему уходят мужчины? Большая разница</option>
<option value="http://videomore.ru/video/tracks/52245">Почему уходят мужчины? Авария</option>
</select>
</div>
При загрузке открывается первая ссылка из списка. |
|
| [37] Flesh [28.06.2013, 18:12] |
Устанавливается:
Скрипт распаковываете, заливаете на сайт.
В шаблон глобального блока нижний или верхний (или только в шаблон материала и комментария - смотря где должен работать скрипт) добавляете:
Код <script type="text/javascript" src="http://ссылка_до_скрипта.js"></script>
Стили корректируете под себя, и добавляете в свою таблицу стилей (ПУ » Управление дизайном » Таблица стилей)
Код #videoBox,#videoCont{width:704px;height:528px;}
#videoBox{background:#333 url(/.s/img/wd/1/ajax.gif) no-repeat 50% 50%;}
div.videoBoxWrap{width:704px; text-align:center;}
#videoSelect{margin-top:10px;}
#videoSelect omtion{padding-left:15px;}
Можно использовать.
Добавление.
Открываем блокнот, вставляем туда код:
Код <div class="videoBoxWrap"><div id="videoCont">
серия №1
</div>
<select id="videoSelect">
<option value="сюда ссылку">сюда название</option>
</select>
</div>
Идем на сайт с видео, допустим, сериал «Почему уходят мужчины?»
Переходи на первую серию, копируем код из верхнего окошка:
вставляем его вместо «серия №1»
Получается вот так:
Код <div class="videoBoxWrap"><div id="videoCont"> <object width="704" height="528" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="movie" value="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="data" value="http://videomore.ru/player.swf"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="flashvars" value="config=http://videomore.ru/video/tracks/72721.xml"><embed src="http://videomore.ru/player.swf" type="application/x-shockwave-flash" wmode="transparent" width="704" height="528" allowFullScreen="true" allowScriptAccess="always" flashvars="config=http://videomore.ru/video/tracks/72721.xml&embed=1"></embed></object> </div> <select id="videoSelect"> <option value="сюда ссылку">сюда название</option> </select> </div>
Переходим на вторую серию, копируем ссылку из второго окошка:
Вставляем ее туда где написано «сюда ссылку».
Вместо «сюда название» - пишем название серии.
Должно получиться вот так:
Код <div class="videoBoxWrap"><div id="videoCont"> <object width="704" height="528" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="movie" value="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="data" value="http://videomore.ru/player.swf"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="flashvars" value="config=http://videomore.ru/video/tracks/72721.xml"><embed src="http://videomore.ru/player.swf" type="application/x-shockwave-flash" wmode="transparent" width="704" height="528" allowFullScreen="true" allowScriptAccess="always" flashvars="config=http://videomore.ru/video/tracks/72721.xml&embed=1"></embed></object> </div> <select id="videoSelect"> <option value="http://videomore.ru/video/tracks/47705">Почему уходят мужчины? Любитель древностей</option> </select> </div>
Переходим на третью серию, делаем то же самое что и со второй, должно получиться вот так:
Код <div class="videoBoxWrap"><div id="videoCont"> <object width="704" height="528" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="movie" value="http://videomore.ru/player.swf?config=http://videomore.ru/video/tracks/72721.xml"><param name="data" value="http://videomore.ru/player.swf"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="flashvars" value="config=http://videomore.ru/video/tracks/72721.xml"><embed src="http://videomore.ru/player.swf" type="application/x-shockwave-flash" wmode="transparent" width="704" height="528" allowFullScreen="true" allowScriptAccess="always" flashvars="config=http://videomore.ru/video/tracks/72721.xml&embed=1"></embed></object> </div> <select id="videoSelect"> <option value="http://videomore.ru/video/tracks/47705">Почему уходят мужчины? Любитель древностей</option> <option value="http://videomore.ru/video/tracks/47711">Почему уходят мужчины? Рассыпанные бусы</option> </select> </div>
И так далее..
Добавляем материал.
Открываем код в виде html
Вставляем получившийся код, сохраняем, добавляем.
Наблюдаем.
|
|
| [38] likbezz [11.01.2014, 06:22] |
From deeman843
Вариантов 2
Стилями:
В стили добавляем следующий код:
Код #iM39 b{display:none;}
- кавычки остаются
---
Скриптом:
В шаблон страницы Страница добавления/редактирования материала, после оператора $BODY$ добавляем скрипт:
Код <script type="text/javascript">
$('#iM39').html($('#iM39').html().replace(/\s+\[.*?\]/g,''));
</script>
- все чистенько.
---
|
|
| [39] likbezz [08.12.2014, 08:49] |
Находишь в коде что-то типа:
Код <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a>
Добавляешь после:
Код <script type="text/javascript" src="/ispm.fn.js"></script>
Где:
/ispm.fn.js - путь до скрипта;
Меняешь ID с upml на upm, оператор $UNREAD_PM$ меняешь на:
Код <span id="unread">$UNREAD_PM$</span>
Должно получиться типа:
Код <a href="javascript://" rel="nofollow" id="upm" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->(<span id="unread">$UNREAD_PM$</span>)</a>
<script type="text/javascript" src="/ispm.fn.js"></script>
В CSS добавляешь стили для ссылки при наличии новых сообщений:
Код .new-pm{color:#F00 !important;}
- можно изменить под себя.
Тайм-аут проверки можно изменить вот в этой строке в скрипте:
Код setTimeout(getPM,30000)
- по умолчанию - 30 секунд (30000 мс)
Не рекомендую ставить меньше. |
|
| [40] likbezz [29.03.2015, 21:52] |
igrok,
По первому скрипту.
Покажу на примере формы добавления в модуле объявлений:
Для начала, нужно ID формы (смотри скрин ниже - #1)
Потом данные для поля «Заголовок объявления»:
#2 - ID ячейки куда будет добавлен сам счетчик, отображающий остаток.
#3 - имя поле на которое будет повешен данный счетчик.
В скрипте эти поля фигурируют вот тут:
Код $('#bdM4').append(' (осталось: <span id="titleChar">25</span> символов)');
- добавляем в блок элемент для вывода остатка
Цитата code $(document.forms.addform.title).on('keypress keyup',function(){
checkLength(25,this,'titleChar');
- вешаем событие на поле, и передаем в функцию ID элемента для вывода остатка.
Цитата code var e=document.getElementById('checkTitle');
if(!/^\s*$/.test(this.value)){
e.innerHTML=this.value;
}else{
e.innerHTML='Заголовок объявления (2сл.)';
}
- передаем содержимое поля в блок превью, созданный заранее.
---
Превью создает вот этот фрагмент:
Код $('body').append('<div id="checkShadow"><div id="checkBox"><h2 id="checkTitle">Заголовок объявления (2сл.)</h2><p id="checkText">Текст вашего объявления (2-4 слова)</p><p id="checkCont">Ссылка на страницу или номер тел.</p></div></div>');
ID элементов привязаны к скрипту.
Все оформление задается через стили.
---
Все остальные поля сделаны по принципу первого.
Единственный момент - с полем для текста. Там элемент для вывода остатка находится вот так:
Код $('#bdM7 > div').eq(0).append(' (осталось: <span id="textChar">70</span> символов)');
- первый блок в ячейке (#2) с ID == bdM7 (#1)
---
Скрипт вставляется после формы и запускается вот так:
Код <script type="text/javascript" src="/fn.setcheckbox.js"></script>
<script type="text/javascript">
setCheckBox();
</script>
Примерные стили - можно изменять по усмотрению:
Код #checkTitle,#checkText,#checkCont{margin:0;padding:0;}
#checkShadow{background:#FFF;padding:10px;position:fixed;left:5%;bottom:5%;}
#checkBox{width:300px;height:90px;padding:4px;border:1px solid #333;font-family: Verdana, Helvetica, sans-serif;text-align:left;word-wrap:break-word;}
#checkTitle{font-size:15px;color:#1000ff;margin-bottom:5px;}
#checkText{color:#222;margin-bottom:7px;font-size:13px;}
#checkCont{color:#008b08;font-size:90%;font-size:12px;} |
|
| [41] likbezz [15.04.2015, 18:22] |
Скрипт, для удобства, я разделил на две части: так называемую базу и исполняемый код.
Соответственно:
Код ferments.fn.js
и
ferments.list.js
Подключаются в шаблоне Доска объявлений » Страница добавления/редактирования материала после оператора $BODY$? вот так:
Код $BODY$ <script type="text/javascript" src="/js/ferments.list.js"></script> <script type="text/javascript" src="/js/ferments.fn.js"></script> <noindex id="bear_box_out"> <div id="bear_box"> <table id="bear_box_tb" width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td style="width:45%;"> <fieldset><legend>Ингредиенты:</legend> <div id="bear_list_box"> <ul id="bear_list"> <li id="ferment" title="Сбраживаемое"><b>Добавить сбраживаемое</b> <li id="hops" title="Хмель"><b>Добавить хмель</b></li> <li id="yeast" title="Дрожжи"><b>Добавить дрожжи</b></li> <li id="other" title="Другие ингредиенты"><b>Добавить другие ингредиенты</b></li> <li id="water" title="Состав воды"><b>Добавить состав воды</b></li> </ul> </div> </fieldset></td> <td style="padding-left:5px;"><fieldset><legend>Описание рецепта:</legend> <textarea id="bear_description" style="width:100%;" rows="10"></textarea> </fieldset> <fieldset><legend>Приготовление:</legend> <textarea id="bear_prepare" style="width:100%;" rows="10"></textarea> </fieldset></td> </tr><tr> <td></td> <td style="text-align:center;"><input id="bear_make" onclick="setCode();return false;" type="button" value="[Составить рецепт]" /> </td> </tr></table> </div> </noindex>
..собственно и все..
Скрипты в архиве, создать папочку /js/ в файловом менеджере и закинуть туда скрипты.
Для удобства редактирования можно вывести ссылку на файл базы в любое удобное место, типа:
Код <a href="/tmpls/?a=fm;l=7;f=js;file=ferments.list.js" target="_blank">ferments.list.js</a>
Стили (ferments.st.css) можно вставить вместе со скриптами в шаблон, типа:
Код $BODY$ <link rel="stylesheet" type="text/css" href="/js/ferments.st.css"> <script type="text/javascript" src="/js/ferments.list.js"></script> <script type="text/javascript" src="/js/ferments.fn.js"></script> <noindex id="bear_box_out"> <div id="bear_box"> <table id="bear_box_tb" width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td style="width:45%;"> <fieldset><legend>Ингредиенты:</legend> <div id="bear_list_box"> <ul id="bear_list"> <li id="ferment" title="Сбраживаемое"><b>Добавить сбраживаемое</b> <li id="hops" title="Хмель"><b>Добавить хмель</b></li> <li id="yeast" title="Дрожжи"><b>Добавить дрожжи</b></li> <li id="other" title="Другие ингредиенты"><b>Добавить другие ингредиенты</b></li> <li id="water" title="Состав воды"><b>Добавить состав воды</b></li> </ul> </div> </fieldset></td> <td style="padding-left:5px;"><fieldset><legend>Описание рецепта:</legend> <textarea id="bear_description" style="width:100%;" rows="10"></textarea> </fieldset> <fieldset><legend>Приготовление:</legend> <textarea id="bear_prepare" style="width:100%;" rows="10"></textarea> </fieldset></td> </tr><tr> <td></td> <td style="text-align:center;"><input id="bear_make" onclick="setCode();return false;" type="button" value="[Составить рецепт]" /> </td> </tr></table> </div> </noindex>
либо ставить в основные - my.css
Архив со скриптами в личке. |
|
