ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



[Устарело]Проблема с категориями и слайдером

Сообщений 1 страница 10 из 18

1

Прошу, помогите разобраться со случившейся проблемой!
Слепила значит я слайд, все замечательно вышло, но вот когда я поставила его на форум, то исчезли все картинки с категориями!
Помогите разобраться в чем беда, прошу вас Т^Т
http://ftrpg.rusff.ru/   -ссылка на форум
----------------
И ещё вопрос, не подскажите, как сделать кольцевой - горизонтальный слайд? чтоб модно было переключаться с последнего на первый и с первого на последний?

Отредактировано Риро (29.11.12 21:25)

0

2

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

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

дело не в слайдере, а в кодах стиля

в объявлении заголовок h2 убран кодом:

#pun-announcement h2 {
    display: none;
}

при этом для остальных категорий не прописано свойство display и они наследуют у этого заголовка значение "не отображаться"
вроде как-то так...

самый легкий способ исправить - убрать не заголовок, а само слово "объявление":

#pun-announcement h2 span {display: none;}

0

3

Код:
#pun-announcement h2 [b][color=red]span[/color][/b] {display: none;}

то что вы выделили красным - его и не было о.О
я новенький в кодах, совсем зелёная Т^Т
http://puu.sh/yMWt - вот ещё одну проблему нашла, в профиле все сдвинулось.
Совсем запуталась и потеряла нить, где я могла допустить ошибку при сливании двух таблиц во едино...
Вот код который стоит в Объявлении

код в объявлении
Код:
<style type="text/css">
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}
</style>     
      
<div id="pageContainer">
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
<div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/V/C/2/VC2iv.png">

<p><a href="ССЫЛКА НА ПРОВИЛЬ" title="Победитель опроса тралала" target="_blank"><img src="http://uploads.ru/i/5/i/A/5iAw9.png" border="0" width="80" height="80"></a><a href="ССЫЛКА НА ПРОВИЛЬ" title="Победитель опроса тралала" target="_blank"><img src="http://uploads.ru/i/5/i/A/5iAw9.png" border="0" width="80" height="80"></a><a href="ССЫЛКА НА ПРОВИЛЬ" title="Победитель опроса тралала" target="_blank"><img src="http://uploads.ru/i/5/i/A/5iAw9.png" border="0" width="80" height="80"></a><a href="ССЫЛКА НА ПРОВИЛЬ" title="Победитель опроса тралала" target="_blank"><img src="http://uploads.ru/i/5/i/A/5iAw9.png" border="0" width="80" height="80"></a></p>

      </div></div>
<div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/D/L/7/DL7Go.png">

<p><center> 

<a href="http://ftparallel.anihub.ru/"><img src="http://uploads.ru/t/3/G/6/3G6RD.gif"></a>

<a href="http://katinanarutorolka.ru/" target=_blank> <img src="http://forumstatic.ru/files/0002/12/e4/83851.gif" title="Naruto. Next Generation." ></a>

<a href="http://untildeath.f-rpg.ru" title="Bleach: until we die" target="_blank"><img src="http://uploads.ru/i/W/X/n/WXnu6.gif" border="0" width="88" height="31"></a>

<a href="http://exorcist.f-rpg.ru" title="Ao no Exorcist: yuganda sekai." target="_blank"><img src="http://uploads.ru/i/e/5/3/e53bA.png" border="0" width="88" height="31"></a>

<a href="http://deepspace.anihub.ru/" target="_blank"><img src="http://savepic.net/2632743m.gif" alt="Mass Effect: deep space" border="0" /></a>

<a href="http://cruelgames.anihub.ru/" target="_blank"><img src="http://uploads.ru/i/9/x/t/9xtHl.gif"title="CRUEL GAMES | Okayama Gakuen."border="0"width="88" height="31"></a>

<a href="http://daydreams.anihub.ru/" title="DAYDREAM: Frontline" target="_blank"><img src="http://uploads.ru/i/Q/Z/5/QZ5nM.gif" /></a>

</center>
<center>
<b>Акция: кликнул - помог бобру!</b><br>
</center></p>

      </div></div>
<div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/8/W/Q/8WQT0.png">

<p><center><img src="http://uploads.ru/i/F/7/c/F7cdP.png" border="0" /><br>
17 июля 785 год. 12:00-14:00<br>
<img src="http://uploads.ru/i/C/Y/V/CYVdT.png" border="0" /><br>
<b>Магнолия:</b> солнышко светит, птички поют, легкий ветерок подувает, температура от +32.<br>
<b>Люпинус:</b> переменная облачность, температура от +32.<br>
<b>Фризия:</b> переменная облачность с северо-запада надвигаются тучи, температура от +21.<br>
<b>Исола Нэра:</b> грозовые тучи, ветер, намечается летний ливень, температура от +22.<br>
<b>Асирия:</b> солнце, кучевые облачка, температура от +33.<br>
<b>Пергранд:</b> небо затянуто грозовыми  облаками, затишье перед бурей, температура от +25<br>
</center></p>

      </div></div>
     
<div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/T/Q/y/TQyPh.png">

