Помогите с выпадающим меню

Страница: 1

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

Поделиться1Сб, 8 Сен 2012 19:49:54

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

Добрый вечер! Я пытаюсь установить вот этот скрипт выпадающего меню...

Код:

<div style="position: absolute;
top: 325px;
left: 550px;
color:#1e1e14;
width:255px;
font-size:9px;">
  
      <style type="text/css"> /*Спойлер */
    .punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

    box-shadow: 0px 2px 4px #8E8E8E;
    -webkit-box-shadow: 0px 2px 4px #8E8E8E;
    -khtml-box-shadow: 0px 2px 4px #8E8E8E;
    -moz-box-shadow: 0px 2px 4px #8E8E8E;
    }
.post-content .spoiler-box > blockquote.visible { 
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
 }
.post-content .spoiler-box span.hide{
 display:none;
}
</style>
      <script>
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'&lt;span class="visible">$1&lt;/span>&lt;span class="hide">$2&lt;/span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/44458.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/60211.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/41587.js"></script>

<script type="text/javascript">
$(function(){
	
	$('#navigation_horiz').naviDropDown({
    dropDownWidth: '300px'
	});
	
	$('#navigation_vert').naviDropDown({
    dropDownWidth: '300px',
    orientation: 'vertical'
	});
});
</script>

<style type="text/css">
----------------------------------------------------- */
	/* navigation styles - BEGIN */ 
	
	/* style for horizontal nav */	
	#navigation_horiz {width:984px; clear:both; padding:0 0 0 0; margin:0 auto}
	#navigation_horiz  ul {height:50px; display:block}
	#navigation_horiz  ul li {display:block; float:left; width:100px; height:50px; background:#; margin:0 1px 0 0; position:relative}
	#navigation_horiz  ul li a.navlink {display:block; width:100px; height:30px; padding: 20px 0 0 0; text-align:center; color:#e2dfe3; text-decoration:none}
	#navigation_horiz .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px}
	
	/* style for vertical nav */	
	#navigation_vert {width:984px; clear:both; padding:0 0 0 0; margin:0 auto}
	#navigation_vert  ul {height:50px; display:block}
	#navigation_vert  ul li {display:block; width:200px; height:50px; background:#999; margin:0 0 1px 0; position:relative}
	#navigation_vert  ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
	#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
	
    /* style for each drop down - horizontal */
    #navigation_horiz ul li #dropdown_one {background:#130b09; color:#fff}
    #navigation_horiz ul li #dropdown_one a {color:red}
    #navigation_horiz ul li #dropdown_two {background:#130b09; color:#fff}
    #navigation_horiz ul li #dropdown_two a {color:black}
    #navigation_horiz ul li #dropdown_three {background:#130b09; color:#fff}	
    #navigation_horiz ul li #dropdown_three a {color:gray}
    
    /* style for each drop down - vertical */
    #navigation_vert ul li #dropdown_four {background:#333; color:#fff}
    #navigation_vert ul li #dropdown_four a {color:red}
    #navigation_vert ul li #dropdown_five {background:#666; color:#fff}
    #navigation_vert ul li #dropdown_five a {color:black}
    #navigation_vert ul li #dropdown_six {background:#777; color:#fff}	
    #navigation_vert ul li #dropdown_six a {color:orange}

	/* navigation styles - END */ 
	/* ----------------------------------------------------- */
	
</style>



<div style="position: absolute;
top: -325px;
left: -378px;
color:#fff;
width:984px;">
  <div id="navigation_horiz">
    <ul>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_one" style="width: 300px; left: 0px; top: 50px; display: none">
          <p>
           "Быть нейтральным - не значит быть равнодушным и бесчувственным. Не надо убивать в себе чувства. Достаточно убить в себе ненависть"
