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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)


Общие вопросы по оформлению (63)

Сообщений 781 страница 800 из 999

Перевести1

Архивная тема помощи в оформлении форума и его элементов

Это архивная тема. Если вы хотите задать вопрос, пожалуйста, перейдите в следующую тему по ссылке ниже.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

0

Перевести781

Deff

Вот так в итоге должен выглядеть текст

Ведьмак – первая часть популярной франшизы, рассказывающей о похождениях благородного борца с нечистью Геральта из Ривии. Вымышленный мир населен всевозможными расами и существами, многие из которых произошли из древнеславянского фольклора. Сюжетно Геральту уготована борьба с Пылающей Розой, орденом повстанцев, и Дикой Охотой, желающей покорить мир.

Ведьмак – первая часть популярной франшизы, рассказывающей о похождениях благородного борца с нечистью Геральта из Ривии. Вымышленный мир населен всевозможными расами и существами, многие из которых произошли из древнеславянского фольклора. Сюжетно Геральту уготована борьба с Пылающей Розой, орденом повстанцев, и Дикой Охотой, желающей покорить мир.

Ведьмак – первая часть популярной франшизы, рассказывающей о похождениях благородного борца с нечистью Геральта из Ривии. Вымышленный мир населен всевозможными расами и существами, многие из которых произошли из древнеславянского фольклора. Сюжетно Геральту уготована борьба с Пылающей Розой, орденом повстанцев, и Дикой Охотой, желающей покорить мир.

0

Перевести782

У меня такой вопрос: можно ли как-то в переменную загнать картинку, что сидит в логотипе? Не прямую ссылку на нее, а именно используя #pun-title. Корректно ли будет написать #pun-title table.background-image?

Отредактировано Mirra Bell (Вт, 13 Фев 2018 16:37:15)

0

Перевести783

Mirra Bell
Не очень понятно, зачем переменной ?
Есть скрипты смены картинки из массива картинок на каждой ново-открываемой странице

Есть скрипты смены конкретного куска стиля для конкретного форума или темы

Отредактировано Deff (Вт, 13 Фев 2018 16:42:25)

0

Перевести784

Deff
Нашла вот такой скрипт:

Код:
<!-- Искры  -->
<div class="img">
<img id="image" src="Ссылка_на_картинку">
</div>

<script type='text/javascript' src="/js/jquery-canvas-sparkles.js"></script>
<script>
$(document).ready(function(){
$("img").sparkle({
"count": 30, // Количество искр
"color": "rainbow", // Цвета искр. Можно использовать массив ["#ff0080","#ff0080","#FFF"]
"minSize": 2, // Минимальный размер искры
"maxSize": 5, // Максимальный размер искры
"overlap": 0, // На сколько пикселей выходить за края объекта
"direction": "both", // Направление движения (both, up, down)
"speed": 1, // Скорость движения искр
"fadeSpeed": 3000 // Скорость исчезания/появления
});
});
</script>

Как вместо картинки, объявленной в диве, передать в него логотип?

0

Перевести785

Большая просьба, восстановить многие видео плееры + надо убрать неактуальные, кто этим занимается помогите сделать данный скрипт работоспособным...Работает один ютуб и во второй вкладке майл через фрейм и всё... :dontknow:

HTML верх

