Запросы по скриптам[4]

Поделиться1Вс, 3 Май 2015 16:18:44

Автор: C3La-NS
Модератор 😈
Зарегистрирован: Вс, 29 Май 2011
Сообщений: 637
Уважение: +640
Позитив: +373
Пол: Мужской
Последний визит:
Вчера 07:35:55


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

+1

Поделиться421Чт, 20 Авг 2015 16:56:20

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Хотел бы попросить помощи. На этом форуме: http://rift.f-rpg.ru/ есть скрипт выпадающего меню, а если точнее, то:

http://puu.sh/jI8K9/bce0a80844.jpg или http://puu.sh/jI8N2/bbfa87c852.jpg эта часть.

Мы хотели сделать для нового своего дизайна тоже подобное меню, но наш скрипт некорректно работает в некоторых браузерах (в частности мазиле). На указанном форуме скрипт не ломается в других браузерах и мы бы хотели попросить узнать скрипт, используемый в этом случае, раз он работает стабильнее.

Заранее благодарю.

0

Поделиться422Чт, 20 Авг 2015 17:00:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Siemour
Сделайте скриншот, о чем речь и скриншот в проблемном браузере

0

Поделиться423Чт, 20 Авг 2015 17:29:55

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Deff

Вот в проблемном браузере как выглядит меню на нашем тестовом форуме: http://puu.sh/jIakw/8f8fae9f73.png

О чем идет речь - два скриншота в прошлом сообщении. Выделил еще раз о каком меню идет речь: http://www.pixic.ru/i/P04098w6R5h46156.jpg. В прошлом сообщении есть скриншот в открытом состоянии одной ячейки.

Подобное меню у нас отображается сплошной колонкой.

0

Поделиться424Чт, 20 Авг 2015 20:06:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Siemour
У меня так в Мозилле => http://savepic.su/6091105.jpg
На Вашем проблемном скриншоте http://www.pixic.ru/i/P04098w6R5h46156.jpg нет тех пунктов, что указаны в меню по ссылке http://rift.f-rpg.ru/ И цвет колонки иной ...
Может Вы говорите об ином ресурсе с проблемой ?

0

Поделиться425Чт, 20 Авг 2015 21:41:01

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Deff

На указанном форуме нет проблемы с этим скриптом, мы это знаем. На нашем есть, мы используем, возможно, более старый скрипт и хотим узнать, какой скрипт могут использовать на http://rift.f-rpg.ru/. Это http://puu.sh/jIakw/8f8fae9f73.png <--- проблема у нас. Этот форум, рифт, указали, как пример просто, где все работает, как надо. Вот и просим узнать, какой у них может быть скрипт, чтобы исправить свою проблему.

Отредактировано Siemour (Чт, 20 Авг 2015 21:44:34)

0

Поделиться426Чт, 20 Авг 2015 21:49:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Siemour
В объявление, где ссылки:

Код:

<div id="menu-panel">
<ul id="navi-panel">  

        <li class="navi-panel-button"><a href="link" class="referent" alt="название">Вступление</a>  
        <div class="expand">  
<a href="http://rift.f-rpg.ru/viewtopic.php?id=35">Вступительное слово</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=13">Правила проекта</a>    
<a href="http://rift.f-rpg.ru/viewtopic.php?id=37">Сетка ролей</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=34">Вопросы и ответы</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=36">Гостевая книга</a>
        </div>  
    </li> 

    <li class="navi-panel-button"><a href="link" class="referent" alt="название">Аргервельд</a>  
        <div class="expand">  
<a href="http://rift.f-rpg.ru/viewtopic.php?id=14">Магия Аргервельда</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=15">География Аргервельда</a>    
<a href="http://rift.f-rpg.ru/viewtopic.php?id=17">Организации и фракции</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=16">Империя Эренхаст</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=38">Бестиарий</a>
        </div>  
    </li>  
    <li class="navi-panel-button"><a href="link" class="referent" alt="название">Сюжетные линии</a>  
        <div class="expand">  
<a href="http://rift.f-rpg.ru/viewtopic.php?id=16#p110">Игровая ситуация</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=33#p158">Арка I: Все дороги ведут...</a>    
<a href="http://rift.f-rpg.ru/viewtopic.php?id=33#p159">Арка II: Пожары на севере</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=33#p160">Арка III: Оковы войны</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=31">Обсуждение сюжета</a>
      

        
        </div>  
    </li> 

    <li class="navi-panel-button"><a href="link" class="referent" alt="название">Организация</a>  
        <div class="expand">  