- Геральт из Ривии, ведьмак

          </p>
        </div>
        <!-- .dropdown_menu -->
      </li>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
          
          <p>2 ячейка</p>
        </div>
        <!-- .dropdown_menu -->
      </li>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
          
          <p>3 ячейка</p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
          
          <p>4 ячейка</p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
          
          <p>5 ячейка</p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">
          
          <p>6 ячейка</p>
      </div>
      <!-- .dropdown_menu -->
    </ul>
  </div>
</div>

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

форум http://ploxaya.mybb.ru/

Отредактировано моральная крыса (Сб, 8 Сен 2012 19:50:15)

Поделиться2Вс, 9 Сен 2012 07:18:38

Автор: Farming
Заслуженный
Зарегистрирован: Сб, 13 Мар 2010
Сообщений: 788
Уважение: +33
Позитив: +85
Пол: Мужской
Предупреждения: 3)
Последний визит:
Пн, 1 Фев 2016 19:51:48

моральная крыса
что именно не так? я вижу что все нормально, можно фото

Поделиться3Вс, 9 Сен 2012 09:41:23

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

Farming
Картинки ячеек заезжают друг на друга. Видите, последняя намного длиннее предыдущих?

Поделиться4Вс, 9 Сен 2012 11:27:24

Автор: Farming
Заслуженный
Зарегистрирован: Сб, 13 Мар 2010
Сообщений: 788
Уважение: +33
Позитив: +85
Пол: Мужской
Предупреждения: 3)
Последний визит:
Пн, 1 Фев 2016 19:51:48

Попробуй отрегулируй тем что выделено должно помочь.

Кода тут нету

Код:
<div style="position: absolute;
top: 325px;
left: 550px;
color:#1e1e14;
width:255px;
font-size:9px;">

<style type="text/css"> /*Спойлер */
.punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;

box-shadow: 0px 2px 4px #8E8E8E;
-webkit-box-shadow: 0px 2px 4px #8E8E8E;
-khtml-box-shadow: 0px 2px 4px #8E8E8E;
-moz-box-shadow: 0px 2px 4px #8E8E8E;
}
.post-content .spoiler-box > blockquote.visible {
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
}
.post-content .spoiler-box span.hide{
display:none;
}
</style>
<script>
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
$(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
$(this).next('blockquote').toggle('Slow');
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
});
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/44458.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/60211.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/41587.js"></script>

<script type="text/javascript">
$(function(){

$('#navigation_horiz').naviDropDown({
dropDownWidth: '300px'
});

$('#navigation_vert').naviDropDown({
dropDownWidth: '300px',
orientation: 'vertical'
});
});
</script>

<style type="text/css">
----------------------------------------------------- */
/* navigation styles - BEGIN */

/* style for horizontal nav */
#navigation_horiz {width:984px; clear:both; padding:0 0 0 0; margin:0 auto}
#navigation_horiz ul {height:50px; display:block}
#navigation_horiz ul li {display:block; float:left; width:100px; height:50px; background:#; margin:0 1px 0 0; position:relative}
#navigation_horiz ul li a.navlink {display:block; width:100px; height:30px; padding: 20px 0 0 0; text-align:center; color:#e2dfe3; text-decoration:none}
#navigation_horiz .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px}

/* style for vertical nav */
#navigation_vert {width:984px; clear:both; padding:0 0 0 0; margin:0 auto}
#navigation_vert ul {height:50px; display:block}
#navigation_vert ul li {display:block; width:200px; height:50px; background:#999; margin:0 0 1px 0; position:relative}
#navigation_vert ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}

/* style for each drop down - horizontal */
#navigation_horiz ul li #dropdown_one {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_one a {color:red}
#navigation_horiz ul li #dropdown_two {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_two a {color:black}
#navigation_horiz ul li #dropdown_three {background:#130b09; color:#fff}
#navigation_horiz ul li #dropdown_three a {color:gray}

/* style for each drop down - vertical */
#navigation_vert ul li #dropdown_four {background:#333; color:#fff}
#navigation_vert ul li #dropdown_four a {color:red}
#navigation_vert ul li #dropdown_five {background:#666; color:#fff}
#navigation_vert ul li #dropdown_five a {color:black}
#navigation_vert ul li #dropdown_six {background:#777; color:#fff}
#navigation_vert ul li #dropdown_six a {color:orange}

