Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Вчера в 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
страница html
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
страница html
автор travma Май 5th 2012, 14:04
сделала страницу под тип туториала, но у меня получилось чуть не так, и не могу понять почему,
если смотреть по примеру то принажатие на Тема1.1 с права появляется заголовок и описанием как вроде , а у меня получается при нажатие на 1 сезон просто заголовок, а хотелось бы что б под заголовком появлялась афиша в виде картинки.
пользовалась вот этим скриптом, подскажите чего не хватает может в нем.
- получилось вот что ..... :
- а хотелось бы вот так:
если смотреть по примеру то принажатие на Тема1.1 с права появляется заголовок и описанием как вроде , а у меня получается при нажатие на 1 сезон просто заголовок, а хотелось бы что б под заголовком появлялась афиша в виде картинки.
пользовалась вот этим скриптом, подскажите чего не хватает может в нем.
- Спойлер:
- <script type="text/javascript">
function discat(cat) {
$('#menu > div').slideUp(500); $('#subcat'+cat).slideDown(900);
}
</script>
<style type="text/css">
#main div.buble-form {
margin: 0!important;
width: 100% !important;
}
#content-container div#content {
margin: 0!important;
}
#main div.contenu {
padding: 10px 10px !important;
}
.category {
text-align: justify;
padding: 5px
}
.category a {
font-size: 12px !important;
cursor: pointer;
}
.scat b {
color: #00A5CD;
}
.imgcat {
float: left;
max-width: 30px;
max-height: 40px;
margin-right: 8px;
}
.tuto-descr {
font-size: 11px;
line-height: normal;
}
td#menu {
width: 170px;
font-size: 11px;
}
#menu, #contuto {
vertical-align: top;
}
#search2 {
background: url("https://illiweb.com/fa/admin/icones/voir.png") no-repeat scroll left center transparent;
float: right;
font-size: 12px;
margin-top: -32px;
padding-left: 25px;
padding-right: 15px;
}
#search2 input {
border-color: #7CBA2C;
border-style: solid;
border-width: 1px 1px 1px 4px;
padding-left: 4px;
width: 200px;
}
#body-tuto {
font-size: 13px;
}
#body-tuto img, #body-tuto code {
max-width: 520px;
}
#body-tuto code {
padding: 5px;
border: 1px dotted grey;
display: block;
color: #8C81C4;
max-height: 200px;
overflow: auto;
}
/* заголовок страницы */
#subheader {
font-weight: bold;
color: #696969;
font-size: 18px;
margin: 10px 0;
padding: 15px;
border: 1px solid #D8D8D8;
border-radius: 8px;
background-color: #E6E6FA;
text-align: center;
}
/* оформление окна с содержимым тем */
td#contuto {
padding-left: 10px;
border: 1px solid #D8D8D8;
border-radius: 8px;
width: 70%;
}
/* Оформление категорий в списке */
a.cattuto {
cursor: pointer;
color: #00A5CD !important;
font-weight: bold;
background: url('https://i.servimg.com/u/f43/12/33/62/17/archiv10.png') no-repeat top left;
padding-left: 30px;
height: 22px;
line-height: 22px;
display: block;
border-bottom: 1px dashed #D8D8D8;
}
/* Оформление тем в списке */
a.subcat {
background: url("https://i.servimg.com/u/f43/12/33/62/17/2right10.png") no-repeat scroll left center transparent;
display: block;
margin-bottom: 6px;
margin-left: 10px;
min-height: 17px;
padding-left: 23px;
}
/* Оформление заголовка в окне темы */
#title-tuto a.subcat {
background: url("https://i.servimg.com/u/f43/12/33/62/17/2right10.png") no-repeat scroll right 50%;
padding: 5px 19px 5px 5px;
border: 1px solid #D8D8D8;
border-radius: 8px;
font-size: 15px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
margin: 5px 5px 5px 0;
}
</style>
<div id="content">
<div id="subheader">Список категорий и тем</div>
</div>
<div id="main">
<div id="search2"><input id="yeah" type="text" onchange="$('.subcat,.cattuto').show(); if(this.value!='' && this.value.length>1) { $('#menu > div').show(); $('.subcat').filter(function(index) { return !($(this).text().match(new RegExp($('#yeah').attr('value'),'i')));}).hide(); $('#menu > div').each(function(){ if(!$(this).find('.subcat').filter(function(index){ return $(this).css('display')=='block'; }).length) $(this).prev().prev().hide(); }); } else { $('#menu > div').hide(); }"></div>
<noscript><div style="color: red; text-align: center; margin-top: 10px;">Ваш браузер не поддерживает Javascript или же вы его не активировали. <br /> Для полноценной работы с этой страницей мы советуем вам активировать Javascript.</div>
</noscript>
<div class="buble-form"><div class="top-right"></div><div class="top-left"></div><div id="contcat" class="contenu clearfix">
<table style="table-layout: fixed; width: 100%;"><tr><td id="menu">
<a class="cattuto" onclick="discat(1)">КАТЕГОРИЯ 1</a>
<!-- subcat1 --> <div id="subcat1">
<a class="subcat" href="/-t1.htm">Тема 1.1</a>
<a class="subcat" href="/-t1.htm">Тема 1.2</a>
<a class="subcat" href="/-t1.htm">Тема 1.3</a>
</div> <!-- end subcat1 -->
<a class="cattuto" onclick="discat(2)">КАТЕГОРИЯ 2</a>
<!-- subcat2 --> <div id="subcat2">
<a class="subcat" href="/-t1.htm">Тема 2.1</a>
<a class="subcat" href="/-t1.htm">Тема 2.2</a>
<a class="subcat" href="/-t1.htm">Тема 2.3</a>
</div> <!-- end subcat2 -->
<a class="cattuto" onclick="discat(3)">КАТЕГОРИЯ 3</a>
<!-- subcat3 --> <div id="subcat3">
<a class="subcat" href="/-t1.htm">Тема 3.1</a>
<a class="subcat" href="/-t1.htm">Тема 3.2</a>
<a class="subcat" href="/-t1.htm">Тема 3.3</a>
</div> <!-- end subcat3 -->
<a class="cattuto" onclick="discat(4)">КАТЕГОРИЯ 4</a>
<!-- subcat4 --> <div id="subcat4">
<a class="subcat" href="/-t1.htm">Тема 4.1</a>
<a class="subcat" href="/-t1.htm">Тема 4.2</a>
<a class="subcat" href="/-t1.htm">Тема 4.3</a>
</div> <!-- end subcat4 -->
</td><td id="contuto"><div id="title-tuto"></div><div id="body-tuto"></div></td></tr></table>
<script type="text/javascript">
$('#menu > div').hide(); $('#subcat1').show();
function getTuto(obj) {
$('#title-tuto').html($(obj).clone());
jQuery.get(jQuery(obj).attr('href'),function(data){ jQuery('#body-tuto').html(jQuery(data).find('#main .entry-content div table.styk').html()); })
return false;
}
$('.subcat').click(function(){ return getTuto(this); });
</script>
</div><div class="bottom-right"></div><div class="bottom-left"></div><div class="clear"></div><br></div>
</div> <!-- close #main -->
</div> <div class="push"></div>
</div> <!-- close #content -->
Последний раз редактировалось: travma (Май 5th 2012, 17:19), всего редактировалось 1 раз(а)
travma-
- Сообщения : 90
Регистрация : 2012-02-17
Благодарности : 0
-
Re: страница html
автор Dana Domirani Май 5th 2012, 14:17
Т.е. не копируется именно содержимое поста.
Смотрю строку скрипта
Это код для Pun.
Смотрю строку скрипта
- Код:
#main .entry-content div table.styk
Это код для Pun.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: страница html
автор travma Май 5th 2012, 14:20
то есть для bb2 только так как у меня и не сделать по другому если в скрипт чего нибудь добавить?Dana Domirani пишет:Т.е. не копируется именно содержимое поста.
Смотрю строку скриптат.е. копироваться будет содержимое таблицы с классом styk, вложенной в див, который в свою очередь вложен в пост с классом entry-content.
- Код:
#main .entry-content div table.styk
Это код для Pun.
travma-
- Сообщения : 90
Регистрация : 2012-02-17
Благодарности : 0
-
Re: страница html
автор Dana Domirani Май 5th 2012, 14:34
Для двойки надо путь переписать. Сейчас посмотрю, как именно.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: страница html
автор travma Май 5th 2012, 14:42
ой , посмотрите пожалуйста, буду очень признательна если получиться , а если не получиться ну все равно спасибоDana Domirani пишет:Для двойки надо путь переписать. Сейчас посмотрю, как именно.
travma-
- Сообщения : 90
Регистрация : 2012-02-17
Благодарности : 0
-
Re: страница html
автор Dana Domirani Май 5th 2012, 14:45
Так. Замените в коде html-страницы строку
Если текст сообщения уже находится внутри таблицы styk, то должно заработать.
- Код:
jQuery.get(jQuery(obj).attr('href'),function(data){ jQuery('#body-tuto').html(jQuery(data).find('#main .entry-content div table.styk').html()); })
- Код:
jQuery.get(jQuery(obj).attr('href'),function(data){ jQuery('#body-tuto').html(jQuery(data).find('#page-body .postbody table.styk').html()); })
Если текст сообщения уже находится внутри таблицы styk, то должно заработать.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
travma-
- Сообщения : 90
Регистрация : 2012-02-17
Благодарности : 0
-
Re: страница html
автор Dana Domirani Май 5th 2012, 17:21
Рада была помочь!
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