<a href="http://rift.f-rpg.ru/viewtopic.php?id=29">Оформление эпизодов</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=28">Заявки на персонажей</a>    
<a href="http://rift.f-rpg.ru/viewtopic.php?id=24">Поиск игроков</a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=25">Объявления </a>
<a href="http://rift.f-rpg.ru/viewtopic.php?id=32">Оформление профиля</a>
        </div>  
    </li> 
</ul>  

</div><!-- #av-anno end -->

В Конец Второго Окна Стиля

Код:

/*table menu panel*/
#menu-panel {
text-align: center;
margin-top: -281px !important;
margin-left: 124px !important;
z-index: 1000!important;
}
#navi-panel {  
background: transparent;
display: block;
height: 10px;
margin: auto;
padding: 0px 2px;
width: 678px;
}  
#navi-panel li a {  
  font-family: "Arial", serif;
    font-size: 12px;   
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
letter-spacing: 0px;
font-variant: small-caps !important;
    display:block;  
text-align: center;
max-width: 130px;
}  
.expand {  
    position:absolute;  
    left:-999em; 
z-index: 100!important;
width: 130px;
}
#navi-panel .referent {height: 30px !important;
}
#navi-panel li:hover .expand {  
    left: -4px; top:auto;  
} 
.expand {
background: rgba(82, 39, 7, 0.8);
border: 3px double #805D40 !important;
box-shadow: inset 0px 0px 5px #47311F !important;
padding: 4px;

}
.expand li a, .expand li {
color: #A37C45 !important;
}
.expand a {
background-color: #62220A;
 border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
margin: 0px !important;
padding: 0px;
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
}

.expand a:hover, .expand a:focus, .expand a:active {
background-color: #563616;
color: #BEA380 !important;
border: 3px double #805D40 !important;
}
#navi-panel .navi-panel-button {  
background: rgba(82, 39, 7, 0.8);
 border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
display: block;
float: left;
height: 10px;
margin: 4px;
padding: 0px 0px 4px 4px;
position: relative;
text-align: center;
width: 130px;
}
#navi-panel .navi-panel-button:hover, #navi-panel .navi-panel-button:focus, #navi-panel .navi-panel-button:active {
background: rgba(98, 34, 10, 0.9);
}

0

Поделиться427Пт, 21 Авг 2015 10:28:46

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Deff

К сожалению, у нас по какой-то причине в мазиле все еще некорректно отображается меню: http://puu.sh/jJ3ZC/04d54a7a75.png хотя в остальных браузерах все нормально. Возможно где-то в других кодах стиля есть ошибка?

0

Поделиться428Пт, 21 Авг 2015 14:14:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Siemour
1. Ссылку на ресурс с проблемой!

0

Поделиться429Пт, 21 Авг 2015 15:06:30

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Deff
http://testeritar.rolebb.ru/

0

Поделиться430Пт, 21 Авг 2015 15:12:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Siemour
Где-то ошибки в своем стиле до стиля кнопок, (поэтому до него управление не доходит)
Оберните кусок стиля в <style>... </style> и перенесите в начало объявления из стиля

Поправил смещение

Свернутый текст

<style>
/*table menu panel*/
#menu-panel {
text-align: center;
margin-top: 61px !important;
position:absolute;
margin-left: 124px !important;
z-index: 1000!important;
}
#navi-panel {
background: transparent;
display: block;
height: 10px;
margin: auto;
padding: 0px 2px;
width: 678px;
}
#navi-panel li a {
font-family: "Arial", serif;
font-size: 12px;
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
letter-spacing: 0px;
font-variant: small-caps !important;
display:block;
text-align: center;
max-width: 130px;
}
.expand {
position:absolute;
left:-999em;
z-index: 100!important;
width: 130px;
}
#navi-panel .referent {height: 30px !important;
}
#navi-panel li:hover .expand {
margin-top:-7px;
left: -4px; top:auto;
}
.expand {
background: rgba(82, 39, 7, 0.8);
border: 3px double #805D40 !important;
box-shadow: inset 0px 0px 5px #47311F !important;
padding: 4px;

}
.expand li a, .expand li {
color: #A37C45 !important;
}
.expand a {
background-color: #62220A;
border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
margin: 0px !important;
padding: 0px;
color: #B8A076 !important;
text-shadow: 1px 0px 1px #000000;
}