/* navigation styles - END */
/* ----------------------------------------------------- */

</style>

<div style="position: absolute;
top: -325px;
left: -378px;
color:#fff;
width:984px;">
<div id="navigation_horiz">
<ul>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_one" style="width: 300px; left: 0px; top: 50px; display: none">
<p>
"Быть нейтральным - не значит быть равнодушным и бесчувственным. Не надо убивать в себе чувства. Достаточно убить в себе ненависть"
- Геральт из Ривии, ведьмак

</p>
</div>

</li>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">

<p>2 ячейка</p>
</div>

</li>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">

<p>3 ячейка</p>
</div>

</li>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">

<p>4 ячейка</p>
</div>

</li>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">

<p>5 ячейка</p>
</div>

</li>
<li>
<a href="" class="navlink"><img src="http://s1.uploads.ru/i/bnhQD.png" border="0" /></a>
<div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 50px; display: none">

<p>6 ячейка</p>
</div>

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

Отредактировано Farming (Вс, 9 Сен 2012 11:28:17)

Поделиться5Вт, 11 Сен 2012 16:47:34

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

Farming
увеличил эти значения, но, к сожалению, не помогло...

Поделиться6Вт, 11 Сен 2012 17:56:24

Автор: Джонни Д.
Заслуженный
Зарегистрирован: Пн, 9 Июл 2012
Сообщений: 42
Уважение: +7
Позитив: 0
Последний визит:
Пт, 5 Окт 2012 07:27:14

моральная крыса
В общем, глянул, получилось такая фишка:
Сама кнопка выпадающего меню - 100 пикселей в ширину, а картинка, которая в ней стоит - 164 пикселя в ширину.
Думаю, намек понятен?)

Поделиться7Вт, 11 Сен 2012 21:39:31

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Ужасы какие...

Так что-ли надо? http://tps.bbmy.ru

Поделиться8Чт, 13 Сен 2012 13:56:24

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

rps
даааа, вот так и надо!

Поделиться9Пт, 14 Сен 2012 21:32:38

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

моральная крыса
Замените Ваш ХТМЛ-верх.

Код:

<div style="position: absolute; top: 0; left: 0; color:#1e1e14; width: 100%; font-size:11px;">
<style type="text/css"> /*Спойлер */
    .punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

    box-shadow: 0px 2px 4px #8E8E8E;
    -webkit-box-shadow: 0px 2px 4px #8E8E8E;
    -khtml-box-shadow: 0px 2px 4px #8E8E8E;
    -moz-box-shadow: 0px 2px 4px #8E8E8E;
    }
.post-content .spoiler-box > blockquote.visible { 
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
 }
.post-content .spoiler-box span.hide{
 display:none;
}
</style>
      <script>
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'&lt;span class="visible">$1&lt;/span>&lt;span class="hide">$2&lt;/span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>


<!-- jquery уже подключен -->
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/44458.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/60211.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/6d/4d/41587.js"></script>

<script type="text/javascript">
$(function(){
	
	$('#navigation_horiz').naviDropDown({
    dropDownWidth: '300px'
	});
	
	$('#navigation_vert').naviDropDown({
    dropDownWidth: '300px',
    orientation: 'vertical'
	});
});
</script>

