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

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)


Общие вопросы по оформлению (59)

Сообщений 241 страница 260 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

241

Кнопки скрыты же ж и от меня...?  :dontknow:  Три видны http://565.mybb.ru/

Отредактировано kleo3333 (Вт, 31 Май 2016 13:38:43)

0

242

kleo3333
Вроде поправил

0

243

Хм. Вылетает бесконечно окошко: Подтвердите действие

Так а как другие делают себе двухъярусные менюшки? Мне просто хотелось сделать выпадающее меню, а тут такие траблы...  o.O

0

244

kleo3333
:glasses: А ссылки заработали ? Если да - просто поставьте в скрипте от Deff  перед каждым словом alert  Две косые черты //

0

245

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

Мне просто хотелось сделать выпадающее меню, а тут такие траблы...

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

0

246

Да они появились, кроме двухъярусной Профиль -> Участники
Но они скачут опять же, заходишь на сайт отдельно от закреплённых кнопок прыг и появляется Вход. Нажимаешь Вход, прыг и появляются ЛС, Админ-панель, Выход.

Вот если б они были крепки и не скакали привлекая внимание...

0

247

kleo3333

Код:
<div class='nav'>
 <ul id='nav'>
   <li class='top'><a href='http://jpg.mybb.ru' id='' class='top_link'><span><strong>форум</strong></span></a>
      
<li class='top'><a href='Ваша ссылка' id='' class='top_link'><span><strong>новости</strong></span></a></li>
    
<li class='top'><a href='http://jpg.mybb.ru/search.php' id='navsearch-2'class='top_link'><span><strong>поиск</strong></span></a></li>
 
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/profile.php?id=2' id='navprofile-2' class='top_link'><span class='down'><strong>профиль</strong></span></a>
<ul class='sub'> <li><a href='http://jpg.mybb.ru/userlist.php' ><strong>участники </strong></a></li></ul>
         
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/messages.php' id='navpm-2' class='top_link'><span><strong>лс</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='' id='navadmin-2' class='top_link'><span><strong>админ-панель</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php?action=out&id=2' id='navlogout-2' class='top_link'><span><strong>выход</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php' id='navlogin-2' class='top_link'><span><strong>вход</strong></span></a></li>
    </ul>
</div>
 
 



<script type="text/javascript">
$(document).pun_mainReady(function(){
$('#pun-navlinks ul>li').each(function(){
   var id = $(this).prop('id'); //alert(id);
   if(id){var href = $(this).find('a:first')[0].href; //alert(href);
       var a = $('#nav li.top a#'+id+'-2').parent().show()
      if(a.length)a.find('a:first')[0].href=href;
   }
});});
</script>

+1

248

Так уже лучше. Спасибо Deff. А совсем убрать наверное не получится скачки таких скрытых кнопок? Сейчас они почти тут же появляются, но всё же с задержкой.
И ещё такой вопрос. Как теперь мне теперь их все поставить на место старых официальных кнопок? Чтобы они были по-центру? Ну абсолютно как mybbшные? Не нашел как их опустить и центрировать просто...  :blush:

Вот я пока открыл старые чтобы понятно было

Отредактировано kleo3333 (Пн, 30 Май 2016 13:39:24)

0

249

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

Так уже лучше. Спасибо Deff. А совсем убрать наверное не получится скачки таких скрытых кнопок? Сейчас они почти тут же появляются, но всё же с задержкой.

Можно, если переставишь код в объявление
То:

Код:
<div class='nav'>
 <ul id='nav'>
   <li class='top'><a href='http://jpg.mybb.ru' id='' class='top_link'><span><strong>форум</strong></span></a>
      
<li class='top'><a href='Ваша ссылка' id='' class='top_link'><span><strong>новости</strong></span></a></li>
    
<li class='top'><a href='http://jpg.mybb.ru/search.php' id='navsearch-2'class='top_link'><span><strong>поиск</strong></span></a></li>
 
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/profile.php?id=2' id='navprofile-2' class='top_link'><span class='down'><strong>профиль</strong></span></a>
<ul class='sub'> <li><a href='http://jpg.mybb.ru/userlist.php' ><strong>участники </strong></a></li></ul>
         
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/messages.php' id='navpm-2' class='top_link'><span><strong>лс</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='' id='navadmin-2' class='top_link'><span><strong>админ-панель</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php?action=out&id=2' id='navlogout-2' class='top_link'><span><strong>выход</strong></span></a></li>
 
   <li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php' id='navlogin-2' class='top_link'><span><strong>вход</strong></span></a></li>
    </ul>
</div>
 
 
 
 
 
