byalllka
В HTML верх
<style>
#post-form h2 span{
display:inline-block;
padding-top:13px;
}
</style>
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (44)
byalllka
В HTML верх
<style>
#post-form h2 span{
display:inline-block;
padding-top:13px;
}
</style>
Как сделать главную навигацию форума разбросанной по шапке и анимированной (картинки Форум, Участники и т.д. менялись) в css? (не хочу загружать форум HTML-кодами)
ну к примеру, как тут: Кот или The Lion King - New Life- только плавно
Отредактировано Binika (Чт, 19 Июл 2012 13:32:59)
Как сделать главную навигацию форума разбросанной по шапке и анимированной
Заменить слова на изображения, с соответствующими эффектами. Через css это, пожалуй, единственный вариант.
Нужны изображения для каждого пункта меню, а также эскиз и адрес форума.
ну к примеру, как тут: Кот или The Lion King - New Life
правда я не знаю, как это делалось..
Заменить слова на изображения, с соответствующими эффектами. Через css это, пожалуй, единственный вариант.
Нужны изображения для каждого пункта меню, а также эскиз и адрес форума.
http://lionlev123.mybb.ru/
Но этот css-код нужен мне для нового летнего дизайна, так что иизображений нет пока(
Отредактировано Binika (Чт, 19 Июл 2012 13:37:35)
ну к примеру, как тут: Кот или The Lion King - New Life
Надо было сразу пример дать.
Подождите, я попробую по первому варианту сделать.
Надо было сразу пример дать.
так я и дала..
Спасибо)
Отредактировано Binika (Чт, 19 Июл 2012 13:47:29)
Binika
Вам именно через css нужно? Можно сделать плавный переход с одного цвета в другой, похожее на то, что есть на первом форуме-образце, но более плавное. Но это будет делаться добавкой скрипта в ХТМЛ-низ. Через css можно сделать простую смену, когда без наведения мыши - один цвет, при наведении меняется на другой. Какой вариант устроит?
плавный переход с одного цвета в другой, похожее на то, что есть на первом форуме-образце, но более плавное. Но это будет делаться добавкой скрипта в ХТМЛ-низ.
А давайте этот!)
Binika
Только тогда придётся меню текстом сделать, а не изображением.
Сейчас я у себя на форуме сделаю образец и покажу.
хорошо, жду)
ак сделать главную навигацию форума разбросанной по шапке
А как насчет этого вопроса?
А как насчет этого вопроса?
Это не сложно. Покажите, что и где должно располагаться - сделаю.
http://tps.bbmy.ru. Анимация в главном меню форума. Единственное, что мне не нравится - это то, что в первый раз цвет меняется не плавно, но это исправимо. В остальном, цвет и скорость перехода можно менять так, как нужно.
Это не сложно. Покажите, что и где должно располагаться - сделаю.
Хотя, я уже передумала делать меню на шапке.
http://tps.bbmy.ru. Анимация. В главном меню форума. Единственное, что мне не нравится - это то, что в первый раз цвет меняется не плавно, но это исправимо. В остальном, цвет и скорость перехода можно менять так, как нужно.
Прелестно! Можно код?)
Прелестно! Можно код?)
Можно. Это в ХТМЛ-верх:
<script src="http://forumstatic.ru/files/0003/83/96/47989.js"></script>
Если хотите, можете сохранить этот файл и залить у себя на форуме в меню "Файлы", можете использовать этот с моего тестового форума.
Это сам код, его в ХТМЛ-низ:
<script type="text/javascript">
$("#pun-navlinks span").css("color","#fff");
$('#pun-navlinks span').hover(function() {
$(this).animate({
color: '#c4c4c4'
}, 650)},
function(){
$(this).animate({
color: '#fff'
}, 650)
});
</script>
Красным - цвет в обычном состоянии, зелёным - при наведении мыши. 650 - скорость изменения цвета.
Не забудьте убрать Ваш скрипт на замену пунктов меню на изображения.
Помогите сделать так, что бы банеры партнеров были в своем окошке с прокруткой?
вот форум http://bezbazara.rusff.ru/
вот скрин как хотелось бы http://s1.uploads.ru/i/Ja8N9.png
Ринail.ru
Здравствуйте.
Помогите сделать так, что бы банеры партнеров были в своем окошке с прокруткой?вот форум http://bezbazara.rusff.ru/вот скрин как хотелось бы http://s1.uploads.ru/i/Ja8N9.png
Так?
<style type="text/css"> #pun-announcement .container { padding-top: 1.2em; } /* Align */ .warrio td { text-align: center; vertical-align: top; } /* Titles */ .warrio h3 { font: 18px 'palatino linotype', serif; font-style: italic; margin: 5px 0 5px 0; } </style> <center> <table cellpadding="0" cellspacing="0" class="warrio" style="width: 90%; height: 300px;"> <tr style="height: 240px;"> <td style="width: 50%;"> <h3>Оглавление</h3> <i>Здравствуй, дорогой гость! Мы очень рады видеть Вас на нашей ролевой! Наш мир чем-то похож на мир людей, вот только двуногих особей этого вида уже давно нет в Сан-Франциско. Но теперь тут расположились собаки, жизнь которых кипит разными событиями. Образовалась главная Криминальная свора города, которая не дает спокойно жить мирным жителям, но не вывелись смелые псы, которые решили бросить вызов опасности. Так образовалась группировка Штаба Полиции. Становись на сторону Зла, или на сторону Добра. Сделай свой выбор! Мы поддержим любой!</i><br /> <br /> <b>поддержка</b><br /> <a href="http://top.roleplay.ru/18308" target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP"> <img alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" height="31" src="http://img.rpgtop.su/88x31x11x8.gif" width="88" /></a> </td> <td rowspan="2" style="width: 40%;"> <div style="width: 100%; height: 230px; overflow-y: auto;"> <h3>Руководство</h3> <a href="http://bezbazara.rusff.ru/profile.php?id=2"> <img border="0" src="http://s1.uploads.ru/i/xLlTP.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=4"> <img border="0" src="http://s1.uploads.ru/i/Z7Aul.jpg" /></a> <br /> <a href="http://bezbazara.rusff.ru/profile.php?id=5"> <img border="0" src="http://s1.uploads.ru/i/w0eFy.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=12"> <img border="0" src="http://s1.uploads.ru/i/wYfri.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=11"> <img border="0" src="http://s1.uploads.ru/i/p1QlO.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=17"> <img border="0" src="http://s1.uploads.ru/i/FK8Yd.jpg" /></a> <br /> <a href="http://bezbazara.rusff.ru/profile.php?id=21"> <img border="0" src="http://s1.uploads.ru/i/TcB3P.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=7"> <img border="0" src="http://s1.uploads.ru/i/pF7wm.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=16"> <img border="0" src="http://s1.uploads.ru/i/RuomU.jpg" /></a> <a href="http://bezbazara.rusff.ru/profile.php?id=3"> <img border="0" src="http://s1.uploads.ru/i/CQUpa.jpg" /></a> </div> <br /> <div style="width: 100%; height: 150px; overflow-y: auto;"> <h3>Погода:</h3> <b>Июль. Понедельник. Утро.</b><br /> <i>Солнце. Лето. Жара. Температура держится в пределах от +30С до +45С. Солнце ярко освещает все вокруг, прилетевшие птицы распевают песни и уже высиживают своих деток. Стабильная летняя температура уже не сильно радует, всем очень жарко! Жара настораживает, что стало началом для слухов, что скоро будет засуха. </i></div> <div style="width: 100%; height: 60px; overflow-y: scroll;"> <a href="http://elitemongrels.rusff.ru" target="blank" title="Элита против Дворняг!"> <img src="http://uploads.ru/i/9/d/u/9duxK.gif"></a><a href="http://donotbeafraidofthedark.rolka.su/" target="_blank"><img alt="Не бойся темноты" src="http://s019.radikal.ru/i629/1207/ba/96000f8d416b.gif" /></a><a href="http://fireratium.mybb.ru" target="_blank"><img src="http://i009.radikal.ru/1202/e1/7df61d150b48.jpg"></a><a href="http://blueberrydelond.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/H/X/G/HXG8R.gif"></a> <a href="http://heartsofdogs.rolka.su/" target="_blank"> <img alt="Посмотри на мир глазами собаки" src="http://s1.uploads.ru/i/CPH1n.gif" /></a><a href="http://catsclan.mybb.ru/" target="_blank"><img alt="КВ|Дух Свободы" height="31" src="http://savepic.ru/1742864.gif" width="88" /></a><a href="http://apackofhoundsproud.mybb.ru/" target="_blank"><img border="0" height="31" src="http://s1.uploads.ru/i/w/s/T/wsTxa.gif" title="A pack of hounds proud" width="81"></a><a href="http://artana.rolka.su/" target="_blank"><img border="0" src="http://s1.uploads.ru/i/wJxFk.png" title="Sign of Artana"></a> </div> </td> </tr> <tr> <td rowspan="2" style="height: 60px;"> <h3>События в игре</h3> <i>Не менее интересные события разворачиваются <a href="http://bezbazara.rusff.ru/viewtopic.php?id=71"><b>в, пожалуй, самом жутком месте Сан-Франциско</b></a>. Хаски по имени Лисс предстоит осознать пугающую связь своего спутника Вьянсона с ужасающими коридорами старой лаборатории. <a href="http://bezbazara.rusff.ru/viewtopic.php?id=94"><b>В округе владений своры</b></a> дерзко и красиво развивается история двух мафиози. Кто знает, во что выльется напряженная беседа аристократки Весны и новоиспеченного члена своры Джека. Что-то совершенно странное и неясное происходит <a href="http://bezbazara.rusff.ru/viewtopic.php?id=101#p1784"><b>на территории старого завода</b></a> и плавно движется в сторону <a href="http://bezbazara.rusff.ru/viewtopic.php?id=79#p92"><b>рынка</b></a>. Криминальный авторитет и комиссар полиции. Все так предсказуемо... но только на первый взгляд... Незамысловатая встреча произошла <a href="http://bezbazara.rusff.ru/viewtopic.php?id=104"><b>у руин старого замка</b></a>, но только время раскроет все карты... А <a href="http://bezbazara.rusff.ru/viewtopic.php?id=144"><b>у озера</b></a> обстановка накалена до предела. Дочь шефа полиции с безумным бесстрашием дерзит почетному члену своры, а та в свою очередь совсем не против свернуть щенку шею. </i></td> </tr> </table> </center>
Доброго времени суток всем.
Господа, подскажите такую вещь: глючит меня, или вот здесь затесались лишние куски скрипта спойлера?
<style> #menu span { padding: 7px 2px 7px; margin-right: 0px; margin: 10px 0; width: 50%; text-decoration: none; } #menu .tabactive { color: #2662DF; background: transparent; } #submenu { padding: 5px; height: 110%; text-align: center; font-size: 13px; width: 900px; } .submenutext { display: none; height: 110%; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <style type="text/css"> /*Спойлер */ .punbb .quote-box.spoiler-box{ border:#ccc 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } .post-content .spoiler-box > div { background: url(http://uploads.ru/i/d/A/w/dAw4B.gif) 0% 4px no-repeat transparent; padding-left: 18px; } .post-content .spoiler-box > div.Active { background: url(http://uploads.ru/i/Z/Q/s/ZQsJP.gif) 0% 4px no-repeat transparent; padding-left: 18px; } .post-content .spoiler-box > blockquote.visible { display: none;}.punbb .spoiler-box blockquote { min-width: 100%!important; } .post-content .spoiler-box span.hide{ display:none; } #button-spoiler { background: url('http://uploads.ru/i/A/I/F/AIFqG.gif') no-repeat center !important; } </style> <script type="text/javascript"> function tag_spolierr(){ var enterTITLE = prompt("Введите описание спойлера", 'Спойлер'); var enterTITLE2 = 'Закрыть'; bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]'); } </script> <script type="text/javascript"> $(document).ready(function(){ a='<img onclick="tag_spolierr()" title="spoiler" src="/i/blank.gif"/>' $("#form-buttons td#button-spoiler img").replaceWith(a); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() { $(this).html('<p type=text style="margin:0 0 -6px 0;">'+$(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')+'</p>') }); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").live("click", function(){ $(this).toggleClass("Active") $(this).next('blockquote').toggle('Slow'); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); </script> <!-- Правки для спойлера сервиса НТML верх-->
TheK
Эт новый спойлер
А вот это Выкинуть
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Deff, благодарствую.
не актуально
Отредактировано Gabriel Black (Пт, 20 Июл 2012 05:13:58)
Заранее извиняюсь за мультипостинг..
Можно ли как-то подвинуть содержимое тела форума, включая меню, подфорумы и т.д., но не двигая фон тела? Хочется, чтобы всё это было по центру, однако двигая его в /* A5.1 */ с помощью margin: двигается и фон, отчего получается нестыковка с шапкой по границам. Можно ли как-то двинуть содержимое, не трогая фон?
Адрес - http://tesstforum.mybb.ru/
Отредактировано Gabriel Black (Пт, 20 Июл 2012 09:20:43)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (44)