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

Поделиться881Вс, 3 Июн 2012 17:25:46

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

Поделиться882Вс, 3 Июн 2012 17:45:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

Танюшка1482 написал(а):

http://whispering.rolka.su/
1. Собственно верхнее выпадающее меню. Как сделать так, чтобы под ним не отображался основной фон форума? (светлое по бокам), и он был просто над шапкой.
2. А еще хотелось бы сдвинуть его немного правее... чтобы он по центру шапки располагался, а не с уклоном в левую сторону.

Попробуйте заменить HTML верх

Код:

<style>
.punbb {
padding: 0 23px!important;
width:900px;
}
#pun-title{
margin-left:-23px;
}
div#pun-about,
#pun-title {
margin-left:-23px;
width:966px;
margin-bottom: -30px;
}
</style>
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<!--убрать важно-->
<style type="text/css">
.stickytext {display:none}
</style>

<style>
.pa-awards,
.pa-author,.pa-title,.pa-avatar{
width:100%!important;
text-align:center!important;
}
</style>


<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#tsm {
 width:918px;
 margin-top: 1px;
 margin-left: 2px;

 
}
</style>

<script type="text/javascript">
        $(function() {
$("#tsm").appendTo("#pun-navlinks")
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
                $('li').has('ul').mouseover(function(){
                        $(this).children('ul').show();
                        }).mouseout(function(){
                        $(this).children('ul').hide();
                        })
          }
        });
</script>
	</head>
	<body>
    <ul id="tsm">
        <li><a href="#">Game Updates</a>
          <ul>
              <li><a href="#">Game News</a></li>
              <li><a href="#">Patch Updates</a></li>
              <li><a href="#">Version Updates</a></li>
              <li><a href="#">New Players</a></li>
          <li><a href="#">Upcoming Events</a></li>
              <li><a href="#">Calendar</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Tumblr</a></li>
    	  <li><a href="#">Deviantart</a></li>
              </ul>
    </li>
        <li><a href="#">Community</a>
          <ul id=tsm>
              <li><a href="#">Member Bulletins</a></li>
              <li><a href="#">Member/Character List</a></li>
              <li><a href="#">The Workshop</a></li>
              <li><a href="#">Awards Opt In</a></li>
              <li><a href="#">Player Collections</a></li>
          <li><a href="#">OOC Hub</a></li>
              <li><a href="#">Blogs</a></li>
              <li><a href="#">Competitions</a></li>
              <li><a href="#">Today's Top 10</a></li>
              </ul>
    </li>
    <li><a href="#">Roleplay</a>
          <ul id=tsm>
              <li><a href="#">Active Characters</a></li>
              <li><a href="#">Adoptables</a></li>
              <li><a href="#">Thread Pairing</a></li>
              <li><a href="#">Sizael Kingdom</a></li>
          <li><a href="#">Lemora</a></li>
              <li><a href="#">Deabition</a></li>
              <li><a href="#">Hirra's Sea</a></li>
              <li><a href="#">Specials</a></li>
    	  <li><a href="#">Inactive Characters</a></li>
              </ul>
    </li>
    <li><a href="#">Play Guides</a>
          <ul id=tsm>
          <li>
          	<a href="#">Starting Help</a>
    	      <ul><li>
              <li><a href="#">Getting Started</a></li>
    	      </li></ul>
    	  </li>
              <li><a href="#">Specials</a></li>
              <li><a href="#">Specials</a></li>
              <li><a href="#">Specials</a></li>

              <li><a href="#">Getting Started</a></li>
              <li><a href="#">Beginner's Roleplay</a></li>
              <li><a href="#">Creating A Character</a></li>
              <li><a href="#">Creating History</a></li>
          <li><a href="#">Character Relations</a></li>
              <li><a href="#">After Acceptance</a></li>
              <li><a href="#">Basic Punctuation</a></li>
              <li><a href="#">Anatomy of a 'Good' Post</a></li>
    	  <li><a href="#">Roleplaying Manners</a></li>
    	  <li><a href="#">Posting Styles</a></li>
              <li><a href="#">First IC Post</a></li>
    	  <li><a href="#">Unstick Yourself!</a></li>
              <li><a href="#">Writing RP Tips</a></li>
              <li><a href="#">Fight Scenes</a></li>
              <li><a href="#">Glossary of Terms</a></li>
              <li><a href="#">Common Sense Policy</a></li>

