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

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

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


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


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

Сообщений 961 страница 980 из 1001

1

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

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

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

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

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

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

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

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

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

+2

961

#pun-messages #main-reply {
    width: 800px;
}
#pun-messages input.longinput {
    width: 200px;
}

j-creep
Каждая специальная страница форума имеет свой идентификатор, так что стилизовать иным образом можно что угодно, не затрагивая при этом основной стиль. Идентификатор страницы сообщений - #pun-messages
Поставленный перед любым селектором, он специализирует данный стиль только для конкретной страницы сообщений.

0

962

j-creep
Поставьте Пиар вход или дайте ник пароль в личку, дабы видеть эти ЛС

0

963

audaciousGodsend
Большое спасибо)

Deff
Уже подсказали, спасибо)

0

964

Подскажите, в объявление вставлен скрипт комментариев вк. Есть ли возможность убрать его под кат?
Или как то скрыть виджет этот, чтоб он не сразу отображался при входе на форум, а его надо было бы открывать?
Форум: nikogde.ru

0

965

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

У меня одной на 46 билде с рендерингом некоторых подключенных шрифтов сталось нечто ужасное?

У меня нет 46-ой версии, но это никак не поправить с нашей стороны, пока разработчики браузера не пофиксят рендеринг

+1

966

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><!-- Конец разделителя-->
<!-- Тут ставим Код Виджета -->

+1

967

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

сам скрипт

<!-- шрифты-->
<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>

0

968

Eva Wood

#font-area {
    height: 150px;
    overflow-y: scroll;
}


Добавьте в первое окно стиля. Красным - высота окошка.

Отредактировано audaciousGodsend (Чт, 3 Авг 2017 09:38:45)

0

969

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

<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</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> -->

http://s4.uploads.ru/t/ZhstD.png

Отредактировано mst6666 (Чт, 3 Авг 2017 10:07:21)

0

970

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><!-- Конец разделителя-->

+1

971

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

#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>
 -->


http://s6.uploads.ru/t/DkxnK.png

Отредактировано mst6666 (Чт, 3 Авг 2017 16:58:54)

0

972

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>

+1

973

Alex_63
Большое Спасибо! Теперь работает. Но еще вопрос, что надо изменить в коде, что б надпись чуть сдвинуть?
на скрине красным две полоски сделала 1 - комментарии вк,  2- показать. Как их подвинуть и сгруппировать так?
Просто наезжает на текст сильно. Чуть бы пониже, а что поменять не пойму.
http://sg.uploads.ru/t/jSdWz.png

Отредактировано mst6666 (Чт, 3 Авг 2017 17:33:28)

0

974

mst6666
:glasses: Так ?

Код:
<!-- ВТОРОЕ ОБЪЯВЛЕНИЕ - Этот Код не меняем! -->
</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>

+1

975

Alex_63
Да! СПасибо!

+1

976

http://s17.rimg.info/05d55a06ca44b510bbed7deac44da233.gif
Даже неловко обращаться с такой ерундой, но надвигается юбилей форума, и хочется, чтобы все было в самом лучшем виде.
К этому юбилею ставлю Скрипт "бабочки" от Маргоши, все отлично работает, но есть маленький нюанс: "бабочки" плавают поверх всей страницы, но в одном месте все-таки подлезают под тонкую линию-границу
http://sg.uploads.ru/t/mky8a.jpg
Может, можно что-то придумать, чтобы ликвидировать это наложение?
Живьем это можно посмотреть на Тестовом форуме.

ПС
Если кто увидит Маргошу - передайте ей, пожалуйста, огроменное спасибо за этот скрипт "бабочек" - просто, элегантно, эффектно!

Отредактировано Dango (Сб, 5 Авг 2017 14:40:16)

0

977

Dango
Есть костыль. Просто убрать временно эту полоску. Возможно кто-то ещё придумает другое решение.

В HTML-верх, в любое место.

Код:
<style>
#pun-break1 {
border-style: none!important;
}
</style>

+1

978

Евгений Рыбаков
Спасибо !!
Работает. Вполне годится.

0

979

Привет!
Не работает скрипт. помогите =(

Скрипты от пользователей 3

Код:
    <!-- Переход на пост по клику на ссылку --><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)

0

980

Иса
А какой браузер? (Погляжу позже... Напомните... И ксать на текущем форуме тож этот скрипт стоит, и вроде работает

0


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