Код:
<!--Видеохостинг-->
<style type="text/css">
/* вкладки */
#media-wrapper {width: 400px;}
ul.media-tabs {height: 25px;line-height: 29px;margin: 0 0 3px;list-style: none;}
ul.media-tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.media-tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 95px;}
ul.media-tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.media-tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 29px;background-position: -652px -62px;}
ul.media-tabs li.tab-current a:hover {color: #6A5ACD;}
div.media-t2,div.media-t3 {display: none;width: 450px;}
.tipsy-inner {font-size: 14px;}
.media_link { float: left;}
</style>
<!--Окончание-->

HTML низ

Код:
<!--Видеохостинг-->
<script type="text/javascript">
$(function(){
 
var media2=['kiwi.kz','rutv.ru','soundcloud.com','purevolume.com','livestream.com','pleer.com','video.jampo.tv','yapfiles.ru','realmusic.ru','1plus1.ua','jamendo.com','mail.ru','instagram.com'];
 
$('.media_link img').tipsy({live:true,gravity:'s',fade:true});$('#video-area-hsel').addClass('media-t1');$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');$.each(media2,function(i){$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');});$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте  iframe-код медиафайла (аудио, видео)</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a>  <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');$('a.frame_host').click(function(e){var self=$('#video-area-tinp2');setTimeout(function(e){var paste=$(self).val();paste=paste.replace(/'/gi,'"');var frm=[];if(paste.indexOf('param name="movie"')!=-1){frm=paste.split(/param name=\"movie\" value=\"(.*?)\"/i);}
if((paste.indexOf('<iframe')!=-1)||(paste.indexOf('<embed')!=-1)){frm=paste.split(/src=\"(.*?)\"/)};if(paste.indexOf('data=')!=-1){frm=paste.split(/data=\"(.*?)\"/)};if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){var fls=paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);frm[1]=frm[1]+'?&'+fls[1]};var wd=paste.split(/width=\"(.*?)\"/);var hg=paste.split(/height=\"(.*?)\"/);for(var i=0;i<media2.length;i++){if(frm[1].indexOf(media2[i])!=-1){insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');changeVisibility('video-area');$(self).val('');}
else{$('#video-area-msg2').text('Не поддерживаемый хостинг.');$(self).val('');}};},0);});$('ul.media-tabs.tabs1 li').click(function(){var thisClass=this.className.slice(0,8);$('div.media-t1, div.media-t2, div.media-t3').hide();$('div.'+thisClass).fadeToggle('fast');$('ul.media-tabs.tabs1 li').removeClass('tab-current');$(this).addClass('tab-current');});var ls=document.querySelectorAll(".post-content p");for(x in ls){var pst=ls[x].innerHTML;for(var i=0;i<media2.length;i++){if(pst.indexOf(media2[i])!=-1){pst=pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi,'<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');}}
ls[x].innerHTML=pst;}});
</script>
<!--Окончание-->

0

Перевести786

Доброго времени. Помогите пожалуйста с ошибкой. Делала таблицу и совсем не заметила, как у меня всё съехало. И до сих пор не могу найти, в чем именно проблема.
http://shitenno.rusff.ru/
https://pp.userapi.com/c841438/v8414388 … LiJWgE.jpg

0

Перевести787

Ms. Juliet - Замените объявление целиком

Код:
<div id="tablesm">
<!---Блог новостей--->
<div id="news">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris aliquet varius hendrerit. Cras facilisis ut ante non facilisis. Proin ut dui tincidunt erat convallis blandit. Sed id ante eu lorem molestie lobortis eget quis magna. Cras vel lorem ac nisi facilisis aliquam ut et magna. Cras sit amet mollis nulla, sollicitudin luctus justo. Nam vitae pretium magna. Sed eget magna mi. Curabitur fermentum tincidunt augue, et ultricies felis placerat eget. Aenean ut dictum lectus. Curabitur tincidunt nisi eget rutrum lobortis. Suspendisse vehicula non dolor eget blandit.</div>

<!---Навигация--->
<div style="position: absolute; left: 250px; top: 447px;">
<table cellspacing="0"> 
<tbody><tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=14">Правила</a></td></tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=8">Сюжет</a></td></tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=7">Роли</a></td></tr> 
<tr><td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=3">FAQ</a></td> 
</tr>
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=5">Хронология</a></td></tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=15">Руководство по выживанию</a></td> 
</tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=51">Акция "Four Heavenly Kings"</a></td> 
</tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=185">Акция "Two queens"</a></td> 
</tr> 
<tr> 
<td><a class="menu" href="http://smsc.rolka.su/viewtopic.php?id=186">Акция "Faces from flame"</a></td> 
</tr> 
</tbody></table></div>

<!---Мастера--->
<div id="ams">
<a class="description" href="http://smsc.rolka.su/profile.php?id=5">Artemis<span><center><img src="http://funkyimg.com/i/2AL3A.png"></center>
Описание 
<br>
<b>skype</b> такой-то</span></a> • 
<a class="description" href="http://smsc.rolka.su/profile.php?id=4">Luna<span><center><img src="http://funkyimg.com/i/2AL3B.png"></center>
Описание
<br>
<b>skype</b> такой-то</span></a> • 
<a class="description" href="http://smsc.rolka.su/profile.php?id=21">Sailor Mars<span><center><img src="http://funkyimg.com/i/2AL3B.png"></center>
Описание
<br><b>vk:</b> такой-то</span></a> 
</div>

<!---Срочно в игру--->
<div class="actionBlock">
В розыске:<br>
<a href="http://smsc.rolka.su/viewtopic.php?id=203" title="Принцесса Серенити"><img src="http://funkyimg.com/i/2AL3W.png"></a>
<a href="http://smsc.rolka.su/viewtopic.php?id=193" title="Лорд Нефрит"><img src="http://funkyimg.com/i/2AL3V.png"></a>
</div>