.expand a:hover, .expand a:focus, .expand a:active {
background-color: #563616;
color: #BEA380 !important;
border: 3px double #805D40 !important;
}
#navi-panel .navi-panel-button {
background: rgba(82, 39, 7, 0.8);
border: 3px double #805D40;
box-shadow: inset 0px 0px 5px #47311F;
display: block;
float: left;
height: 10px;
margin: 4px;
padding: 0px 0px 4px 4px;
position: relative;
text-align: center;
width: 130px;
}
#navi-panel .navi-panel-button:hover, #navi-panel .navi-panel-button:focus, #navi-panel .navi-panel-button:active {
background: rgba(98, 34, 10, 0.9);
}
</style>

0

Поделиться431Пт, 21 Авг 2015 17:11:20

Автор: Nixer
Заслуженный
Зарегистрирован: Чт, 15 Авг 2013
Сообщений: 63
Уважение: +12
Позитив: +60
Пол: Мужской
Последний визит:
Пн, 17 Май 2021 15:53:30

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

Вывод пользователей, проголосовавших за сообщение
(при наведении на рейтинг)

Тестируем, отписываемся в теме "Запросы по скриптам"

Проверил в IE, FireFox, Opera, Chrom, Везде работает. Большое спасибо. Очень долго ждал этот скрипт. Хотелось бы, чтобы выглядело, как на большинстве других сайтов, без наведения на рейтинг, а список проголосовавших за него в каждом сообщении (если возможно).
Спасибо

+1

Поделиться432Пт, 21 Авг 2015 17:21:24

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Вчера 23:28:16

Nixer
К сожалению, реализовать без наведения практически нереально.
В этом скрипте при наведении на рейтинг отправляется Аякс-запрос на страницу
/respect.php?id=****, где вместо звездочек - ID автора поста. Если отправлять запросы при загрузке страницы для каждого поста, будет ОЧЕНЬ большая нагрузка на сервер - получится DDoS))

+1

ВКонтакте alex__63

Поделиться433Пт, 21 Авг 2015 17:35:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Alex_63
При старом поиске работал скрипт комментарий к уважению, там единственный поисковый на все посты на страницы можно было запросить единственным Аякс запросом, думаю когда исправят поиск(или перейдут на UTF-8) ,будет возможность восстановить скрипт и проставить уважение сразу во всех постах. Достоинство ещё и в том, что без разницы - проставленные оценки на первой/не первой странице в Уважении
=============
2. Если всё таки юзеры не найдены в скрипте вывода Ников, стоит скрывать прелоадер, и ставить надпись, "неудачный поиск" или - "поиск не удался", ибо ожидания крутилки утомляют

+2

Поделиться434Пт, 21 Авг 2015 17:38:07

Автор: Siemour
Заслуженный
Зарегистрирован: Чт, 18 Ноя 2010
Сообщений: 15
Уважение: +1
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 13:14:01

Deff
Большое спасибо за оказанную помощь)

0

Поделиться435Пт, 21 Авг 2015 17:51:39

Автор: lemniscus
Стремящийся
Зарегистрирован: Пт, 21 Авг 2015
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Сб, 22 Авг 2015 18:41:53

Добрых суток!
Не могли бы подсказать какой-нибудь скрипт, чтобы при наведении на изображение там появлялся какой-то текст (на самом изображении)? Примерно как на этом форуме, где "очень хотим видеть" http://bleachzknr.mybb.ru/
Использование поиска должных результатов не принесло, поэтому очень надеюсь на помощь.

0

Поделиться436Пт, 21 Авг 2015 18:16:15

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

lemniscus
Куда нужно:

Свернутый текст

