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

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

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


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


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

Сообщений 681 страница 700 из 1000

681

kolobdur74

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon { background: url(http://s3.uploads.ru/0hPQF.png) no-repeat;}
tr.inew div.icon { background: url(http://s3.uploads.ru/xzo58.png) no-repeat;}
tr.iclosed div.icon { background: url(http://s3.uploads.ru/9OfCN.png) no-repeat;}
tr.isticky div.icon { background: url(http://s3.uploads.ru/utkdR.png) no-repeat;}

вот оно - самый низ второго окна стиля

0

682

Леонесса написал(а):

вот оно - самый низ второго окна стиля

Действительно странно - все рабочее.. http://i053.radikal.ru/0806/7f/8b80a2497566.gif
А попробуйте в НТМЛ верх поставить:

Код:
<style type="text/css">
div.icon { background: url(http://s3.uploads.ru/0hPQF.png) no-repeat;}
</style>

Будет оно у вас работать?

0

683

Леонесса написал(а):

вот оно - самый низ второго окна стиля

А перед ней типичная ошибка (см красным)
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #113900;
  text–transform: uppercase;
  text-decoration: none;
  text-align: center;
  position: center;}

#pun-navlinks .container {
text-align: center;
position: center;
font-family: Palatino Linotype;
font-size: 13px;
text-transform: uppercase;
background-color: transpanent;
top: 510px;
left: 0px}
#pun-ulinks .container {
text-align: center;
position: center;
font-family: Georgia;
font-size: 10px;
text-transform: uppercase;
top: 308px;
left: 0px}
  }

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon { background: url(http://s3.uploads.ru/0hPQF.png) no-repeat;}

Отредактировано Deff (Ср, 5 Июн 2013 01:24:21)

+2

684

Caroline
Посмотрел еще раз внимательно ваш форум - у вас эта полоса идет до самого низа.. Как мне кажется - это из-за фона - у него тоже ширина нечетная: 1629, возможно из-за этого не центрируется..

0

685

kolobdur74
все равно не получилось(

0

686

Caroline, не уверен, что поможет, но попробуйте.
Администрирование - Свой стиль - Структура стиля -

/* A5.1 */
#pun {
  margin: 0 auto;
  width : 874px;
  padding: 0px 0px 0px 0px;
  border: 0px soild transparent;
}

Попробуйте задать больший внутренний отступ с правой стороны (это выделенная темно-красным цифра). Например, 1px.

Либо увеличить разрешенное для лого пространство (зеленым). 876px - какой размер логотипа, собственно, у вас и есть на самом деле.

Отредактировано Remus John Lupin (Ср, 5 Июн 2013 13:52:49)

0

687

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

left: 0px}
  }

так вроде все стоит? Или красное надо убрать?
kolobdur74
пробовали и так((

0

688

Леонесса, нужна только одна открывающаяся и одна закрывающаяся фигурная скобка :-) А у вас закрывающихся две.

+1

689

Леонесса написал(а):

так вроде все стоит? Или красное надо убрать?

Deff красным отметил ошибку - лишняя скобка. Проверьте внимательно нет ли еще ошибок в коде у вас, бо должно работать.

+1

690

Remus John Lupin
kolobdur74
Deff
Вы просто волшебны!! Спасибо огромное!!!

0

691

http://anarchycats.mybb.ru/
Господи, у меня уже руки трясутся и нервы на пределе  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif
Помогите этого маленького сученыша-слайдера впихнуть в маленькую таблицу и сделать его по ширине нормальным. И вообще какая-то херня творится, другими словами и не описать.
Заранее благодарю :3

Отредактировано `тихая (Чт, 6 Июн 2013 00:42:08)

0

692

`тихая
Типовые Вопросы п.п.35.

0

693

`тихая, попробуйте в Администрирование - Настройки -
вот в этой строке, задающей параметры див-блока со слайдером

<div style="position: absolute; z-index: 100; top: 65px; left: 50%; margin-left: -420px;">

изменить отступ слева (выделенный) на -105px

По поводу ширины - лучше нарисуйте

0

694

Deff
Не-е-е-ет.. не отправляйте меня туда Т_Т
Тут проблема не только в этом. А в кодах слайдера и мини-слайдера самих.

0

695

Remus John Lupin
http://s1.uploads.ru/i/P/c/V/PcV46.png
только не 360 на 130, а где-то 408 на 168

0

696

Remus John Lupin
Сейчас кое-что поковыряла. Мини-слайдер встал на место, но теперь он замер словно на него навели курсор.
А с верхним вроде проблема понятна. Надо расширить каким-то чудом контейнеры, чтобы один не залезал на другой

0

697

`тихая, боюсь, что тут вам может помочь именно Дефф.

0

698

`тихая
Замените HTML верх

Код:
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.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 верх-->



<div style="height:96px; width:400px;top:40px;margin-left:304px;position:absolute;z-index:100;">


   <div id="slider2" slide-width="440" slide-height="160" class="slider" style="padding:0;height:0;width:0">

<!-- Две Кнопки слайдера -->
    <img button-width="22" class="button-left hide" src="http://uploads.ru/i/F/N/O/FNOgh.png"/>
    <img button-width="22" class="button-right" src="http://uploads.ru/i/W/H/h/WHhYL.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

<b>НОВОСТИ</b><br>
<center><a href="http://top.roleplay.ru/17283" target="top_" 
 title="Рейтинг Ролевых Ресурсов"><img 
 src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов"
 border="0" width="88" height="31"></a><br>
<b>>>></b>
Тададам!! <br>
Спустя несколько долгих месяцев мы решили возобновить наш форум! И иже с ним ввели несколько новых обновлений, касающиеся игры, которые вы можете посмотреть
 <a href="http://anarchycats.mybb.ru/viewtopic.php?id=208#p3748"><i>здесь</i></a> и  <a href="http://anarchycats.mybb.ru/viewtopic.php?id=186"><i>здесь.</i></a><br/>

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

<b>АДМИНИСТРАЦИЯ</b><br>
<a href="http://anarchycats.mybb.ru/profile.php?id=2"><img onmouseover="this.src='http://s1.uploads.ru/i/S27Ks.png'" src="http://s1.uploads.ru/i/jiRDU.png" onmouseout="this.src='http://s1.uploads.ru/i/jiRDU.png'"></a> <a href="http://anarchycats.mybb.ru/profile.php?id=5"><img onmouseover="this.src='http://s1.uploads.ru/i/JsgKa.png'" src="http://s1.uploads.ru/i/1mUSj.png" onmouseout="this.src='http://s1.uploads.ru/i/1mUSj.png'"></a> <br>
<b>Нужные персонажи:</b> Иванке требуется <a href="http://anarchycats.mybb.ru/viewtopic.php?id=15#p3767"><i>сводный брат</i></a>, Капели требуются <a href="http://anarchycats.mybb.ru/viewtopic.php?id=15#p1492"><i>оба родителя</i></a>. <br>Так же нам в срочном порядке нужны предводители во все племена. <br><br>
<b>Должники:</b> 
<br>
<b>Требуются:</b> нужны помощники! Записаться можно в <a href="http://anarchycats.mybb.ru/viewtopic.php?id=184"><i>этой теме</i></a>

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

<b>ИГРОВЫЕ МОМЕНТЫ</b><br>

<b>События в игре:</b><br>
Размеренно и тихо течет жизнь котов-воителей. К холодам все племена подготовились, так что сейчас никто из не в праве жаловаться на холода.<br>
Проходит <a href="http://anarchycats.mybb.ru/viewtopic.php?id=209#p3764"><i>квест о краже</i></a> и ещё один квест, уже более существенный, <a href="http://anarchycats.mybb.ru/viewtopic.php?id=202"><i>о таинственном похищении</i></a>
<b>Погода:</b><br>
Ну все, дорогие котейки, держитесь! Настали зимние времена или "великая депрессия". Все пташки уже давно улетели на юг, животные нашли места для перезимовки. А лес уже погребен под толстым слоем снега. <br><br>
Утро: - 3 ; - 6<br>
День: - 10 ; - 12<br>
Вечер: - 13 ; - 15<br>
<b>Время:</b>
Ранее утро. 

</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">
<a href="http://anarchycats.mybb.ru/viewtopic.php?id=82#p115"><b>ПАРТНЕРЫ</b></a><br/><br/>
<a href="http://streetdreamsyeah.rusff.ru/" target=_blank> <img src="http://s017.radikal.ru/i405/1204/7a/f18e6a22894b.gif" border="0" width="88" height="31"></a>
<a href="http://warriors.8bb.ru/" target="_blank"><img src="http://savepic.net/2825803.gif" border="0" alt="любовь к РКВ навечно" width="88" height="31" /></a>
<br/><br/>
<b>БАНЕРООБМЕН</b><br/>


</div>

   </div><script>$("#slider2").slideF();</script><!--//End Cлайдер -->

<style type="text/css">
a {color:#4de2e0; text-decoration:none;}

#container {width:400px;
	    height:96px;
	    position:relative;
	    overflow:hidden;
	    z-index:3;
	    padding:0;
	    margin:0 auto;
	    margin-left:20px;
	    background-image:url(http://uploads.ru/i/t/N/s/tNsJB.png);
	    border: none;}

#container:hover {border-color:#303030;}

#overlay {background-color:#000;
	  display:block;
	  position:absolute;
	  top:0;
	  left:0;
	  width:450px;
	  height:96px;
	  z-index:3;}

#hover {display:block;
        width:335px;
	height:96px;
	position:absolute;
	z-index:3;
	padding: 5px 5px 5px 10px;
        color: #fff;}
</style>
<br>
	<div>
<div id="container">
<div id="overlay"></div>

<div id="hover">

Что-то странное твориться в лесу. Словно, какой-то волшебник наколдовал всюду невидимые порталы. Порталы, которые ведут в проклятое место. Просто идешь-идешь и внезапно попадаешь туда. И если ты там - знай - ты больше не вернешься... 
<br/>
<a href="http://anarchycats.mybb.ru/viewtopic.php?id=99" style="color: #fff;"><i><b>>> подробнее</b></i></a>

</div></div></div>


</div>


<!--Спойлер-->
<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>


<style>
.meter1,
.meter2{
vertical-align:middle;
height:12px!important;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-image: url(http://savepic.net/1753548.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:108px!important;
border-collapse:collapse;
border:none 0 transparent;
}

.meter1 div,
.meter2 div{
max-width:100px!important;
padding:0!important;
margin-left:4px;
border-collapse:collapse;
border:none 0 transparent;
height:12px;
}
.meter1 div{
background-image: url(http://savepic.net/1743298.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(http://savepic.net/1735106.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
</style>

Отредактировано Deff (Чт, 6 Июн 2013 01:42:36)

0

699

Deff
Большооое спасибо! Но всегда есть это противное но.
Чутка не в ту сторону слайдер вертится ))

0

700

`тихая
Добавьте красным

</div><script>$("#slider2").slideF(1,600);</script><!--//End Cлайдер -->

В принципе не понятны предпочтения - слайдер должен двигаться по стрелке, а не против

Этот скрипт из HTML низ - можно убрать:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 320;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

Отредактировано Deff (Чт, 6 Июн 2013 13:03:36)

0


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