</ul>
    </li>
    <li><a href="#">Guidebook</a>
          <ul id=tsm>
              <li><a href="#">Game Rules</a></li>
              <li><a href="#">Recommended Reads</a></li>
              <li><a href="#">Game Mechanics</a></li>
              <li><a href="#">The Story</a></li>
          <li><a href="#">Characters</a></li>
              <li><a href="#">Companions & NPCs</a></li>
              <li><a href="#">World of Seno</a></li>
              <li><a href="#">Credits</a></li>
              </ul>
    </li>
    <li><a href="#">Staff</a>
          <ul id=tsm>
              <li><a href="#">Captain</a></li>
              <li><a href="#">HUD</a></li>
              <li><a href="#">Tempory</a></li>
              <li><a href="#">Квесты</a></li>
	</body>
</html>

<style type="text/css">
#pun #pun-navlinks.section { 
margin-top: -150px;
}
</style>

0

Поделиться883Вс, 3 Июн 2012 18:16:13

Автор: DarviO
Заслуженный
Зарегистрирован: Чт, 31 Май 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вт, 5 Мар 2013 20:37:31

Здравствуйте.
Помогите, пожалуйста.

Адрес: http://bauceron.dogbb.ru/

1. Убрать бордер для юзерлинков. Это не помогает:

#pun-ulinks .container {
background-color: transparent;
border-style: none;
text-shadow: 3px 3px 3px #e0e1c9;
}

Если убрать строку с бордером, то внутри этого бордера появляется другой. Т.е. код надо менять где-то еще, а где я не знаю. Печаль.
2. Убрать линию, которая отделяла слово "Объявление" от содержимого объявления.
3. Убрать нижний бордер в объявлении.
4. Можно ли сделать фон полупрозрачным? Как?

0

Поделиться884Вс, 3 Июн 2012 19:52:31

Автор: blood12
Заслуженный
Зарегистрирован: Чт, 12 Апр 2012
Сообщений: 59
Уважение: +2
Позитив: +2
Последний визит:
Пн, 3 Апр 2017 09:31:17

Здравствуйте. Подскажите пожалуйста, как сделать, чтобы картинки(иконки меню) при наведении мышкой сменялись плавно?
http://probnicart123.rusff.ru/

0

Поделиться885Вс, 3 Июн 2012 20:40:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

...

Отредактировано Deff (Вс, 3 Июн 2012 20:41:11)

0

Поделиться886Вс, 3 Июн 2012 22:17:54

Автор: Kassandra
Заслуженный
Зарегистрирован: Чт, 11 Янв 2007
Сообщений: 162
Уважение: +8
Позитив: +42
Пол: Женский
Последний визит:
Сб, 20 Май 2017 13:04:18

Напомните, пожалуйста, как в Стиле можно опустить название категорий?

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

Ставлю код для изменения картинок на категориях, а текст получается не в центре изображения, как должен быть, а остается наверху, почему-то:
Код:
.punbb  #pun-stats h2, #pun-main h2, #pun-debug h2 {
background-image: url("---");
background-repeat: no-repeat;
background-position: left;
margin-left: -1px;
height: 60px;
width: 900px;
}

0

Поделиться887Вс, 3 Июн 2012 23:25:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

Kassandra
Зависит от стиля - дайте ссылку , видную гостю

0

Поделиться888Пн, 4 Июн 2012 01:52:08

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

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

Попробуйте заменить HTML верх

Ммм... не совсем вышло то что я хотела... мне это черненькое меню надо бы НАД шапкой, и баннер туда же рекламный... то есть шапку вниз спустить немного, а это все над ней. Только чтобы фон форума виден не был... (не самый задний, а который светлый и с бордюрчиком по краям)...
~~знаю, я не умею объяснять...~~
http://whispering.rolka.su/

0

Поделиться889Пн, 4 Июн 2012 02:07:31

Автор: Чаечка
Заслуженный
Зарегистрирован: Пт, 15 Апр 2011
Сообщений: 1182
Уважение: +161
Позитив: +685
Пол: Женский
Последний визит:
Пн, 25 Мар 2024 07:42:54

А как в форуме Ссылка вверху написать как на этом форуме слева вместо mybb свои слова, конкретно "booklaif"?

0

Поделиться890Пн, 4 Июн 2012 02:50:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

Танюшка1482 написал(а):

Ммм... не совсем вышло то что я хотела... мне это черненькое меню надо бы НАД шапкой, и баннер

Сделайте Эскиз в ФШ

Чаечка написал(а):

А как в форуме Ссылка вверху написать как на этом форуме слева вместо mybb свои слова, конкретно "booklaif"?

И Вы тоже

Отредактировано Deff (Пн, 4 Июн 2012 02:51:24)