<p><table width="100%"><tr><td width="30%"><center>

<a href="http://ftrpg.rusff.ru/viewtopic.php?id=149#p1480" class="tvm" target="">сюжет</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=51#p58" class="tvm" target="">персонажи</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=45" class="tvm" target="">правила</a>
<a href="http://ftrpg.rusff.ru/viewforum.php?id=2" class="tvm" target="">гостевая</a>
<a href="http://ftrpg.rusff.ru/viewforum.php?id=17" class="tvm" target="">акции </a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=49" class="tvm" target="">магия</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=79" class="tvm" target="">квесты</a>

</center></td>
<td width="30%"><center>

<a href="http://ftrpg.rusff.ru/viewtopic.php?id=74#p131" class="tvm" target="">заполнение профиля </a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=75" class="tvm" target="">новости проекта</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=69" class="tvm" target="">диалог с администрацией</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=73" class="tvm" target="">отсутствие / уход</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=48" class="tvm" target="">занятые внешности</a>

</center></td>
<td width="30%"><center>

<a href="http://ftrpg.rusff.ru/viewtopic.php?id=7" class="tvm" target="">наша реклама</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=5" class="tvm" target="">баннерообмен</a>
<a href="http://ftrpg.rusff.ru/viewtopic.php?id=118#p384" class="tvm" target="">оформление партнерства</a>


</center></td>
</tr></table></p>

      </div></div>
      
     <div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/b/k/9/bk92O.png">

<p><center>
<br><FONT SIZE=2><b>Администраторы:</b></FONT><br><br>
<a href="http://ftrpg.rusff.ru/profile.php?id=11"><img src="http://s2.ipicture.ru/uploads/20120319/QXr4V9Yc.png"></a>

<a href="http://ftrpg.rusff.ru/profile.php?id=3"><img src="http://s2.ipicture.ru/uploads/20120331/Fz2lZ1m4.png"></a>

<br><br></FONT><br><br>

</center>
<center>
<FONT SIZE=2><b>Модераторы:</b></FONT><br><br>
<a href="http://ftrpg.rusff.ru/profile.php?id=4"><img src="http://s2.ipicture.ru/uploads/20120522/21rEphS1.png"></a>

<a href="http://ftrpg.rusff.ru/profile.php?id=12"><img src="http://s2.ipicture.ru/uploads/20120523/Zw3F77FU.png"></a>

<a href="http://ftrpg.rusff.ru/profile.php?id=22"><img src="http://s2.ipicture.ru/uploads/20120523/dORVSgTn.png"></a>

</center></p>

      </div></div>

<div class="slide"><div style="width: 100%; height: 750px; overflow: auto;">

<img src="http://uploads.ru/i/d/y/u/dyuaU.png">

<p><tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table width="100%"><tr><td width="50%">
<b>Цитата недели:</b><br> <i>"Магия творит чудеса (с)."</i> - <b>Наш девиз</b><br><hr>
<b>Пост недели:</b><br>
<b>Levy McGarden</b>

<br>
<marquee scrolldelay="300" scrollamount="3" onmouseover=this.stop() onmouseout=this.start() width="380" height="120" text-align="justify"  direction="up"> 
<p>Леви стояла перед входом в здание гильдии и как зачарованная смотрела на табличку с надписью «Fairy Tail». Разумеется, МакГарден прекрасно знала, что там написано, все-таки не первый день (и даже не первый год) была членом гильдии, но в данный момент бессмысленное созерцание приевшейся вещи было использовано в качестве своеобразного механизма защиты: задумавшись о чем-то одном, девушка не могла думать о другом, и жизнь хотя бы на пару секунд могла стать прекрасной, радужной и солнечной… 
Да она, по правде говоря, такой и была: ничего ужасного пока не случилось. Все было здорово, весело и хорошо, вот только кошки, скребшиеся на душе Леви, об этом не подозревали, с утроенным усердием продолжая заниматься своим нелегким делом: как же так, им еще предстояло столько нервов истрепать волшебнице… Да, конечно, МакГарден именно этого и не хватало: посаженная нервная система в ее положении – то, что доктор прописал. Лучшего лекарства быть просто не могло. 
Лекарства от чего?
Леви заметила за собой странную привычку: в последнее время она задавала слишком много вопросов. Как-то катастрофически много. Или это было альтернативным механизмом защиты <a href="http://ftrpg.rusff.ru/viewtopic.php?id=18#p6478"><b>Читать дальше</b></a></p>

</marquee><hr>


