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

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Предыдущая тема: Общие вопросы по оформлению (63)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

Поделиться61Сб, 9 Июн 2018 16:24:31

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Как поправить данное недоразумение?

Ссылку на страницу с проблемой?

+2

Поделиться62Сб, 9 Июн 2018 17:37:28

Автор: Balboa
Заслуженный
Зарегистрирован: Ср, 19 Апр 2017
Сообщений: 52
Уважение: +11
Позитив: +83
Последний визит:
Вт, 17 Янв 2023 14:05:19

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

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

Как поправить данное недоразумение?

Ссылку на страницу с проблемой?

Запамятовал...)
http://videoreg.forum2.net/

0

Поделиться63Сб, 9 Июн 2018 18:09:38

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Balboa
Добавьте сюда:

.punbb td div.tclcon {
margin-left: 38px; /* Сдвиг названия форума вправо относительно иконки форума */
}

Вот это: #pun-searchtopics .tcl>a, то есть таким образом:

.punbb td div.tclcon,
#pun-searchtopics .tcl>a {
margin-left: 38px; /* Сдвиг названия форума вправо относительно иконки форума */
}

+1

Поделиться64Сб, 9 Июн 2018 18:30:25

Автор: Balboa
Заслуженный
Зарегистрирован: Ср, 19 Апр 2017
Сообщений: 52
Уважение: +11
Позитив: +83
Последний визит:
Вт, 17 Янв 2023 14:05:19

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

Balboa
Добавьте сюда:

.punbb td div.tclcon {
margin-left: 38px; /* Сдвиг названия форума вправо относительно иконки форума */
}

Вот это: #pun-searchtopics .tcl>a, то есть таким образом:

.punbb td div.tclcon,
#pun-searchtopics .tcl>a {
margin-left: 38px; /* Сдвиг названия форума вправо относительно иконки форума */
}

Премного благодарен!
Всё как должно быть...

+1

Поделиться65Вс, 10 Июн 2018 15:37:32

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Добрый день! На данный момент шапка на тестовике http://tessstsss.mybb.ru установлена следующим образом: в HTML-верх прописан данный код <div id="shapka"></div>
Во втором окне стиля прописано вот это:

Код:

#shapka {
    background: url("https://forumstatic.ru/files/0019/aa/48/59115.png") no-repeat scroll center top transparent;
    height: 662px;
    margin-left: -88px;
    width: 1270px;
}

И в первом окне стиля введены соответствующие настройки:

Код:

/* A5.2 */
.punbb {
  float: center;
  height: auto;
  margin: 0 0 0 50px !important;
  width: 1100px;
  }

В принципе все работает, но мне хотелось бы понять, как установить шапку другим, более удобным способом, без использования окон HTML-верх и HTML-низ. Сейчас, когда я захожу в администрирование, шапка пропадает, панель навигации, установленная вручную под шапку, при входе в администрирование съезжает. Все это хотелось бы исправить. Заранее спасибо за ответ!

0

Поделиться66Вс, 10 Июн 2018 18:00:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Coffe

Код:

/* D1.1 */
#pun-title {
    border:0 none!important;
    background: url("https://forumstatic.ru/files/0019/aa/48/59115.png") no-repeat scroll center top transparent;
    height: 662px!important;
    margin-left: -88px;
    width: 1270px;
}
#pun-title > * {
   display:none;
}

+3

Поделиться67Ср, 13 Июн 2018 18:13:53

Автор: palladio
Заслуженный
Зарегистрирован: Ср, 2 Дек 2015
Сообщений: 63
Уважение: +25
Позитив: +34
Последний визит:
Чт, 26 Май 2022 12:25:31

Разобрался.

Отредактировано palladio (Чт, 14 Июн 2018 11:01:51)

0

Поделиться68Ср, 13 Июн 2018 18:18:18

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

Ещё Mary
Благодарю.
Часть проблем решилась, часть оказалась нерешаема.
Но я очень ценю ваши советы, большое спасибо за потраченное время.

1) В последнее время не работает нормально страница активности игроков - при переходе на неё показывает, что все игроки находятся на главной, хотя при этом они находятся на разных страницах форума:

2) Видимо поставила где-то кривой отступ, да так, что теперь таблицы все сьезжают влево, обрезая содержимое по обоим бокам:

Форум - http://obscurial.ru

Этот баг можно как-то поправить?

+1

Поделиться69Ср, 13 Июн 2018 18:39:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Lоya написал(а):

1) В последнее время не работает нормально страница активности игроков - при переходе на неё показывает, что все игроки находятся на главной, хотя при этом они находятся на разных страницах форума:

Удалите красное во Втором окне Стиля ( пустые и кривые URL переадрсуют на главную)

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
-------------------------------------------------------------*/

#pun .section {border-style: none; width: 740px; }
#pun .tc2, #pun-main .post-author ul {text-align: left;}

.punbb .post div.container {
background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
background: url() top center;
text-align: center;
color: #20545a;
}

Lоya написал(а):

2) Видимо поставила где-то кривой отступ, да так, что теперь таблицы все сьезжают влево, обрезая содержимое по обоим бокам:

ссылку на страницу с проблемой со скриншота!

Отредактировано Deff (Ср, 13 Июн 2018 18:40:10)

+1

Поделиться70Ср, 13 Июн 2018 19:31:57

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

Добрый вечер, Дефф. Вы как всегда рыцарь в сияющих доспехах

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

Удалите красное во Втором окне Стиля ( пустые и кривые URL переадрсуют на главную)

Удалила, но проблема не решилась, увы.

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

ссылку на страницу с проблемой со скриншота!

http://obscurial.ru/pages/history
Хотя она встречается так же со спойлером:

http://obscurial.ru/viewtopic.php?id=99#p7142
(раздел виден под аккаунтом рекламы. Быстрый вход через PR).