<style type="text/css">
----------------------------------------------------- */
	/* navigation styles - BEGIN */ 
	
	/* style for horizontal nav */	
	#navigation_horiz { clear:both; padding:0 0 0 0; margin:0 auto}
	#navigation_horiz  ul { isplay:block}
	#navigation_horiz  ul li {display:block; width: 161px; float:left; background:#; margin:0 1px 0 0; position:relative}
	#navigation_horiz  ul li a.navlink {display:block; width:100px; padding: 0; text-align:center; color:#e2dfe3; text-decoration:none}
	#navigation_horiz .dropdown {position:absolute; top: 35px !important; padding:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px}
	
	/* style for vertical nav */	
	#navigation_vert {width:1200px; clear:both; padding:0 0 0 0; margin:0 auto}
	#navigation_vert  ul {height:50px; display:block}
	#navigation_vert  ul li {display:block; width:200px; height:50px; background:#999; margin:0 0 1px 0; position:relative}
	#navigation_vert  ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
	#navigation_vert .dropdown {position:absolute; top: 35px !important; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
	
    /* style for each drop down - horizontal */
    #navigation_horiz ul li #dropdown_one {background:#130b09; color:#fff}
    #navigation_horiz ul li #dropdown_one a {color:red}
    #navigation_horiz ul li #dropdown_two {background:#130b09; color:#fff}
    #navigation_horiz ul li #dropdown_two a {color:black}
    #navigation_horiz ul li #dropdown_three {background:#130b09; color:#fff}	
    #navigation_horiz ul li #dropdown_three a {color:gray}
    
    /* style for each drop down - vertical */
    #navigation_vert ul li #dropdown_four {background:#333; color:#fff}
    #navigation_vert ul li #dropdown_four a {color:red}
    #navigation_vert ul li #dropdown_five {background:#666; color:#fff}
    #navigation_vert ul li #dropdown_five a {color:black}
    #navigation_vert ul li #dropdown_six {background:#777; color:#fff}	
    #navigation_vert ul li #dropdown_six a {color:orange}

	/* navigation styles - END */ 
	/* ----------------------------------------------------- */
	
</style>



<div style="color: #fff; width: 100%;">
  <div id="navigation_horiz">
    <ul>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/t5mPd.png" border="0" /></a>
        <div class="dropdown" id="dropdown_one" style="width: 300px; left: 0px; top: 0; display: none">
          <p>
           <script language="JavaScript"> 