<b>Особенно нуждаемся в таких персонажах, как:</b><br>
<u>канонические персонажи</u>, акционные персонажи<br>
<b>Все они проходят по <a href="ССЫЛКА">акционной анкете</a></b><br>
<b>Напонимаем о следующих акциях:</b><a href="http://ftrpg.rusff.ru/viewtopic.php?id=61" "Мудаки"</a> "Rose and Sword" <a href="http://ftrpg.rusff.ru/viewtopic.php?id=60">"Двуликие"</a> <a href="http://ftrpg.rusff.ru/viewforum.php?id=17" "Мудаки"</a> "и ещё куча акции!"
</td><td width="60%">
♦ Добро пожаловать на ролевую игру "Fairy Tail: let`s imagine!"! Мы наконец-то открылись, с чем можно поздравить и нас, и вас, дорогие гости, просто мимопроходящие и потенциальные игроки.<br>
♦ Игра официально открыта!  <br>
♦ Мы остро нуждаемся в акционных персонажах и канонических героях<br>
♦ Рекламим с профиля PR-агента: PR пароль 1111<br>
♦ Неканонам - дорога! Первые 7 игроков-неканонов (исключая акционных персонажей и членов АМС) пишут анкету <a href="ССЫЛКА">по акционному шаблону</a><br>
♦ Активнее голосуем в ТОПах: за это вас ждет много вкусных плюшек и приятных вещей!<br>
</td></tr></table>
</div>
</p>

</div></div>
      </div>
    </div>
  </div>

А вот то, что я слила воедино с двух табличек, все это поместила в структуру style_cs.css

табличка
Код:
/* SlideShow */
#slideshow {
	margin:0 auto;
	width:750px;
	height: 350px;
	position:relative;
        line-height: 10px;
        border: none;}

#slideshow #slidesContainer {
  margin:0 auto;
  width: 750px;
  height: 350px;
  overflow: auto;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 400px; 
  height: 350px;
  text-align: center;}

.control {
  display:block;
  width: 150px;
  height: 153px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;}

#leftControl {
  top: 100px;
  left: -40px;
  background: transparent url(http://uploads.ru/i/D/C/k/DCkuo.png) no-repeat 0 0;}

#rightControl {
  top: 100px;
  right: -140px;
  background: transparent url(http://uploads.ru/i/m/u/b/mub8U.png) no-repeat 0 0;}

/*Табличка*/
/*Менюшка же*/
#menu span {
padding: 7px 2px 7px; 
margin-right: 5px;
margin: 5px 0;
height: 100px;
opacity: 0.3;
text-decoration: none;}

#menu .tabactive {
color:  #93a851;
background: transparent;
opacity: 1.0;
}

#submenu {
padding: 2px;
height: 300px;
text-align: center;
font-size: 11px;
width: 750px;}
.submenutext {display: none; height: 0px;}
#MenuTxT {background: none;}

/*Навигация в табличке*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
background-color: #93a851;
font:normal 7pt ;
color: #000000;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  #93a851;
}

a.tvm:hover {
background-color:#38460c;
color:  #000000;
border-bottom :2px solid #93a851;
}

/* ----------------- */

0

4

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

то что вы выделили красным - его и не было о.О

вот красное как раз и надо добавить. тогда другие заголовки не пострадают.

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

0

5

Герда
я могу вам в ЛС или скрытым кодом дать свой логин и пароль, сразу и посмотрите мою карявость ._. и где я чего не правильно написала, думаю это укоротит время поиска моей ошибки к минимуму и поможет по скорее разобраться.

0

6

Pika
ок. давай в ЛС для надежности, чтоб никто не подглядел. :)

0

7

Герда
Уже :з
С нетерпением жду критики по допущенным ошибкам, чтоб впредь не допускать их *-*

0

8

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

0

9

вот, что я нашла:

Код:
#pun-stats h2 span, .category h2 span {
    visibility: hidden !important;
}

именно этот код скрывает заголовки категорий. мне его убрать или оставить названия категорий скрытыми?

0

10

Герда
они должны  быть скрыты, а за место них должны быть картинки с надписями :с но они перестали отображаться после того, как я соединила слайдер и таблицу.

Категории картинками
Код:
<!------вместо категорий картинки ------>
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Администрация", "http://uploads.ru/i/L/z/o/Lzod1.png",
"Регистрация", "http://uploads.ru/i/a/q/i/aqihP.png",
"Анкетирование", "http://uploads.ru/i/A/V/t/AVtme.png",
"Игровые моменты", "http://uploads.ru/i/Q/V/w/QVw2G.png",
"Королевство Фиор", "http://uploads.ru/i/V/h/P/VhPeK.png",
"Союз объеденных королевств", "http://uploads.ru/i/8/T/C/8TC7j.png",
"Королевство Пергранд", "http://uploads.ru/i/V/F/y/VFyPs.png",
"Эпизодическая игра", "http://uploads.ru/i/J/6/t/J6t1p.png",
"Обучение", "http://uploads.ru/i/w/T/i/wTi0s.png"!important,
"Песочница", "http://uploads.ru/i/Q/X/w/QXwU9.png",
"Пиар", "http://uploads.ru/i/V/d/z/Vdzsq.png",
"Архив", "http://uploads.ru/i/T/j/P/TjPXQ.png",
"Статистика форума", "http://uploads.ru/i/n/J/i/nJisP.png"    //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"83px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>
<!------вместо категорий картинки ------>

вот этот скрипт, замещающий обыкновенные надписи - картинками, а стандартные категории скрыты при помощи этого кода

Код:
<!------вместо категорий картинки ------>
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>
<!------вместо категорий картинки ------>

0