<!---Топы--->
<div id="bpt"><!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24487&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/24487' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='_blank'>"+
"<img src='//img.rpgtop.su/88x31x11x7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24487' width='1' height='1' border='0'><a href='https://rpgtop.su/24487' target='_blank'><img src='//img.rpgtop.su/88x31x11x7.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
</div>

<!---О ролевой--->
<div class="activeBlock">
Приветствуем Вас на форумной ролевой игре по мотивам <b>МАНГИ</b> Наоко Такэути "Bishojo Senshi Sailor Moon". <b>Рейтинг игры - R</b>
<br><br>
<b>Сейчас на Земле:</b> 21 июня, день.
<br>
<b>Жанр:</b> сёдзе, романтика, драма, мистика, экшн.
<br>
<b>Эпизодическая</b> организация игровой зоны, <b>смешанный</b> мастеринг.
<br>
<br>
<i>Ролевая игра существует с 18 апреля 2016 года.</i>
</div></div>

+1

Перевести788

Доброго времени! Если с таким вопросом ошиблась темой, не серчайте, пожалуйста, направьте в нужную)
Стоит скрипт обтекания изображений в постах. Проблема в том, что он работает только у зарегистрированных пользователей: гости, просматривая пост, в котором использовалось обтекание, видят BB-коды [float]. Можно ли это как-то исправить? Заранее спасибо!

Как это выглядит у гостей

http://forumstatic.ru/files/0010/f9/8d/20389.png

Скрипт
Код:
<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

0

Перевести789

joveroned
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.
Проверил у себя на тестовом, под гостем, все работает идеально.

скрин из под гостя:
http://s9.uploads.ru/t/RafJ9.png

Отредактировано ACT3255 (Ср, 14 Фев 2018 20:15:58)

0

Перевести790

ACT3255
Спасибо за ответ! Проблема оказалась в том, что скрипт стоял не совсем в нужном месте - в форме ответа. Поставила в HTML-низ - сработало, как надо.

Отредактировано joveroned (Ср, 14 Фев 2018 20:18:18)

0

Перевести791

Deff
Спасибо большое)

0

Перевести792

Не работает облако тегов, стоит в объявлении: http://overside.rolbb.ru/. Не выводится вообще ничего и нигде

+1

Перевести793

Вопрос из поста 774 всё ещё актуален.

0

Перевести794

Еще: поставила инфо-табло, в котором есть такой код:

Код:
<div class=container><table border=0><tr><td width=155px style='text-align: right;'><img src='http://s5.uploads.ru/qwl92.jpg' style='max-width: 75px; margin-top: 5px !important; border: 2px solid #4f0262 !important; box-shadow: 0px 0px 3px 0px #7e5a2a;' ></td><td>Приветствуем тебя в Запределье, гость! <br />Для того, чтобы видеть все разделы форума, необходимо <a href='login.php'>войти</a> или <a href='register.php'>зарегистрироваться</a>. </td></tr></table></div>

Все в таком виде работает. Но если я хочу поменять в таблице фон и добавляю к ячейке bgcolor, таблица на него не реагирует. И не только не реагирует, а вообще пропадает. Почему? Делаю так: <table border=0><tr><td bgcolor="#ffffff" width=155px style='text-align: right;'><img src='http://s5.uploads.ru/qwl92.jpg' style='max-width: 75px; margin-top: 5px !important; border: 2px solid #4f0262 !important; box-shadow: 0px 0px 3px 0px #7e5a2a;' ></td>
Вроде в HTMLBook так и написано. http://overside.rolbb.ru

Отредактировано Mirra Bell (Чт, 15 Фев 2018 21:22:05)

0

Перевести795

Mirra Bell написал(а):

Почему?

потому что нельзя юзать двойные кавычки в этом скрипте
либо так:

bgcolor='#ffffff'

либо так:

bgcolor=#ffffff

а лучше ваще так:
http://forumd.ru/viewtopic.php?id=4392

+2

Перевести796

Большая просьба, восстановить многие видео плееры + надо убрать неактуальные, кто этим занимается помогите сделать данный скрипт работоспособным...Работает один ютуб и во второй вкладке майл через фрейм и всё... :dontknow:

HTML верх