Спасибо Вам большое.

0

Поделиться71Ср, 13 Июн 2018 19:55:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Lоya
Добавьте в первом окне красным

/* A2.5 */
.punbb .main *:not(.post-content) table {
table-layout: fixed;
width: 109%;
margin-left: -25px;
}

На свою страницу в начало кода:
Добавьте:

<style type="text/css">
.pages div.container {
padding-left:70px;
}
</style>

=================
Про на Главной - нун смотреть через час после правки... вон я уже вижу людей во флуде...

Все должны перейти на другие страницы от текущей, где толклись

Отредактировано Deff (Ср, 13 Июн 2018 19:57:29)

+1

Поделиться72Ср, 13 Июн 2018 20:05:17

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

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

Добавьте в первом окне красным

в спойлере всё равно всё сьедается.
Мне кажется, что проще этот злосчастный отступ убрать, если он мне всё косепорит.

Почему надо подождать час? Это только с активными и обновлениями какими-то сервера связано? *блондинка mode on*

0

Поделиться73Ср, 13 Июн 2018 20:15:50

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Lоya написал(а):

Почему надо подождать час? Это только с активными и обновлениями какими-то сервера связано? *блондинка mode on*

Ну ни наю... где трабл - типично кривые URL и IMG - если лень проверять ссылки(стиль и Окна настроек)
Попробуйте так:
Временно убрать все скрипты из формы ответа и HTML низ - если ситуация(через 15-20мин) не измениться - ставим всё назад...
Если измениться - ставим ток HTML в форме ответа... смотрим... если все не на главной..(через 10-15 мин) тады ставим скрипты в HTMЛ низ по одному и наблюдаем

Отредактировано Deff (Ср, 13 Июн 2018 20:16:52)

0

Поделиться74Ср, 13 Июн 2018 20:18:37

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

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

Ну ни наю... где трабл - типично кривые URL и IMG - если лень проверять ссылки(стиль и Окна настроек)

не лень, пойду проверять 1 за 1ой.
Спасибо

0

Поделиться75Ср, 13 Июн 2018 20:25:24

Автор: Кэтью
Заслуженный
Зарегистрирован: Пн, 14 Авг 2017
Сообщений: 73
Уважение: +17
Позитив: +10
Последний визит:
Сб, 23 Дек 2023 02:14:30

Здравствуйте.
Помогите, пожалуйста.
Нужно поднять/убрать эту пустую область: http://prntscr.com/jukomt
Но если менять вот тут:

#pun-status .container {

margin: 6.5em 0em 0em 1em;

width: 990px;

}

На -6, то вроде получается, но поднимается и в самих форумах.
Вот как это выглядит: http://prntscr.com/jukq4l

Как должно быть в форумах и на главной: http://prntscr.com/jukqai , http://prntscr.com/jukr3v

Добавлено спустя 13 минут 37 секунд:
http://dpb.mybb.ru - ссылка на форум.

Отредактировано Кэтью (Ср, 13 Июн 2018 20:39:01)

0

Поделиться76Ср, 13 Июн 2018 20:49:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 14:45:36

Кэтью добавьте следом синее - красное - регулировка

#pun-status .container {

margin: 6.5em 0em 0em 1em;

width: 990px;

}
#pun-index #pun-status .container {

margin-top: 3.5em;

}

Отредактировано Deff (Ср, 13 Июн 2018 20:51:05)

+1

Поделиться77Ср, 13 Июн 2018 21:17:17

Автор: Кэтью
Заслуженный
Зарегистрирован: Пн, 14 Авг 2017
Сообщений: 73
Уважение: +17
Позитив: +10
Последний визит:
Сб, 23 Дек 2023 02:14:30

Deff
Работает. Спасибо большое

0

Поделиться78Ср, 13 Июн 2018 22:16:34

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Доброго времени суток)

Поставил два контейнера с одинаковым кодом на главной странице. Один внизу - под баннеры. Второй - под маленькую табличку в разделе "Информационная". Тот, что для баннеров - в порядке. А вот второй - открывается, но при этом страница соскакивает вниз и приходится возвращаться вверх, чтобы посмотреть содержимое.

Вот контейнер:

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

Код:

<div class=banners align= left><span onclick="BANNERS_TOGGLE($(this).parent('.banners'))"><left><img src="http://c.radikal.ru/c13/1804/d2/c8d6e37e5301.png"></left></span></b></a>
<div class=ba_0 style="display: none">
<style class=BanersHide>/*
<center>
<table>
<tr><td><div align="center"><strong><span style="font-size: 12px;">Время в игре: май</span></strong>
</br><div align="center"></br>Температурные показатели для стран, от северных до южных регионов</div></td></tr></table>
<table><tr>
<td><div align="center"></br>Страна Огня
</br>ночь + 13-18
</br>день +20-26

</br></br>Страна Ветра
</br>ночь +24-32
</br>день + 35-40

</br></br>Страна Молнии
</br>ночь +10-15
</br>день +16-22</div></td>

<td><div align="center"></br>Страна Земли
</br>ночь +10-15
</br>день+18-28

</br></br>Страна Воды
</br>ночь + 11-17
</br>день + 20-28</div></td>
</tr></table>
<table><tr><td><div align="center">Прочие территории и страны ориентируются по этим же показателям</div></td></tr>
</table>
</center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(Sel){Z=Sel.find(".ba_0")
if(Z.css("display")=="none"){var V=Sel.find(".ba_0 .BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");Z.html(V1);}Z.fadeIn("slow");
}else Z.hide();}</script>

Если правильная работа двух таких контейнеров на одной странице невозможно, подскажите, может есть какой-то другой? Что-то простое, чтобы просто под кнопку загнать содержимое.

0