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

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

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


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


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

Сообщений 501 страница 520 из 1001

1

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

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

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

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

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

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

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

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

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

+2

501

сам решил хд

Отредактировано boom (Вт, 25 Апр 2017 19:36:28)

0

502

Доброго времени вновь.
Воюю с окантовкой поля профиля здесь: Тестовый.
Беда в том, что не отображается основная картинка, а лишь верхние и нижние ограничители. Попробовал сделать эту окантовку наподобие кода по окантовке профиля целиком, но что-то пошло не так.

Скрин

http://s4.uploads.ru/t/JqN2n.png

И еще хотелось бы как-нибудь уменьшить расстояние между статусом и аватаром снизу.

Скрин

http://s2.uploads.ru/t/dF1Tb.png

Отредактировано Estar (Сб, 29 Апр 2017 17:32:50)

0

503

Estar
Попробуйте так

Код:
.punbb .post .post-author > ul li.pa-fld1 {
    background: url(http://s019.radikal.ru/i600/1704/d0/d80255e9aa69.png) no-repeat 0 top, url(http://s019.radikal.ru/i603/1704/4a/04770196021b.png) 0 bottom no-repeat, url(http://s019.radikal.ru/i609/1704/7a/186e40671ea6.png) 0 repeat-y !important;
    margin: 5px 0 0px 5px !important;
    padding: 10px 10px 10px 10px!important;
    text-align: center;
}

+2

504

Reysler, большое спасибо, все отлично!

0

505

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

И еще хотелось бы как-нибудь уменьшить расстояние между статусом и аватаром снизу.

Администрирование - Свой стиль, во второе поле (style_cs.css):

Код:
.post-author .pa-title {
    margin-bottom: -2px !important;
}

+2

506

Reysler, ещё раз благодарю.)

0

507

http://btr.anihub.ru/
Доброго всем! У нас сломалась таблица, после того как были добавлены настройки для шрифта. У напарника она вообще пропала. Как это лечится?

...

http://s1.uploads.ru/QOBYh.png

0

508

Эвелина Шайн
Замените HTML верх:

Код:
	<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Уважаемые игроки<br/> и гости форума Big Time Rush.<br/><br/>В данный момент<br/> на форуме проводятся<br/> некоторые изменения, посему он находится в режиме профилактики.<br/> Через несколько минут он вновь будет доступен, так что не переключайтесь!</center><br/> С уважением<center>Администрация форума.</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">
    var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
    var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для Администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script><!--end/profilaktika-->

<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
    outline: red 0px solid;
    top: 80px;
    padding: 0;
    margin-left: -790px;
    position: fixed;
    z-index: 1000;
    text-align: justify;
    font: 400 normal 11px/12px Arial;
}
.content-L {
    padding: 12px;
    width: 299px;
    height: 221px;
    margin-left: -4px;
    margin-top: 10px;
    position: absolute;
    color: #3e3e3e;
}
</style>
<div data="-486" id="left-panel">
<div class="content-L">
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://forumstatic.ru/files/0014/e3/10/10681.png" a title="Макс Дикинсон">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главный рыжий. Можно обратиться за помощью с анкетой или по каким-либо вопросам, касающимся игры или технической части. А также можно написать просто, чтобы поболтать с:
</div>	
	</td>
</tr>
</table>
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="90%"> <!-- 1 - 1 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главный стервочка. Точить лясы - его профессия, но иногда может и ответить на существенные вопросы, к примеру, которые касаются технической части форума, заполнения каких-либо тем или ещё чего-либо. В свободное время лениво пиарит и сидит во флуде.
</div>	
	</td>
	<td width="10%"> <!-- 1 - 2 -->
<img src="http://forumstatic.ru/files/0014/e3/10/23524.png" a title="Каид Хассан">	
	</td>
</tr>
</table>
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://forumstatic.ru/files/0014/e3/10/87330.png" a title="Дамия Финч">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главная по кодам. Всё, что касается части скриптов, кодов, дополнений, поехавших дизайнов - всё к ней. Дами тут главный программист, а остальные два пня в этом толком не шарят. Так что если возникли какие-то вопросы по кодам - обращайтесь.
</div>	
	</td>
