Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)
Предыдущая тема: Общие вопросы по оформлению (61)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
#pun-messages #main-reply {
width: 800px;
}
#pun-messages input.longinput {
width: 200px;
}
j-creep
Каждая специальная страница форума имеет свой идентификатор, так что стилизовать иным образом можно что угодно, не затрагивая при этом основной стиль. Идентификатор страницы сообщений - #pun-messages
Поставленный перед любым селектором, он специализирует данный стиль только для конкретной страницы сообщений.
j-creep
Поставьте Пиар вход или дайте ник пароль в личку, дабы видеть эти ЛС
audaciousGodsend
Большое спасибо)
Deff
Уже подсказали, спасибо)
Подскажите, в объявление вставлен скрипт комментариев вк. Есть ли возможность убрать его под кат?
Или как то скрыть виджет этот, чтоб он не сразу отображался при входе на форум, а его надо было бы открывать?
Форум: nikogde.ru
У меня одной на 46 билде с рендерингом некоторых подключенных шрифтов сталось нечто ужасное?
У меня нет 46-ой версии, но это никак не поправить с нашей стороны, пока разработчики браузера не пофиксят рендеринг
mst6666
Можно вставить в отдельное объявление-спойлер(в самый конец поля Объявление)
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать'" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style-"font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}</style><!-- Конец разделителя-->
<!-- Тут ставим Код Виджета -->
здравствуйте.
установила вот скрипт шрифтов в форме ответа вместе со стандартными. подскажите, как добавить прокрутку, чтоб спрятать шрифты под бегунок. а то они висят шлангом и смотрибельность никакая заранее спасибо.
<!-- шрифты-->
<script type="text/javascript">
if (document.URL.indexOf("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Alice');for (i in ft_f) {
j = "<div><span style= font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>
Eva Wood
#font-area {
height: 150px;
overflow-y: scroll;
}
Добавьте в первое окно стиля. Красным - высота окошка.
Отредактировано audaciousGodsend (Чт, 3 Авг 2017 09:38:45)
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать'" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style-"font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}</style><!-- Конец разделителя-->
<!-- Тут ставим Код Виджета -->
Вставила, в итоге получилось просто два виджета один за другим одинаковые, и надпись "показать" не кликабельная над всем.
Или что вы имеете ввиду вставить в отдельное объявление?
У меня в графе объявлений вот так вышло:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6104626, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать'" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style-"font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}</style><!-- Конец разделителя-->
<!-- <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6104626, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script> -->
Отредактировано mst6666 (Чт, 3 Авг 2017 10:07:21)
mst6666
Первый виджет уберите!... А в выданном коде добавьте синим
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать'" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style-"font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}#pun-announcement.second h2>span{display:block!important}</style><!-- Конец разделителя-->
#pun-announcement.second h2>span{display:block!important}
Вставила получилось вот так(текст "показать" опять же не кликабелен):
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать'" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style-"font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}#pun-announcement.second h2>span{display:block!important}</style><!-- Конец разделителя-->
<!-- <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6104626, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>
-->
Отредактировано mst6666 (Чт, 3 Авг 2017 16:58:54)
mst6666
Чуть ошибся (Поправил:
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать')" style="cursor:pointer"><span>Комментарии ВКонтакте</span><em style="font-size:.9em;float:right" class="vk-tggl">показать</em></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0}#pun-announcement.second h2>span{display:block!important}</style><!-- Конец разделителя-->
<!-- <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6104626, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>
Alex_63
Большое Спасибо! Теперь работает. Но еще вопрос, что надо изменить в коде, что б надпись чуть сдвинуть?
на скрине красным две полоски сделала 1 - комментарии вк, 2- показать. Как их подвинуть и сгруппировать так?
Просто наезжает на текст сильно. Чуть бы пониже, а что поменять не пойму.
Отредактировано mst6666 (Чт, 3 Авг 2017 17:33:28)
mst6666
Так ?
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</div></div></div><div id="pun-announcement" class="second section"><h2 onclick="$(this).next().slideToggle(300);$('.vk-tggl').text($('.vk-tggl').text()=='показать'?'свернуть':'показать')" style="cursor:pointer"><span>Комментарии ВКонтакте <em style="font-size:.9em;padding-left:2.6em" class="vk-tggl">показать</em></span></h2><div class="container" style="display:none"><div class="html-box"><style>#pun-announcement.second{margin-top:0;padding-bottom:1em}#pun-announcement.second h2>span{display:block!important}#pun-announcement.second .container{padding-bottom:0}</style><!-- Конец разделителя-->
<!-- <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6104626, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>Alex_63
Да! СПасибо!
[взломанный сайт]
Даже неловко обращаться с такой ерундой, но надвигается юбилей форума, и хочется, чтобы все было в самом лучшем виде.
К этому юбилею ставлю Скрипт "бабочки" от Маргоши, все отлично работает, но есть маленький нюанс: "бабочки" плавают поверх всей страницы, но в одном месте все-таки подлезают под тонкую линию-границу
Может, можно что-то придумать, чтобы ликвидировать это наложение?
Живьем это можно посмотреть на Тестовом форуме.
ПС
Если кто увидит Маргошу - передайте ей, пожалуйста, огроменное спасибо за этот скрипт "бабочек" - просто, элегантно, эффектно!
Отредактировано Dango (Сб, 5 Авг 2017 14:40:16)
Dango
Есть костыль. Просто убрать временно эту полоску. Возможно кто-то ещё придумает другое решение.
В HTML-верх, в любое место.
<style>
#pun-break1 {
border-style: none!important;
}
</style>Евгений Рыбаков
Спасибо !!
Работает. Вполне годится.
Привет!
Не работает скрипт. помогите =(
<!-- Переход на пост по клику на ссылку --><script type="text/javascript">
$(function(){$('.post-content p').find('a[target][href*="k.php?http://'+location.hostname+'"]').filter('[href*="#p"]').map(function(){
var s = $(this),a = s.attr('href'),b = '#p'+a.split('#p')[1],l0 = location,l = l0.hostname;l = l.replace(/\./g,'\\.');
var reg = new RegExp('^http\\:\\/\\/'+l+'\\/click\\.php\\?http\\:\\/\\/'+l+'\\/viewtopic(.*?)\\?p?id=(\\d+)(.*?)#p(\\d+)$','mgi');
if($(b).length&&a.match(reg)){s.removeAttr('target').live('click',function(){l0.hash = '#';l0.hash = b;return !1})}
});})
</script>Ставила уже и в хтмл верх и вниз, нигде не работает.
http://greenrpg.ru/viewtopic.php?id=2868
Отредактировано Иса (Вс, 6 Авг 2017 10:20:49)
Иса
А какой браузер? (Погляжу позже... Напомните... И ксать на текущем форуме тож этот скрипт стоит, и вроде работает
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)