<!-- 
quotes = new Array(6); 
authors = new Array(6); 
quotes[0] = "Воистину, великая надобна самоуверенность и великая ослепленность, дабы кровь, стекающую с эшафота, именовать правосудием"; 
authors[0] = "Высогота из Корво, философ"; 
quotes[1] = "Зло перестало быть хаотичным. Перестало быть слепой и стихийной силой... Сегодня Зло правит законами - ибо законы служат ему. Оно действует в соответствии с заключенными мирными договорами, поскольку о нем, Зле, подумали, заключая эти договоры"; 
authors[1] = "Геральт из Ривии, ведьмак"; 
quotes[2] = "Не стоит путать небо со звездами, отраженными ночью в поверхности пруда"; 
authors[2] = "Вильгефорц из Роггевеена, чародей"; 
quotes[3] = "Быть нейтральным - не значит быть равнодушным и бесчувственным. Не надо убивать в себе чувства. Достаточно убить в себе ненависть"; 
authors[3] = "Геральт из Ривии, ведьмак"; 
quotes[4] = "Существуют просто Зло и Большое Зло, а за ними обоими в тени прячется Очень Большое Зло… Порой бывает так, что Очень Большое Зло схватит тебя за горло и скажет: Выбирай, братец, либо я, либо то, которое чуточку поменьше"; 
authors[4] = "Ренфри, разбойница"; 
quotes[5] = "Короли подразделяют людей на две категории. Одним приказывают, других покупают. Ибо короли придерживаются старой и банальной истины: купить можно любого. Любого. Вопрос только в цене"; 
authors[5] = "Калантэ, королева Цинтры";
quotes[6] = "Всему на свете приходит конец…"; 
authors[6] = "Йеннифер из Венгерберга, чародейка";
quotes[7] = "Мы не сумеем сделать больше, чем в состоянии сделать. Но давайте постараемся все, чтобы того, что мы сделать не сможем, было по возможности меньше."; 
authors[7] = "Русти, хирург-низушек";
quotes[8] = "Женщинам деньги не нужны. Да и зачем они им? Пить не пьют, в кости не играют, а женщинами… Ну, женщины-то, черт побери, они сами и есть."; 
authors[8] = "Лютик, трубадур";
quotes[9] = "Оне валандаются по стране, нахальные и наглые, сами себя зла истребителями, оборотней уничтожителями и упырей отравителями именующие, выманивают у легковерных плату, а приработав так, двигаются дале, дабы в ближайшем городе таковое жульничество вновь свершить. Легче всего проникают оне в хаты честного, простого и не отдающего себе в том отчета хозяина, коий все злоключения и злосчастия запросто приписывает чарам, противуестественным творениям и мерзопакостным чудовищам, действиям облачников, альбо злых духов. Заместо того чтобы богам молиться, в храм богатое подношение занести, простак сей грязному ведьмаку готов шелонг последний отдать, веря, что ведьмак, этот выродок безбожный, сумеет долю его улучшить и несчастья отвратить."; 
authors[9] = "Монструм, или Ведьмака описание";
quotes[10] = "Я утверждаю, что мы должны жить. Жить так, чтобы позже ни у кого не пришлось просить прощения."; 
authors[10] = "Ярпен Зигрин, краснолюд";
quotes[11] = "Никогда не выпадает вторая оказия создать первое впечатление."; 
authors[11] = "Лютик, трубадур";
quotes[12] = "Трудно требовать от человека, чтобы он освободился от страхов. Страхи выполняют в психике человека не менее важную роль, чем все остальные эмоциональные состояния. Психика, лишенная страха, была бы психикой ущербной. Увечной."; 
authors[12] = "Эмиель Регис Рогеллек Терзиефф-Годфрой, вампир";
quotes[13] = "У времени нет ни начала, ни конца. Время - вроде змея Уробороса, схватившего зубами собственный хвост. В каждом мгновении скрывается вечность. А вечность складывается из мгновений, которые создают ее."; 
authors[13] = "Нимуэ, чародейка";
quotes[14] = "С любовью все обстоит так же, как с почечными коликами. Пока не схватит, даже не представляешь себе, что это такое. А когда об этом рассказывают - не веришь."; 
authors[14] = "Фрингилья Виго, нильфгаардская чародейка";
quotes[15] = "Изменения политического режима не могут служить оправданием вандализма."; 
authors[15] = "Фольтест, король Темерии";
//calculate a random index 
index = Math.floor(Math.random() * quotes.length);
//display the quotation 
document.write("<DL>\n"); 
document.write("<DT>" + "\"" + quotes[index] + "\"\n"); 
document.write("<DD><b><small>" + "- " + authors[index] + "</small></b>\n"); 
document.write("</DL>\n");
//done 
//--> 
    </script>

          </p>
        </div>
        <!-- .dropdown_menu -->
      </li>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/3gaIm.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 0; display: none">
          
          <p><table style="width:97%;">
<tbody><tr><td valign="top" align="center" style="width: 50%; height: 95px;"><a href=" http://wiedzmin.rolka.su/viewtopic.php?id=153#p778 " target="blank">СТОЛБ У ОБОЧИНЫ</a><br/><b><font size="2" color="maroon"><i>Т</i></font>екущие квесты:</b>
<br/>• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=326#p17537" target="blank">На милость победителя</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=327#p17538" target="blank">Сватовство</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=328#p17539" target="blank">Старый дом</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=329#p17540" target="blank">Враг моего врага</a><br/>
<br/>

<a href=" http://wiedzmin.rolka.su/viewtopic.php?id=151#p774 " target="blank">ЗАПИСЬ В КВЕСТЫ</a></td>

<td valign="top" align="center" style="width: 50%; height: 110px;"><a href=" http://wiedzmin.rolka.su/viewtopic.php?id=193#p3210 " target="blank">ОГЛАВЛЕНИЕ</a><br/>
Глава I<br/><br/>
<b><font size="2"><i>В игре</i></font> <br/>1255 ГОД</b></td>