</tr>
</table>
</div>
<img id="img-left" src="http://forumstatic.ru/files/0014/e3/10/34637.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->

<!--------- НАВИГАЦИЯ --------->
<div id="link">
<div class="nlink">
<a href="http://btr.anihub.ru/viewtopic.php?id=2#p2">гостевая</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=9#p9">правила</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=11#p13">сюжет</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=14#p17">список ролей</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=15#p20">внешности</a>
<a href="http://btr.anihub.ru/viewforum.php?id=4">акции</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=13#p16">шаблон анкеты</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=12#p14">о мире</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=46#p591">место жительства</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=4#p4">f.a.q.</a>
</div>	
</div>

<!------ ОТКЛЮЧЕНИЕ ДОПОЛНЕНИЙ ------>
<script type="text/javascript">
rusffLive.enable = false;
</script>
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>

<!--Оформление всплывающей  подсказки-->
<script type="text/javascript">$(document).ready(function() { $('*[title]:not(.post-content)').tipsy({gravity: 's'});});</script>

<!------- СТРЕЛОЧКИ ------->
<div class="go-up" title="Вверх" id='ToTop'><img src="http://s0.uploads.ru/61xPX.png"></div>
<div class="go-down" title="Вниз" id='OnBottom'><img src="http://s1.uploads.ru/83BZm.png"></div>


<!------- ТАБЛИЦА ------->
<div id="table_one" style="margin-top:14px;">
    	<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>


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

<!------- НОВОСТИ ------->
<div id="news">
<div class="Data">01.05</div><div class="TextNews">Наконец, мы доделали всё, что хотели доделать и вновь открываем свои двери. Всю подробную информацию, касаемую нововведений, изменённых тем и прочих моментов, вы можете прочесть в <a href="">БЛОГЕ АДМИНИСТРАЦИИ</a>.</div>
</div>
</div>

<div id="pun-title" class="section">
	<table id="title-logo-table" cellspacing="0">
<tbody id="title-logo-tbody">
	<tr id="title-logo-tr">
<td id="title-logo-tdl" class="title-logo-tdl">
	<h1 class="title-logo"><span>Big Time Rush</span></h1>
</td>
<td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
	</tr>
</tbody>
	</table>

0

509

Deff
Заменила, но теперь другая проблема
http://s5.uploads.ru/wzeND.png

0

510

Эвелина Шайн
:glasses: Поясните яснее - я не наю что и как Вам именно нужно и  какие недостатки проявились (Ваще мельком пробегал...

0

511

Поправил(Зависело от экрана(прост у меня большеЖ

Код:
<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" /><div id="msg-n2">У Вас отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div><div id="LogIn_Window" style="display:none"><center>Уважаемые игроки<br/> и гости форума Big Time Rush.<br/><br/>В данный момент<br/> на форуме проводятся<br/> некоторые изменения, посему он находится в режиме профилактики.<br/> Через несколько минут он вновь будет доступен, так что не переключайтесь!</center><br/> С уважением<center>Администрация форума.</center><br/><hr><br/><br/></div></div><!-- --><script type="text/javascript">
    var ON_button=0; //Cвитч включения: 1 - включено!; 0 - выключено
    var  moderDostyp_ON=0; //?Модер-доступ включён?: 1 - включен!; 0 - выключен
    if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
    $("style.#style_st,div.#pircs2").replaceWith("");}
      else {$("#msg-n2").replaceWith("");
    if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
    document.location.href = "../login.php"}else {
    $(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
    $("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
    var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
    v.replaceWith("<span>Вход только для Администраторов</span>");});};}
    else {document.location.href = "../login.php?action=out&id="+UserID};}
    </script><!--end/profilaktika-->
 
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
    outline: red 0px solid;
    top: 80px;
    padding: 0;
    margin-left: -305px;
    left:0;
    position: fixed;
    z-index: 1000;
    text-align: justify;
    font: 400 normal 11px/12px Arial;
}
.content-L {
    padding: 12px;
    width: 299px;
    height: 221px;
    margin-left: -4px;
    margin-top: 10px;
    position: absolute;
    color: #3e3e3e;
}
</style>
<div data="0" id="left-panel">
<div class="content-L">
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://forumstatic.ru/files/0014/e3/10/10681.png" a title="Макс Дикинсон">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главный рыжий. Можно обратиться за помощью с анкетой или по каким-либо вопросам, касающимся игры или технической части. А также можно написать просто, чтобы поболтать с:
</div>	
	</td>
