Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[9]
Предыдущая тема - Запросы по скриптам[8]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
kolobdur74
Огромнейшее Спасибо! Давно хотел это сделать, но никак не получалось!
ладно ребята извините мне это не сделать
у меня на форуме стоит вот так всё работает . я хотел чтоб такой же скрипт был с правой стороны и туда можно было добавлять фото
а при нажатии открывались
Покажите на скриншотах как хотите, чтобы выглядело - позже гляну..
kolobdur74 Здравствуйте.
вот так хотелось бы там где стрелки что при нажатии можно фото вставлять Просто нажимаешь и там фото
Отредактировано Aleksandr_95 (Пт, 15 Дек 2017 16:34:39)
вот так хотелось бы там где стрелки что при нажатии можно фото вставлять Просто нажимаешь и там фото
В НТМЛ низ:
<!--Инфоблок-->
<style>
.spoiler_text {
display:none;
}
.spoiler_btn {
cursor: pointer;
}
</style>
<div id=Inf_block_Right style="display:none">
<!--НАЧАЛО-->
<h2>НОВОСТЬ 1</h2>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 1</div>
<div class='spoiler_text'>Здесть Некий Текст</div>
</div>
<h2>НОВОСТЬ 2</h2>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 2</div>
<div class='spoiler_text'>Здесь Другой Текст </div>
</div>
<h2>НОВОСТЬ 3</h2>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 3</div>
<div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'></div>
</div>
</div>
<div style="display:none"><script type="text/javascript">
var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
if($(".punbb").attr("id")=="pun-index"){
var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
var block2="</div><br><br>";
if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
for(i=1; i<c.length; i+=2){
RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
}RightSUM='<td id=RightNews width=21% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}
if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
</script></div><!--/=End=/Инфоблок-->
<!--Спойлер для инфоблока-->
<script>
$(document).ready(function(){
$('.spoiler_btn').click(function(){
$(this).next('.spoiler_text').slideToggle('slow');
});
});
</script>Где: <div class='spoiler_btn'>Открыть спойлер 1</div> пишем название спойлера
Содержание спойлера текстом: <div class='spoiler_text'>Здесь Другой Текст </div>
Содержание спойлера картинкой: <div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'></div> - красным ссылка на картинку..
kolobdur74
Огромное спасибо .... Буду пробывать .
я хотел спросить а в один блок можно два фото
Отредактировано Aleksandr_95 (Пт, 15 Дек 2017 17:26:30)
Хотела узнать о скрипте ротатор произвольного контента как можно облегчить этот скрипт? Просто контента в этом ротатрорес стало ооочень много, но не хочется ничего удалять. Можно ли контент убрать в файл и загрузить его на форум, например. Если да, как это сделать?
Спасибо!
я хотел спросить а в один блок можно два фото
Можно сколько угодно, но тут надо будет добавлять тег перехода на другую строку: <br>
kolobdur74
вот блок куда вставлять этот тег
<h2>НОВОСТЬ 3</h2> <div class="spoler"> <div class='spoiler_btn'>Открыть спойлер 3</div> <div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'></div> </div>
вот блок куда вставлять этот тег
Две и более картинки в один блок:
тег <br> ставьте после каждой картинки
Чем больше <br> поставите, тем большим будет расстояние между картинками. (например, <br><br><br><br><br>)
Например, 2 картинки:
<h2>НОВОСТЬ 3</h2>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 3</div>
<div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'><br><img src='http://sg.uploads.ru/9UlXY.png'></div>
</div>
Если нужно чтобы каждая картинка сворачивалась в одном блоке:
<h2>НОВОСТЬ 3</h2>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 3</div>
<div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'></div>
</div>
<br>
<div class="spoler">
<div class='spoiler_btn'>Открыть спойлер 3</div>
<div class='spoiler_text'><img src='http://sg.uploads.ru/9UlXY.png'></div>
</div>
Income
Спасибо ... Всё получилось но возникла другая пробл. как это исправит
текст один на другой лезет
Отредактировано Aleksandr_95 (Сб, 16 Дек 2017 11:50:59)
СКАЖИТЕ ПОЖ. ПОЧЕМУ ТАК СТАЛО НЕ РАЗДВИГАЕТСЯ ПОЛНОСТЬЮ
http://bardakanet.rusff.ru/viewforum.php?id=42
а на гл. http://bardakanet.rusff.ru/
Отредактировано Aleksandr_95 (Сб, 16 Дек 2017 18:06:50)
СКАЖИТЕ ПОЖ. ПОЧЕМУ ТАК СТАЛО НЕ РАЗДВИГАЕТСЯ ПОЛНОСТЬЮ
А чего у вас в Своем стиле в первом окне полностью дублируется код? Начиная с этого:
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
padding:0.2em 1em;
}
@import url(style_cs.1513437112.css);/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
У вас пошел полностью дубль...
В НТМЛ верху у вас вставлены лишние теги закрытия </style>:
<!--Рег. высоты меню под шапкой -->
</style>
<style type="text/css">
#pun-navlinks {
margin-top: 45px;
margin-bottom: 20px;
}
</style></style>
Отредактировано kolobdur74 (Сб, 16 Дек 2017 18:37:08)
Aleksandr_95
Попробуйте заменить весь HTML низ на такое:
<script>if($('#pun-index').length)$('#pun_wrap').addClass('index');</script>
<style type="text/css">
#pun_wrap.index{
box-sizing: padding-box;
max-width:100%!important;
padding:0 0 0 210px;
}
.punbb #pun-cattab {
height: 460px;
overflow-y: auto;
}
.punbb #pun-cattab >ul{
border:transparent none 0px;
}
.punbb #pun-cattab {
background-color:#92B1E3;
border:red solid 0px;
width:auto;
padding:0;
margin: 0px;
left:0;
position:fixed;
top:1%;
}
.punbb #pun-cattab > ul {
border-top-right-radius:15px;
border:transparent none 0!important;
font: normal normal 700 17px/normal Georgia;
background-color:#456496;
}
.punbb #pun-cattab > ul:before{
content: "Разделы Форума";
display:block;
text-align:center;
padding:8px;
text-shadow:1px 1px 1px #000;
color:#fff;
}
.punbb .category{
margin-top: 0;
}
.punbb li.cattab {
display: block;
position:relative;
padding:0;
margin:1px 0;
}
.punbb li.cattab a {
width:100%;
max-width:170px;
white-space: pre-wrap!important;
word-wrap: break-word;
word-break:break-all;
display: inline-block;
padding:10px 15px;
font: normal normal 700 12px/normal Tahoma;
border-radius:3px;
background-color: #456496;
box-shadow:inset 2px 2px 10px #363636;
color:#fff;
}
.punbb li.cattab a.active {
background-color:#456496;
box-shadow:inset 0 0 10px #7E7E7E, 2px 2px 3px #7E7E7E;
color:#fff;
}
.punbb li.cattab a:hover {
font: normal normal 700 12px/normal Tahoma;
color:#fff;
text-shadow:1px 1px 0px #5D5D5D,0 0 5px #fff;
}
.punbb li.cattab a.new:before{
font: normal normal 700 12px/normal Tahoma;
position:absolute;
right: 7px;
top:2px;
content: "New";
color:#33ffff;
text-shadow:1px 1px 0 #000;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/58277.js"></script>Поправил
Отредактировано Deff (Сб, 16 Дек 2017 18:46:52)
всё убрал ничего не меняется
Aleksandr_95
Ну плюс добавьте - мой вариант
поменял не меняется ничего
Aleksandr_95
Поправьте на новый,.. вы вставили до моей правки
появилось
Всё заработало Спасибо парни ... наверно я куда то влез.
Aleksandr_95, у вас во втором окне стиля идет background: url() - если вы фон не используете, то так оставлять не стоит, его надо удалить, если он один, то убираем полностью код, то есть:
html, body {
background: url()
}#pun-title h1 {
background: url()
}#pun {
background: url()
border-bottom-color: #323c44;
color: #435066;
}
Выделенное красным надо убрать...
| Запросы по скриптам #11 | Новые возможности форумов | Вс, 20 Апр 2025 |
| Запросы по скриптам[2] | Архив | Пн, 25 Авг 2014 |
| Запросы по скриптам[5] | Архив | Пт, 25 Мар 2016 |
| Запросы по скриптам[10] | Архив | Сб, 12 Сен 2020 |
| Запросы по скриптам[7] | Архив | Вт, 6 Дек 2016 |
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[9]