0

Поделиться891Пн, 4 Июн 2012 08:50:24

Автор: Hitsugaya Toushiro
Заслуженный
Зарегистрирован: Ср, 9 Май 2012
Сообщений: 70
Уважение: +3
Позитив: +16
Последний визит:
Сб, 21 Июл 2018 13:33:20

Здравствуйте!

Подскажите, пожалуйста, как сделать так, чтобы фон под таблицей форума был таким:

при этом плотно прилегал к шапке и названия разделов -

сохранили только собственно текст, а полоска фона под текстом была прозрачной.
И чтобы рамки колонок форума не были видны.

http://sw.webtalk.ru/

Заранее спасибо.

0

Поделиться892Пн, 4 Июн 2012 11:00:08

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

Hitsugaya Toushiro
Возьмите стиль с очищенной таблицей, затем переставьте фон на #pun или body

Примеры таких стилей можно взять
тут => Общие вопросы по оформлению (35) пост 149

Или тут => http://forumd.ru/viewforum.php?id=97

0

Поделиться893Пн, 4 Июн 2012 11:19:26

Автор: Hitsugaya Toushiro
Заслуженный
Зарегистрирован: Ср, 9 Май 2012
Сообщений: 70
Уважение: +3
Позитив: +16
Последний визит:
Сб, 21 Июл 2018 13:33:20

Deff
Спасибо большое!

0

Поделиться894Пн, 4 Июн 2012 15:12:48

Автор: Чаечка
Заслуженный
Зарегистрирован: Пт, 15 Апр 2011
Сообщений: 1182
Уважение: +161
Позитив: +685
Пол: Женский
Последний визит:
Пн, 25 Мар 2024 07:42:54

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

И Вы тоже

Не умею :dontknow:

Мне всего лишь надо аккурат в том же месте, что и у Вас на форуме http://forum.mybb.ru в левом верхнем углу написать вместо mybb - booklaif

и всё :shine:

0

Поделиться895Пн, 4 Июн 2012 15:26:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

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

Здравствуйте. Подскажите пожалуйста, как сделать, чтобы картинки(иконки меню) при наведении мышкой сменялись плавно?

Закажите Гифки для второй картинки (при наведении) с однократной анимацией, которая бы плавно переходила от предыдущей картинки к нужной Заказать можно тут => http://forumd.ru/viewtopic.php?id=1777

А обе картинки на каждый пункт поставьте скриптом => Типовые Вопросы п.п.21 пост 347

0

Поделиться896Пн, 4 Июн 2012 15:28:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51194
Уважение: +15227
Позитив: +11642
Последний визит:
Сегодня 15:32:28

Чаечка написал(а):

Не умею

Сделайте скриншот своего форума - обведите красным квадратом - где ставить буквы(Делается всё в Пейнте

0

Поделиться897Пн, 4 Июн 2012 15:35:08

Автор: Kassandra
Заслуженный
Зарегистрирован: Чт, 11 Янв 2007
Сообщений: 162
Уважение: +8
Позитив: +42
Пол: Женский
Последний визит:
Сб, 20 Май 2017 13:04:18

Deff
ссыль

0

Поделиться898Пн, 4 Июн 2012 16:14:04

Автор: RUSSIAN_GOBLIN
Cтарожил
Зарегистрирован: Пн, 8 Окт 2007
Сообщений: 2554
Уважение: +708
Позитив: +596
Пол: Мужской
Последний визит:
Вт, 5 Окт 2021 21:21:25

Kassandra, мож так:

.punbb #pun-stats h2, #pun-main h2, #pun-debug h2 {
background-image: url("---");
background-repeat: no-repeat;
background-position: left;
margin-left: -1px;
margin-top: 18px;
height: 60px;
width: 900px;
}

Число красным можно регулировать до норм. эффекта.

0

Поделиться899Пн, 4 Июн 2012 16:18:35

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

Скажите, как сделать так, чтобы ..в общем так: http://livetorise.rusff.ru/ на этом форуме тема под названием GAME OF THRONES идет кликабельная, и кликнув по ней - переходишь на сайт ролевой. Как это сделать?

0

Поделиться900Пн, 4 Июн 2012 17:19:05

Автор: Kassandra
Заслуженный
Зарегистрирован: Чт, 11 Янв 2007
Сообщений: 162
Уважение: +8
Позитив: +42
Пол: Женский
Последний визит:
Сб, 20 Май 2017 13:04:18

RUSSIAN_GOBLIN
Видно, объяснила я не по-русски. Двигается само тело форума и название. А надо название категорий.