</tr>
</table>
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="90%"> <!-- 1 - 1 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главный стервочка. Точить лясы - его профессия, но иногда может и ответить на существенные вопросы, к примеру, которые касаются технической части форума, заполнения каких-либо тем или ещё чего-либо. В свободное время лениво пиарит и сидит во флуде.
</div>	
	</td>
	<td width="10%"> <!-- 1 - 2 -->
<img src="http://forumstatic.ru/files/0014/e3/10/23524.png" a title="Каид Хассан">	
	</td>
</tr>
</table>
<table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://forumstatic.ru/files/0014/e3/10/87330.png" a title="Дамия Финч">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
Главная по кодам. Всё, что касается части скриптов, кодов, дополнений, поехавших дизайнов - всё к ней. Дами тут главный программист, а остальные два пня в этом толком не шарят. Так что если возникли какие-то вопросы по кодам - обращайтесь.
</div>	
	</td>
</tr>
</table>
</div>
<img id="img-left" src="http://forumstatic.ru/files/0014/e3/10/34637.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->
 
<!--------- НАВИГАЦИЯ --------->
<div id="link">
<div class="nlink">
<a href="http://btr.anihub.ru/viewtopic.php?id=2#p2">гостевая</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=9#p9">правила</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=11#p13">сюжет</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=14#p17">список ролей</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=15#p20">внешности</a>
<a href="http://btr.anihub.ru/viewforum.php?id=4">акции</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=13#p16">шаблон анкеты</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=12#p14">о мире</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=46#p591">место жительства</a>
<a href="http://btr.anihub.ru/viewtopic.php?id=4#p4">f.a.q.</a>
</div>	
</div>
 
<!------ ОТКЛЮЧЕНИЕ ДОПОЛНЕНИЙ ------>
<script type="text/javascript">
rusffLive.enable = false;
</script>
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<script type="text/javascript">
RusffCore.sets.rusff_smilepack = 0;
</script>
 
<!--Оформление всплывающей  подсказки-->
<script type="text/javascript">$(document).ready(function() { $('*[title]:not(.post-content)').tipsy({gravity: 's'});});</script>
 
<!------- СТРЕЛОЧКИ ------->
<div class="go-up" title="Вверх" id='ToTop'><img src="http://s0.uploads.ru/61xPX.png"></div>
<div class="go-down" title="Вниз" id='OnBottom'><img src="http://s1.uploads.ru/83BZm.png"></div>
 
 
<!------- ТАБЛИЦА ------->
<div id="table_one" style="margin-top:14px;">
    	<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>
      <div class="slide">
        <p><table cellspacing="0" cellpadding="3" width="100%">
<tr>
	<td width="10%"> <!-- 1 - 1 -->
<img src="http://savepic.net/9234788.png" alt="">	
	</td>
	<td width="90%"> <!-- 1 - 2 -->
<div style="overflow: scroll;overflow-x: hidden;height: 60px;padding-right: 5px;">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>	
	</td>
</tr>
</table></p>
      </div>
 
 
    </div>
 </div>
</div>
 
<!------- НОВОСТИ ------->
<div id="news">
<div class="Data">01.05</div><div class="TextNews">Наконец, мы доделали всё, что хотели доделать и вновь открываем свои двери. Всю подробную информацию, касаемую нововведений, изменённых тем и прочих моментов, вы можете прочесть в <a href="">БЛОГЕ АДМИНИСТРАЦИИ</a>.</div>
</div>
</div>
 
<div id="pun-title" class="section">
	<table id="title-logo-table" cellspacing="0">
<tbody id="title-logo-tbody">
	<tr id="title-logo-tr">
<td id="title-logo-tdl" class="title-logo-tdl">
	<h1 class="title-logo"><span>Big Time Rush</span></h1>