<td valign="top" align="center" style="width: 33%; height: 95px;"><br/><br/><br/><br/>

<a href=" http://wiedzmin.rolka.su/viewtopic.php?id=46#p169 " target="blank">ПОИСК ПАРТНЕРА</a>
</td></tr></tbody></table>

<table style="width: 97%;">
<tbody><tr><td valign="top" align="center" style="width: 50%; height: 100px;"><b><font size="2" color="maroon"><i>А</i></font>ктивные эпизоды:</b>
<br/>
<a href="http://http://wiedzmin.rolka.su/viewtopic.php?id=294#p13361" target="blank">"Подают лишь калекам"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=253#p8902" target="blank">"Сказка про три монетки"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=242#p7932" target="blank">"Было чужое, а стало не мое"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=235#p7631" target="blank">"Песня цветов"</a>, 
 <a href="http://wiedzmin.rolka.su/viewtopic.php?id=252#p8872" target="blank">"Лечение по принуждению"</a>, 
 <a href="http://wiedzmin.rolka.su/viewtopic.php?id=246#p8187" target="blank">"Кто-то постучался в темное царство"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=227#p6743" target="blank">"Охота на Зверя"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=268#p10615" target="blank">"За все приходится платить"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=260#p9679" target="blank">"Приятная неожиданность"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=256#p9338" target="blank">"Большая тетя начудила"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=254#p8920" target="blank">"Искал столько лет, хоть знал, что нельзя найти"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=263#p9891" target="blank">"Словно снег на голову…"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=249#p8678" target="blank">"Чародейские дела"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=179#p2098" target="blank">"Когда судьба стучится в двери"</a>, 
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=240#p7844" target="blank">"Самого главного глазами не увидишь"</a>
</td></tr></tbody></table></p>
        </div>
        <!-- .dropdown_menu -->
      </li>
      <li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/FYMh7.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 0; display: none">
          
          <p><table><tbody><tr>
<td valign="top" align="center" style="width: 30%;" height:="" 260px;="">
<a href="http://wiedzmin.rolka.su/viewforum.php?id=3" target="blank"><b><font size="2" color="maroon"><i>П</i></font><font color="black">равила и организационные моменты</font></b></a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=2#p2" target="blank">Правила форума</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=3#p3" target="blank">Объявления администрации</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=48#p171" target="blank">Отсутствия</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=47#p170" target="blank">Аватары, статус и подпись </a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=52#p179" target="blank">В помощь: архив внешностей</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=4#p4" target="blank">Гостевая</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=193#p3210 " target="blank">Оглавление</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=152#p775 " target="blank">Игровые события</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=153#p778 " target="blank">Столб у обочины</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=151#p774 " target="blank">Запись в квесты</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=175#p1632 " target="blank">Вопросы по сюжету</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=46#p169 " target="blank">Поиск партнера в игру</a><br/>
<br/>

<a href="http://wiedzmin.rolka.su/viewforum.php?id=5" target="blank"><b><font size="2" color="maroon"><i>К</i></font><font color="black">весты</font></b></a> - <i>текущие квесты</i><br/><br/>

</td>
<td valign="top" align="center" style="width: 30%;" height:="" 290px;="">
<a href="http://wiedzmin.rolka.su/viewforum.php?id=4" target="blank"><b><font size="2" color="maroon"><i>А</i></font><font color="black">нкеты персонажей</font></b></a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=49#p172" target="blank">Занятые роли</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=5#p5" target="blank">Шаблон анкеты</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=51#p176" target="blank">FAQ по созданию персонажа</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=54#p181" target="blank">Необходимы в игру!!!</a><br/>
<br/>	

