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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



Выпадающая панель. Таблица.

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

1

1. Ссылка в профиле.
Доброго времени суток!
У меня возникли затруднения с панелью.
Панель в общем то, как у вас (Герда, спасибо за ссылочку на источник), поставить то я её поставила, расположение настроила, убила массу времени, от того, что раньше с таким не сталкивалась, спросить некого, а глав. админа дергать с постоянными вопросами тоже не хорошо. В общем, ссылка на мой пробник у меня в профиле. Все открывается - закрывается. Я разобралась как изменить ей внешний вид (но это потом). Часть кода поместила в ЦССник, JS загрузила, плагин вроде настроила нормально. С эти вроде больше проблем нет.
Проблема вот в чем:
- в самой панельке демо версия, а как сделать рабочую - я не знаю, посему обращаюсь к вам за помощью.
2. Вот тот код (как в источнике), который стоит на данный момент в html-верх.

Код:
<div id="html-header"><link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
<script type="text/javascript" src="http://forumstatic.ru/files/0012/08/af/40765.js"></script>
<![endif]-->

<script src="http://forumstatic.ru/files/0012/08/af/47598.js" type="text/javascript"></script>
<!-- Sliding effect -->
<script src="http://forumstatic.ru/files/0012/08/af/38194.js" type="text/javascript"></script>
<!-- Panel -->
  <div id="toppanel">
  <div id="panel">
  <div class="content clearfix">
  <div class="left">
  <h1>Welcome to Web-Kreation</h1>
  <h2>Sliding login panel Demo with jQuery</h2> 
  <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
  <h2>Download</h2>
  <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
  </div>
  <div class="left">
  <!-- Login Form -->
  <form class="clearfix" action="#" method="post">
  <h1>Member Login</h1>
  <label class="grey" for="log">Username:</label>
  <input class="field" type="text" name="log" id="log" value="" size="23" />
  <label class="grey" for="pwd">Password:</label>
  <input class="field" type="password" name="pwd" id="pwd" size="23" />
  <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
  <div class="clear"></div>
  <input type="submit" name="submit" value="Login" class="bt_login" />
  <a class="lost-pwd" href="#">Lost your password?</a>
  </form>
  </div>
  <div class="left right"> 
  <!-- Register Form -->
  <form action="#" method="post">
  <h1>Not a member yet? Sign Up!</h1> 
  <label class="grey" for="signup">Username:</label>
  <input class="field" type="text" name="signup" id="signup" value="" size="23" />
  <label class="grey" for="email">Email:</label>
  <input class="field" type="text" name="email" id="email" size="23" />
  <label>A password will be e-mailed to you.</label>
  <input type="submit" name="submit" value="Register" class="bt_register" />
  </form>
  </div>
  </div>
  </div> <!-- /login --> 
 <!-- The tab on top --> 
  <div class="tab">
  <ul class="login">
  <li class="left">&nbsp;</li>
  <li>Hello Guest!</li>
  <li class="sep">|</li>
  <li id="toggle">
  <a id="open" class="open" href="#">Log In | Register</a>
  <a id="close" style="display: none;" class="close" href="#">Close Panel</a> 
  </li>
  <li class="right">&nbsp;</li>
  </ul> 
  </div> <!-- / top -->
  
  </div> <!--panel -->
</div>

Я хочу его видоизменить и сделать как у вас.
http://s3.uploads.ru/8yJQU.png
3. Чтоб с одной стороны вот так вылазило приветствие, аватар, сообщение и редактирование профиля (кстати, когда тут жмакаю, почему то не перенаправляет на профиль о_О в чем подвох?), а с другой стороны уведомления и АМС состав.

0

2

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

(Герда, спасибо за ссылочку на источник)

А можно сюда ссылку на источник такого замечательного скрипта?

0

3

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

0

4

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

В общем, ссылка на мой пробник у меня в профиле.

не вижу там панели

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

Я хочу его видоизменить и сделать как у вас.
Чтоб с одной стороны вот так вылазило приветствие, аватар, сообщение и редактирование профиля (кстати, когда тут жмакаю, почему то не перенаправляет на профиль о_О в чем подвох?), а с другой стороны уведомления и АМС состав.

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

<!-- Panel -->
  <div id="toppanel">
  <div id="panel">
  <div class="content clearfix">
  <div class="left">
  <h1>Welcome to Web-Kreation</h1>
  <h2>Sliding login panel Demo with jQuery</h2>
  <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
  <h2>Download</h2>
  <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article &raquo;</a></p>
  </div>
  <div class="left">
  <!-- Login Form -->
  <form class="clearfix" action="#" method="post">
  <h1>Member Login</h1>
  <label class="grey" for="log">Username:</label>
  <input class="field" type="text" name="log" id="log" value="" size="23" />
  <label class="grey" for="pwd">Password:</label>
  <input class="field" type="password" name="pwd" id="pwd" size="23" />
  <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
  <div class="clear"></div>
  <input type="submit" name="submit" value="Login" class="bt_login" />
  <a class="lost-pwd" href="#">Lost your password?</a>
  </form>

  </div>
  <div class="left right">
  <!-- Register Form -->
  <form action="#" method="post">
  <h1>Not a member yet? Sign Up!</h1>
  <label class="grey" for="signup">Username:</label>
  <input class="field" type="text" name="signup" id="signup" value="" size="23" />
  <label class="grey" for="email">Email:</label>
  <input class="field" type="text" name="email" id="email" size="23" />
  <label>A password will be e-mailed to you.</label>
  <input type="submit" name="submit" value="Register" class="bt_register" />
  </form>

  </div>
  </div>
  </div> <!-- /login -->
<!-- The tab on top -->
  <div class="tab">
  <ul class="login">
  <li class="left">&nbsp;</li>
  <li>Hello Guest!</li>
  <li class="sep">|</li>
  <li id="toggle">
  <a id="open" class="open" href="#">Log In | Register</a>
  <a id="close" style="display: none;" class="close" href="#">Close Panel</a>
  </li>
  <li class="right">&nbsp;</li>
  </ul>
  </div> <!-- / top -->
 
  </div> <!--panel -->

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

Отредактировано Герда (20.11.2012 12:44:12)

0