<style>
.topi {width: 46px; height: 46px;border: 2px solid #d1ae3e ; position: relative; overflow: hidden; display: inline-block;}

.topi .stafft {width: 46px; padding: 5px; font-family: tahoma; color: #704b2c; position: absolute; bottom: 10px; background-color: #f7efcd; left: -60px; font-size: 10px; text-transform: uppercase; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; text-align: left !important;}
.topi:hover .stafft {left: -3px;}

#grey a img {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);}
</style>

<font style="text-decoration : none; font-family: cambria; font-weight: normal; letter-spacing: -1px; font-style:italic; font-size : 17px;">ОЧЕНЬ ХОТИМ ИХ ВИДЕТЬ:</font><br>

<div id="grey">
<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p112787><img src="http://i.imgur.com/ivDoLkX.png" border="0" width="46" height="46"></a><div class="stafft">TIER</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p121993><img src="http://31.media.tumblr.com/ab41c0416b2c79efb85f773b3f17c37c/tumblr_inline_mhnh6aNHUY1qz4rgp.png" border="0" width="46" height="46"></a><div class="stafft">SHUKURO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p112787><img src="http://i.imgur.com/GcXVpQ1.gif" border="0" width="46" height="46"></a><div class="stafft">SHIEN</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://fc04.deviantart.net/fs71/f/2012/049/f/7/aaroniero_arruruerie_by_shushko-d4q76hb.png" border="0" width="46" height="46"></a><div class="stafft">AARONIERO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p130315><img src="http://i.imgur.com/PAJoVOd.png" border="0" width="46" height="46"></a><div class="stafft">YUKIO</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p133592><img src="https://yt3.ggpht.com/-vLn_kJpvcZs/AAAAAAAAAAI/AAAAAAAAAAA/FXrawK5NfWk/s100-c-k-no/photo.jpg" border="0" width="46" height="46"></a><div class="stafft">YORUICHI</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132549><img src="http://aniavatars.com/data/avatars/233/881.png" border="0" width="46" height="46"></a><div class="stafft">RETSU</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://auto.img.v4.skyrock.net/3629/86293629/pics/3132875672_0_18_I65kDmNs.png" border="0" width="46" height="46"></a><div class="stafft">BARAGGAN</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p132995><img src="http://31.media.tumblr.com/9255706b7e11eb2678195953c3bebb32/tumblr_inline_mso5siujJR1qz4rgp.png" border="0" width="46" height="46"></a><div class="stafft">LILYNETTE</div></div>

<div class="topi"><a href=http://bleach-z.ru/viewtopic.php?id=1215#p133335><img src="http://33.media.tumblr.com/tumblr_m016zafJe81qm9ddb.png" border="0" width="46" height="46"></a><div class="stafft">RANGIKU</div></div>
</div></div>

0

Поделиться437Пт, 21 Авг 2015 20:12:30

Автор: lemniscus
Стремящийся
Зарегистрирован: Пт, 21 Авг 2015
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Сб, 22 Авг 2015 18:41:53

Deff, большое спасибо.

0

Поделиться438Вс, 23 Авг 2015 10:35:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Вчера 23:28:16

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

2. Если всё таки юзеры не найдены в скрипте вывода Ников, стоит скрывать прелоадер, и ставить надпись, "неудачный поиск" или - "поиск не удался", ибо ожидания крутилки утомляют

Пробовал, чот не получается.. Попробую еще.

0

ВКонтакте alex__63

Поделиться439Вс, 23 Авг 2015 17:17:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Alex_63

Свое описание к теме

Основная проблема - ограничение на число символов в имени темы - 70
Поэтому проблема: Достаточно подробное описание при достаточно внятном названии темы, поэтому удобнее делать описание через скрипт "Cвоя иконка к теме", скриншотя текст пояснения, число отнимаемых символов =8штук при любой сложности пояснения. Кнешн скриншоты это некоторое неудобство начинающему юзеру, но думаю приделать во второй версии автоскриншот написанного в спец. ячейке с предпросмотром

0

Поделиться440Вс, 23 Авг 2015 17:20:30

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11221
Уважение: +7625
Позитив: +5462
Пол: Мужской
Последний визит:
Вчера 23:28:16

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

Основная проблема - ограничение на число символов в имени темы - 70

А если скриптом поменять maxlength ?

0

ВКонтакте alex__63

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

Запросы по скриптам[4]

Сообщений 421 страница 440 из 1000

Поделиться1Вс, 3 Май 2015 16:18:44

Поделиться421Чт, 20 Авг 2015 16:56:20

Поделиться422Чт, 20 Авг 2015 17:00:53

Поделиться423Чт, 20 Авг 2015 17:29:55

Поделиться424Чт, 20 Авг 2015 20:06:12

Поделиться425Чт, 20 Авг 2015 21:41:01

Поделиться426Чт, 20 Авг 2015 21:49:34

Поделиться427Пт, 21 Авг 2015 10:28:46

Поделиться428Пт, 21 Авг 2015 14:14:22

Поделиться429Пт, 21 Авг 2015 15:06:30

Поделиться430Пт, 21 Авг 2015 15:12:06

Поделиться431Пт, 21 Авг 2015 17:11:20

Поделиться432Пт, 21 Авг 2015 17:21:24

Поделиться433Пт, 21 Авг 2015 17:35:04

Поделиться434Пт, 21 Авг 2015 17:38:07

Поделиться435Пт, 21 Авг 2015 17:51:39

Поделиться436Пт, 21 Авг 2015 18:16:15

Поделиться437Пт, 21 Авг 2015 20:12:30

Поделиться438Вс, 23 Авг 2015 10:35:38

Поделиться439Вс, 23 Авг 2015 17:17:16

Поделиться440Вс, 23 Авг 2015 17:20:30