<a href="http://wiedzmin.rolka.su/viewforum.php?id=8" target="blank"><b><font size="2" color="maroon"><i>Г</i></font> <font color="black">лоссарий</font></b></a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=127#p415" target="blank">Хронология</a>, <a href="http://wiedzmin.rolka.su/viewtopic.php?id=138#p524" target="blank">Карты</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=129#p431" target="blank">Мировые цены</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=61#p232" target="blank">Старшая речь</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=59#p227" target="blank">Знаки ведьмаков</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=62#p235" target="blank">Маги и магия</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=60#p229" target="blank">Магические предметы</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=58#p226" target="blank">Проклятие Черного Солнца</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=57#p225" target="blank">Бестиарий</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=163#p1162" target="blank">Рыцарские ордены</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=164#p1163" target="blank">Орден Алого Сокола</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=297" target="blank">"Монструм" или "Ведьмакоописание"</a><br/>
<br/>

</td><td valign="top" align="center" style="width: 30%;">
<a href="http://wiedzmin.rolka.su/viewforum.php?id=1" target="blank"><b><font size="2" color="maroon"><i>П</i></font><font color="black">остоялый двор</font></b></a><br/> - <i>раздел для общения</i><br/><br/>
<a href="http://wiedzmin.rolka.su/viewforum.php?id=6" target="blank"><b><font size="2" color="maroon"><i>Л</i></font><font color="black">етопись</font></b></a> - <i>текущие эпизоды</i><br/><br/>

<a href="http://wiedzmin.rolka.su/viewforum.php?id=25" target="blank"><b><font size="2" color="maroon"><i>З</i></font><font color="black">ал торжеств</font></b></a><br/> - <i>поздравления и награды </i><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=188#p2767" target="blank">Комплименты и благодарности</a><br/>
<br/>

<a href="http://wiedzmin.rolka.su/viewforum.php?id=9" target="blank"><b><font size="2" color="maroon"><i>Р</i></font><font color="black">исталище</font></b></a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=56#p183" target="blank">Арена под Блавикеном</a><br/>
<br/>

<a href="http://wiedzmin.rolka.su/viewforum.php?id=10" target="blank"><b><font size="2" color="maroon"><i>Р</i></font><font color="black">еклама</font></b></a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=55#p182" target="blank">Шаблоны</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=267#p10100" target="blank">Партнерство</a><br/>
<br/>
</td>
</tr>
</tbody></table></p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/bohls.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 0; display: none">
          
          <p><table style="width:97%;">
<tbody><tr><td valign="middle" align="center" style="width: 300px; height: 260px;">
<b><font size="2" color="maroon"><i>Н</i></font>а данный момент требуются:</b>
<br/><br/><br/>Йож из Эрленвальда <br/>(Эмгыр вар Эмрейс)
</td>
<td valign="middle" align="center" style="width: 300px; height: 260px;">
<b><font size="2" color="maroon"><i>И</i></font>щем в игру:</b><br/>
<br/><a href="http://wiedzmin.rolka.su/viewtopic.php?id=54#p7345" target="blank"><img src="http://s1.ipicture.ru/uploads/20120427/T6MqFnf4.png"/></a>
</td></tr></tbody></table></p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/QYDaA.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 0; display: none">
          
          <p><table><tbody><tr><td valign="middle" align="center" style="width: 97%; height: 20px;">
<b><font size="2" color="maroon">Приветствуем тебя, Гость!</font></b><br/>Здесь лежат несколько вещей, которые должны пригодиться в процессе создания анкеты любому игроку.<br/><br/>
</td></tr></tbody></table>

<table style="width: 97%px;">
<tbody><tr><td valign="top" align="center" style="width:80%; height: 180px;"><br/>
<a href="http://wiedzmin.rolka.su/viewtopic.php?id=4#p4" target="blank">ГОСТЕВАЯ</a><br/>
<b><font size="2" color="maroon"><i>Н</i></font>есколько слов об игре:</b><br/><br/>
«Ведьмак» - ролевая игра в жанре темного фэнтези. Здесь присутствуют чудеса, эльфы и драконы, но этот мир достаточно жесток, правдив и подчастую циничен, он реалистичен и не слащав, здесь нет абсолютного зла или добра. Игра строится по локационно-эпизодической системе, которая рассчитана на то, чтобы легко дать игрокам максимальное количество возможностей для отыгрыша: нет необоснованных очередностей и долгого ожидания, есть хорошие мастера и свобода выбора «нужны» или «не нужны». На приемке анкет админы не злобствуют, нет никакого жесткого отбора, но откровенные «ляпы» предложат поправить прежде чем выпустят вас покорять игровое пространство. Итак, …</td>