</td>
<td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
	</tr>
</tbody>
	</table>
</div>

<div id="pun-title" class="section">
	<table id="title-logo-table" cellspacing="0">
<tbody id="title-logo-tbody">
	<tr id="title-logo-tr">
<td id="title-logo-tdl" class="title-logo-tdl">
	<h1 class="title-logo"><span>Big Time Rush</span></h1>
</td>
<td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
	</tr>
</tbody>
	</table>

+1

512

Решено

Deff
После постановки кода продублировалась шапка, как я показала на скрине в предыдущем сообщении.
Я сейчас заметила там код и убрала его, но результат стал ещё хуже оО

<div id="pun-title" class="section">
<table id="title-logo-table" cellspacing="0">
<tbody id="title-logo-tbody">
<tr id="title-logo-tr">
<td id="title-logo-tdl" class="title-logo-tdl">
<h1 class="title-logo"><span>Big Time Rush</span></h1>
</td>
<td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
</tr>
</tbody>
</table>

Картинка

http://s9.uploads.ru/DGasH.png

Отредактировано Эвелина Шайн (Вс, 30 Апр 2017 22:12:01)

0

513

Хотел поставить этот стиль http://dimitraki.info/design/Rukodelie/ но почему он отображается у меня как то криво, как будто его ламер верстал. Подскажите что там не так?

http://sg.uploads.ru/t/nSldm.png

Так отображается у меня на форуме.

http://s7.uploads.ru/t/jfztK.png

Хотя должен быть такой!

У того кто верстал стиль, откуда интересно руки растут? Наверное оттуда, на чём она сидит.

0

514

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

Хотя должен быть такой!
У того кто верстал стиль, откуда интересно руки растут? Наверное оттуда, на чём она сидит.

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

Отредактировано kolobdur74 (Вс, 30 Апр 2017 12:27:07)

0

515

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

Браузер не при чём. Посмотрел в другом браузере, тоже самое и там. 

http://s8.uploads.ru/t/CqPj8.png

0

516

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

Браузер не при чём. Посмотрел в другом браузере, тоже самое и там.

Пропишите в Администрирование - Свой стиль - окно Структура style.css - вместо ссылки вот это:

/* A1.1 */
  @import url(style_cs.css);

И еще в стилях обычно идут относительные ссылки на картинки, а не абсолютные, если это так, то надо добавить адрес форума к ссылке...

+1

517

http://btr.anihub.ru/
У нас новая проблема хд Текст обрезается справа, как бы размеры контейнера не настраивала проблема остаётся т.т Помогите, пожалуйста!
http://s1.uploads.ru/uhLEZ.png

0

518

Эвелина Шайн
Не уверен что все прокатит гладко... Но попробуйте заменить этот кусок во Втором Окне

#table_one{position: absolute;margin-top: 10px;margin-left: 28px;}

#slideshow {margin: 0 auto;width: 300px;height: 120px;background:rgba(255, 255, 255, 0);position:relative;}
#slideshow #slidesContainer {
  margin:0 auto;
  width: 260px;
  height: 120px;
  overflow-y: auto; /* поддержка прокрутки */
  position: absolute;
  font: 400 normal 11px/12px Arial;
  text-align: justify;
  margin: 0 10px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width: 260px !important; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height: 120px;

}
.control {
  display:block;
  width: 15px;
  height: 120px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 5px;
  left: -10px;
  background:transparent url(http://savepic.net/9216359.png) no-repeat 0 0;
}
#rightControl {
  top: 5px;
  right: 6px;
  background:transparent url(http://savepic.net/9226618.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin-left: 0;
}

+2

519

Alex_63
Первая страница встала как надо, а вот вторая и третья съехали оО
http://se.uploads.ru/XlFkm.png
http://s2.uploads.ru/qmtCd.png

Отредактировано Эвелина Шайн (Пн, 1 Май 2017 11:30:56)

0

520

Эвелина Шайн
Нун еще поправить ширину слайда в скрипте (он стоит в HTML низ)

<!------- РАБОТА СЛАЙДЕРА ------->
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 260;
  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>

0


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