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

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

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


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


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

Сообщений 601 страница 620 из 1000

601

byalllka
В HTML верх

<style>
#post-form h2 span{
display:inline-block;
padding-top:13px;
}
</style>

0

602

Как сделать главную навигацию форума разбросанной по шапке и анимированной (картинки Форум, Участники и т.д. менялись) в css? (не хочу загружать форум HTML-кодами)
ну к примеру, как тут: Кот или The Lion King - New Life- только плавно

Отредактировано Binika (Чт, 19 Июл 2012 13:32:59)

0

603

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

Как сделать главную навигацию форума разбросанной по шапке и анимированной

Заменить слова на изображения, с соответствующими эффектами. Через css это, пожалуй, единственный вариант.
Нужны изображения для каждого пункта меню, а также эскиз и адрес форума.

0

604

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

ну к примеру, как тут: Кот или The Lion King - New Life

правда я не знаю, как это делалось..

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

Заменить слова на изображения, с соответствующими эффектами. Через css это, пожалуй, единственный вариант.
Нужны изображения для каждого пункта меню, а также эскиз и адрес форума.

http://lionlev123.mybb.ru/
Но этот css-код нужен мне для нового летнего дизайна, так что иизображений нет пока(

Отредактировано Binika (Чт, 19 Июл 2012 13:37:35)

0

605

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

ну к примеру, как тут: Кот или The Lion King - New Life

Надо было сразу пример дать.

Подождите, я попробую по первому варианту сделать.

0

606

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

Надо было сразу пример дать.

так я и дала..
Спасибо)

Отредактировано Binika (Чт, 19 Июл 2012 13:47:29)

0

607

Binika
Вам именно через css нужно? Можно сделать плавный переход с одного цвета в другой, похожее на то, что есть на первом форуме-образце, но более плавное. Но это будет делаться добавкой скрипта в ХТМЛ-низ. Через css можно сделать простую смену, когда без наведения мыши - один цвет, при наведении меняется на другой. Какой вариант устроит?

0

608

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

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

А давайте этот!)

0

609

Binika
Только тогда придётся меню текстом сделать, а не изображением.
Сейчас я у себя на форуме сделаю образец и покажу.

0

610

хорошо, жду)

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

ак сделать главную навигацию форума разбросанной по шапке

А как насчет этого вопроса?

0

611

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

А как насчет этого вопроса?

Это не сложно. Покажите, что и где должно располагаться - сделаю.
http://tps.bbmy.ru. Анимация в главном меню форума. Единственное, что мне не нравится - это то, что в первый раз цвет меняется не плавно, но это исправимо. В остальном, цвет и скорость перехода можно менять так, как нужно.

0

612

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

Это не сложно. Покажите, что и где должно располагаться - сделаю.

Хотя, я уже передумала делать меню на шапке.

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

http://tps.bbmy.ru. Анимация. В главном меню форума. Единственное, что мне не нравится - это то, что в первый раз цвет меняется не плавно, но это исправимо. В остальном, цвет и скорость перехода можно менять так, как нужно.

Прелестно! Можно код?)

0

613

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

Прелестно! Можно код?)

Можно. Это в ХТМЛ-верх:

Код:
<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 - скорость изменения цвета.
Не забудьте убрать Ваш скрипт на замену пунктов меню на изображения.

0

614

Помогите сделать так, что бы банеры партнеров были в своем окошке с прокруткой?
вот форум http://bezbazara.rusff.ru/
вот скрин как хотелось бы http://s1.uploads.ru/i/Ja8N9.png

0

615

Ринail.ru
Здравствуйте.

Рин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>

0

616

Доброго времени суток всем.
Господа, подскажите такую вещь: глючит меня, или вот здесь затесались лишние куски скрипта спойлера?

Код:
<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 верх-->

0

617

TheK
Эт новый спойлер
А вот это Выкинуть
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

+1

618

Deff, благодарствую.

0

619

не актуально

Отредактировано Gabriel Black (Пт, 20 Июл 2012 05:13:58)

0

620

Заранее извиняюсь за мультипостинг..
Можно ли как-то подвинуть содержимое тела форума, включая меню, подфорумы и т.д., но не двигая фон тела? Хочется, чтобы всё это было по центру, однако двигая его в /* A5.1 */ с помощью margin: двигается и фон, отчего получается нестыковка с шапкой по границам. Можно ли как-то двинуть содержимое, не трогая фон?
Адрес - http://tesstforum.mybb.ru/

Отредактировано Gabriel Black (Пт, 20 Июл 2012 09:20:43)

0


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