Код:
<!--Видеохостинг-->
<style type="text/css">
/* вкладки */
#media-wrapper {width: 400px;}
ul.media-tabs {height: 25px;line-height: 29px;margin: 0 0 3px;list-style: none;}
ul.media-tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.media-tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 95px;}
ul.media-tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.media-tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 29px;background-position: -652px -62px;}
ul.media-tabs li.tab-current a:hover {color: #6A5ACD;}
div.media-t2,div.media-t3 {display: none;width: 450px;}
.tipsy-inner {font-size: 14px;}
.media_link { float: left;}
</style>
<!--Окончание-->

HTML низ

Код:
<!--Видеохостинг-->
<script type="text/javascript">
$(function(){
 
var media2=['kiwi.kz','rutv.ru','soundcloud.com','purevolume.com','livestream.com','pleer.com','video.jampo.tv','yapfiles.ru','realmusic.ru','1plus1.ua','jamendo.com','mail.ru','instagram.com'];
 
$('.media_link img').tipsy({live:true,gravity:'s',fade:true});$('#video-area-hsel').addClass('media-t1');$('#video-area').prepend('<div id="media-wrapper"><ul class="media-tabs tabs1"><li class="media-t1 tab-current"><a>Первый список</a></li><li class="media-t2"><a>Второй список</a></li></ul><br><div class="media-t2"></div></div><br>');$.each(media2,function(i){$('#video-area div.media-t2').append('<a class="media_link" href="javascript:void(0)"> <img style="padding: 5px;" alt="'+media2[i]+'" title="'+media2[i]+'" src="https://plus.google.com/_/favicon?domain='+media2[i]+'"> </a>');});$('#video-area div.media-t2').append('<br><br><div id="video-area-tcon2"><div id="video-area-thd2">Вставьте  iframe-код медиафайла (аудио, видео)</div><textarea id="video-area-tinp2" onclick="this.select();"></textarea><div id="video-area-msg2" style="margin: 0.5em 0;padding: 0.3em;"></div></div><div id="video-area-actions2"><a class="frame_host" href="javascript:void(0)" >Вставить</a>  <a onclick="changeVisibility(\'video-area\'); return false;"href="#">Закрыть</a></div>');$('a.frame_host').click(function(e){var self=$('#video-area-tinp2');setTimeout(function(e){var paste=$(self).val();paste=paste.replace(/'/gi,'"');var frm=[];if(paste.indexOf('param name="movie"')!=-1){frm=paste.split(/param name=\"movie\" value=\"(.*?)\"/i);}
if((paste.indexOf('<iframe')!=-1)||(paste.indexOf('<embed')!=-1)){frm=paste.split(/src=\"(.*?)\"/)};if(paste.indexOf('data=')!=-1){frm=paste.split(/data=\"(.*?)\"/)};if(frm[1].slice(frm[1].indexOf('.swf')+4).length<=2){var fls=paste.split(/param name=\"flashvars\" value=\"(.*?)\"/i);frm[1]=frm[1]+'?&'+fls[1]};var wd=paste.split(/width=\"(.*?)\"/);var hg=paste.split(/height=\"(.*?)\"/);for(var i=0;i<media2.length;i++){if(frm[1].indexOf(media2[i])!=-1){insert('[video2='+wd[1]+'|'+hg[1]+']'+frm[1]+'[/video2]\n');changeVisibility('video-area');$(self).val('');}
else{$('#video-area-msg2').text('Не поддерживаемый хостинг.');$(self).val('');}};},0);});$('ul.media-tabs.tabs1 li').click(function(){var thisClass=this.className.slice(0,8);$('div.media-t1, div.media-t2, div.media-t3').hide();$('div.'+thisClass).fadeToggle('fast');$('ul.media-tabs.tabs1 li').removeClass('tab-current');$(this).addClass('tab-current');});var ls=document.querySelectorAll(".post-content p");for(x in ls){var pst=ls[x].innerHTML;for(var i=0;i<media2.length;i++){if(pst.indexOf(media2[i])!=-1){pst=pst.replace(/\[video2=(.*?)\|(.*?)\](.*?)\[\/video2\]/gi,'<br /><iframe width="$1" height="$2" src="$3" frameborder="0" scrolling="no" allowfullscreen></iframe>');}}
ls[x].innerHTML=pst;}});
</script>
<!--Окончание-->

0

Перевести797

Герда
Я делала и вообще без кавычек, с тем же результатом, именно потому и полезла в HTMLBook. Но спасибо, попробую. )

0

Перевести798

Герда
О, с одинарными получилось. ) Гран мерси!

0

Перевести799

Mirra Bell
лучше добавь в те места, которые нужно красить id='myselector' (вместо красного - любой свой английский текст)
и потом через свой стиль дописываешь строчку

#myselector {
и понеслись css-коды раскрашивания
}

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

+1

Перевести800

Герда
Вот да, уже с этим столкнулась )

Все почти получилось. "Почти" потому что таблица инфо-панели почему-то выезжает за границы главной таблицы, шире нее. http://overside.rolbb.ru/

Отредактировано Mirra Bell (Пт, 16 Фев 2018 08:53:37)

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)