<script type="text/javascript">
$('#pun-navlinks ul>li').each(function(){
   var id = $(this).prop('id'); //alert(id);
   if(id){var href = $(this).find('a:first')[0].href; //alert(href);
       var a = $('#nav li.top a#'+id+'-2').parent().show()
      if(a.length)a.find('a:first')[0].href=href;
   }
});
</script>

+1

250

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

Ну абсолютно как mybbшные? Не нашел как их опустить и центрировать просто...

Вечером Alex_63 cпросите, сначало ток неплохо увидеть как у тьву майбашные стояли, без этого прибамбаса

+1

251

Чёрт. Жёстко круто получилось. Сейчас только приподнять и центрировать... Подожду Alex'a тады.

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

ток неплохо увидеть как у тьву майбашные стояли

Так я же ж их специально открыл уже для ентого.

Ух класс. Спасибо огроменное Deff. Столько времени вас с Алексом сегодня промучил. И тут такая конфетка получилась.

+1

252

Alex_63 помогите пожалуйста поставить мне здесь http://565.mybb.ru/ новое меню, на место старого, которое я потом отключу стилем

Код:
<style type="text/css">
#pun-navlinks .container{
display: none;
}
</style>

Сейчас меню стоит из объявления. Надпись объявление убрана. Нужно поставить теперь его на место старого меню

Отредактировано kleo3333 (Вт, 31 Май 2016 13:38:38)

0

253

kleo3333
Замените стиль меню:

Код:
<style type="text/css">
/*------------------------------- Меню ------------------------------------*/
.html-box #nav{position: absolute; text-align: center; top: -120px;}
.html-box .nav { position: relative; width: auto;}
#nav {width: 100%; top:0; left:0; padding:0; margin: 0; list-style:none; height:35px; background:transparent url() repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#D1EEEE; text-decoration:none; font-size:15px; font-weight:normal; padding: 0 0 0 4px; cursor:pointer; background: url(http://s2.uploads.ru/Vgpzo.png);}
#nav li a.top_link span {float:left; display:block; padding:0 14px 0 10px; height:35px; background: url(http://s2.uploads.ru/Vgpzo.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 10px; height:35px; background: url(http://s2.uploads.ru/vObBI.png) no-repeat right top;}
 
#nav li:hover a.top_link,
#nav li.iehover a.top_link {color:#fff; background: url(http://s3.uploads.ru/JvITO.png) no-repeat; cursor:pointer;}
#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {background: url(http://s3.uploads.ru/JvITO.png) no-repeat right top; cursor:pointer;}
#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {background: url(http://s2.uploads.ru/qQOKD.png) no-repeat right top; cursor:pointer;}
 
/* Моделирование списка по умолчанию */
 
#nav li:hover {position:relative; z-index:200; cursor:pointer;}
 