<td valign="top" align="left" style="width: 150px; height: 20%;">
<b><font size="2" color="maroon"><i>П</i></font>олезные ссылки: </b><br/><br/>

• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=2#p2" target="blank">Правила форума</a><br/> 
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=49#p172" target="blank">Занятые роли</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=54#p181" target="blank">Необходимы в игру</a><br/>
• <a href="http://wiedzmin.rolka.su/viewforum.php?id=8" target="blank">О мире</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=52#p179" target="blank">Архив внешностей</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=51#p176" target="blank">FAQ по анкете</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=5#p5" target="blank">Шаблон анкеты</a><br/>
• <a href="http://wiedzmin.rolka.su/viewtopic.php?id=47#p170" target="blank">Оформление профиля</a><br/>
• <a href=" http://wiedzmin.rolka.su/viewtopic.php?id=46#p169 " target="blank">Поиск партнера в игру</a><br/>
</td></tr></tbody></table></p>
        </div>
        <!-- .dropdown_menu -->
      </li>
<li>
        <a href="" class="navlink"><img src="http://s1.uploads.ru/i/yN783.png" border="0" /></a>
        <div class="dropdown" id="dropdown_two" style="width: 300px; left: 0px; top: 0; display: none">
          
          <p><table style="width: 97%;">
<tbody><tr><td valign="middle" align="center" style="width: 97%; height: 260px;">
<a href=" http://wiedzmin.rolka.su/viewtopic.php?id=55#p182 " target="blank">НАШИ ШАБЛОНЫ</a><br/>
<a href=" http://wiedzmin.rolka.su/viewforum.php?id=10" target="blank">РАЗДЕЛ РЕКЛАМЫ</a><br/>
<a href=" http://wiedzmin.rolka.su/viewtopic.php?id=267#p10100 " target="blank">ПАРТНЕРСТВО</a><br/>
<br/>
<b><font size="2" color="maroon"><i>П</i></font>ридерживайтесь правил: </b>
<br/><br/> Реклама разрешена от гостя или специального аккаунта (Реклама, 1111).
<br/>Так же можно воспользоваться функцией PR-вход.
<br/>Реклама взаимная. Не забывайте ссылки на пост. 
<br/>Реклама в ЛС и не предназначенных для этого темах запрещена.</td></tr></tbody></table></p>
      </div>
      <!-- .dropdown_menu -->
    </li></ul>
  </div>
</div>

<!--Стрелочки вверх-вниз-->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 20%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://s1.uploads.ru/i/CtJfu.png" alt="Вверх страницы"/>
  </a>
  <br/>
  <br/>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://s1.uploads.ru/i/o5kYV.png" alt="Вниз страницы"/>
  </a>
</div>

<div id="slideout">
<img src="картинка" style="position: absolute; z-index: 1000; top: 305px; left: 550px;"/>
<div id="slideout_inner">
Наполнение
</div>
</div>
</div>

Поделиться10Пт, 14 Сен 2012 21:35:24

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

rps
Спасибо, не знаю как и благодарить!!! А в чем была фишка то?

Тему можно в архив

Поделиться11Пт, 14 Сен 2012 21:36:11

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

моральная крыса написал(а):

А в чем была фишка то?

В том, что код надо было писать без ошибок.

Поделиться12Пт, 14 Сен 2012 21:55:33

Автор: моральная крыса
Заслуженный
Зарегистрирован: Пт, 23 Дек 2011
Сообщений: 132
Уважение: +4
Позитив: +8
Пол: Мужской
Последний визит:
Вт, 5 Июн 2018 21:53:21

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