#nav li:hover ul.sub
{left:1px; top:35px; background: #1D1D1D; padding:3px; border:1px solid #000; white-space:nowrap; width:95px; height:auto; z-index:245; cursor:pointer;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:245px; font-weight:normal; cursor:pointer;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:93px; line-height:18px; text-indent:5px; color:#ccc; text-decoration:none; border:1px solid #1f242b; cursor:pointer;}
#nav li ul.sub li a.fly
{background:#1f242b url(http://s3.uploads.ru/kzSlM.png) 229px 6px no-repeat; cursor:pointer;}
#nav li:hover ul.sub li a:hover
{background:#000; color:#fff; border-color:#5F5E21; cursor:pointer;}
#nav li:hover ul.sub li a.fly:hover
{background:#68838B url(http://s2.uploads.ru/YMr8N.png) 229px 6px no-repeat; color:#fff; cursor:pointer; left:1px;}
 
 
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:245px; top:-4px; background: #1F242B; padding:3px; border:1px solid #000; white-space:nowrap; width:245px; z-index:400; height:auto;}
 
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#607B8B url(http://s2.uploads.ru/YMr8N.png) 229px 6px no-repeat; color:#000; border-color:#fff;}
 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#1F242B url(http://s3.uploads.ru/kzSlM.png) 229px 6px no-repeat; color:#ccc; border-color:#fff; border:1px;}
</style>

+1

254

Заменил. Поднял. А в середину как всё двинуть?  :flag:  Последний шаг

0

255

kleo3333
:glasses: Замените Ыщо раз

Код:
<style type="text/css">
/*------------------------------- Меню ------------------------------------*/
.html-box #nav{position: absolute; text-align: center; top: -120px;}
.html-box .nav { position: relative; width: auto;}
#nav {width: 100%; top:0; left:0; padding:0; margin: 0; list-style:none; height:35px; background:transparent url() repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:inline-block;margin-left:-2px;margin-right:-1px; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#D1EEEE; text-decoration:none; font-size:15px; font-weight:normal; padding: 0 0 0 4px; cursor:pointer; background: url(http://s2.uploads.ru/Vgpzo.png);}
#nav li a.top_link span {float:left; display:block; padding:0 14px 0 10px; height:35px; background: url(http://s2.uploads.ru/Vgpzo.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 10px; height:35px; background: url(http://s2.uploads.ru/vObBI.png) no-repeat right top;}
 
#nav li:hover a.top_link,
#nav li.iehover a.top_link {color:#fff; background: url(http://s3.uploads.ru/JvITO.png) no-repeat; cursor:pointer;}
#nav li:hover a.top_link span,
#nav li.iehover a.top_link span {background: url(http://s3.uploads.ru/JvITO.png) no-repeat right top; cursor:pointer;}
#nav li:hover a.top_link span.down,
#nav li.iehover a.top_link span.down {background: url(http://s2.uploads.ru/qQOKD.png) no-repeat right top; cursor:pointer;}
 
/* Моделирование списка по умолчанию */
 
#nav li:hover {position:relative; z-index:200; cursor:pointer;}
 
#nav li:hover ul.sub
{left:1px; top:35px; background: #1D1D1D; padding:3px; border:1px solid #000; white-space:nowrap; width:95px; height:auto; z-index:245; cursor:pointer;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:245px; font-weight:normal; cursor:pointer;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:93px; line-height:18px; text-indent:5px; color:#ccc; text-decoration:none; border:1px solid #1f242b; cursor:pointer;}
#nav li ul.sub li a.fly
{background:#1f242b url(http://s3.uploads.ru/kzSlM.png) 229px 6px no-repeat; cursor:pointer;}
#nav li:hover ul.sub li a:hover
{background:#000; color:#fff; border-color:#5F5E21; cursor:pointer;}
#nav li:hover ul.sub li a.fly:hover
{background:#68838B url(http://s2.uploads.ru/YMr8N.png) 229px 6px no-repeat; color:#fff; cursor:pointer; left:1px;}
 
 
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:245px; top:-4px; background: #1F242B; padding:3px; border:1px solid #000; white-space:nowrap; width:245px; z-index:400; height:auto;}
 
#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#607B8B url(http://s2.uploads.ru/YMr8N.png) 229px 6px no-repeat; color:#000; border-color:#fff;}
 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#1F242B url(http://s3.uploads.ru/kzSlM.png) 229px 6px no-repeat; color:#ccc; border-color:#fff; border:1px;}
</style>

+1

256

Здравствуйте. Помогите, пожалуйста, с проблемкой. Вроде иконки отрегулировал нормально, но видимо только с точки зрения админа. От простого гостя и пользователя видно, что иконка наезжает на надпись с числом страниц, вот так:

...

https://pp.vk.me/c626230/v626230206/f0d2/TxJC4h2VJrs.jpg

пробовал подвигать блоки - двигается все, что угодно, кроме того, что надо.
http://ttttestovikkk.mybb.ru/viewforum.php?id=2
проблема возникает на этой странице
мб изначально что-то косо настроил? Спасибо за внимание.

Отредактировано bot123 (Ср, 1 Июн 2016 16:34:54)

0

257

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

проблема возникает на этой странице
мб изначально что-то косо настроил? Спасибо за внимание.

А зачем вы в абсолюте сделали блок с картинкой?

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -5.2em;
  }

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

0

258

bot123
Добавьте в Стиль красным

/* C2.15 */
.punbb div.icon {
width: 50px;
height:100px;
  float: left;
  display: block;
margin:0 5px 0 -3px;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -5.2em;
  }
/* C2.16.2 */
.punbb  .forum table div.icon {
  margin-top:-28px;
  }

0

259

Deff
Спасибо большое! Сделал -помогло.)
kolobdur74
Я просто пока плохо разбираюсь в этих кодах, переделываю из стандартного. Сейчас погуглю, на что влияет абсолют, может это решит и некоторые другие проблемы. Потому что изначально с установкой инконок было много возни, они постоянно куда-то съезжали. Возможно, вследствие этого.

И еще один вопрос, если позволите понаглеть. На той же странице у меня почему-то на новые сообщения в теме отображается иконка для старых, хотя ссылки я не перепутал, это уже проверил, и на главной странице, если в форуме есть новые сообщения - то все корректно, видно именно то, что нужно. Помогите, пожалуйста

0

260

bot123
Когда Вы пишете в теме со своего акка, для Вас она уже прочитана! Поэтому на странице форума она и не горит как непрочитанная
Вроде было в Типовых Вопросах

+1


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)