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

Поделиться1Вт, 16 Июн 2015 19:18:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

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


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

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

+1

Поделиться821Пт, 18 Сен 2015 23:00:45

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 310
Уважение: +173
Позитив: +357
Пол: Женский
Последний визит:
Ср, 6 Мар 2024 00:41:03

Deff
Все! Нашла!
Сама виновата: одну скобку лишнюю поставила. А одну не поставила.
Исправила и все появилось.)

Спасибо.

0

Поделиться822Сб, 19 Сен 2015 00:05:44

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

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

Вы сняли скриншот без блоков скролл, я не увидел предыдущей проблемы
Что не нравится на странице сообщений ?
Или скриншот не с мобильного ?
Или я не допонял Вопроса ?
Задавайте Вопросы по одному...
Ссылку на пост с данной проблемой =>
Клик по дате в сообщении

Да, происходит путаница. Сейчас попробую по порядку.
1. Главная проблема.
Скриншот был с экрана ноутбука, ссылка на пост - http://probnik21.rusff.ru/viewtopic.php?id=5#p73

2. Второй вопрос в отображении форума с планшета. Хочется чтоб он не сдвигался, а загружалась основная часть, сейчас отображается большой лишний кусок фона справа.
Скриншоты с айпада:
http://s3.uploads.ru/Ztzj8.jpg
http://s7.uploads.ru/3dmSM.jpg

С телефона только что открыла и всё отлично, хотя подвинуть вправо можно ещё на целый экран, но не думаю, что это является проблемой, главное что при загрузке страница открывается нормально.
С телефона:
http://s3.uploads.ru/evyYZ.jpg
http://s7.uploads.ru/cSnmO.jpg /тут подвинула/
http://s3.uploads.ru/V95YW.jpg

0

Поделиться823Сб, 19 Сен 2015 00:36:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

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

Да, происходит путаница. Сейчас попробую по порядку.
1. Главная проблема.
Скриншот был с экрана ноутбука, ссылка на пост - http://probnik21.rusff.ru/viewtopic.php?id=5#p73

У Вас отсутствуют пункты в Первом Окне Стиля,

Код:

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

0

Поделиться824Сб, 19 Сен 2015 00:43:13

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

Deff :blush: поставила, с кодами помогло, спасибо!
И, если можно, сразу закину третий вопрос: чуть в профиле аватар с рамкой разъехались, это где поправить?

0

Поделиться825Сб, 19 Сен 2015 00:49:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

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

2. Второй вопрос в отображении форума с планшета. Хочется чтоб он не сдвигался, а загружалась основная часть, сейчас отображается большой лишний кусок фона справа.
Скриншоты с айпада:
http://s3.uploads.ru/Ztzj8.jpg
http://s7.uploads.ru/3dmSM.jpg

А масштаб крутить не пробовали ? (увеличить ?)
2/ Размеры экрана в пикселях ?
================================
Гы, ясный перец => поробуйте этот код => Многие запрещают скролл по горизонтали из-за чрезмерной шапки,

0

Поделиться826Сб, 19 Сен 2015 00:51:16

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

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

А масштаб крутить не пробовали ?

в кодах ничего не пробовала, т.к. ничего не знаю практически. дизайн заказывали =)

0

Поделиться827Сб, 19 Сен 2015 00:54:55

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

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

в кодах ничего не пробовала, т.к. ничего не знаю практически. дизайн заказывали =)

Масштаб в браузере, => обычно контрл и колесико мыши

0

Поделиться828Сб, 19 Сен 2015 00:57:44

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

+

Deff написал(а):
Масштаб в браузере, => обычно контрл и колесико мыши
с компа проблем не было, а в сафари на планшете нет таких настроек ; )

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

Гы, ясный перец => поробуйте этот код => Многие запрещают скролл по горизонтали из-за чрезмерной шапки,

помогло! 8-) спасибо огромное!
~~я б заплюсовала за это, но новичкам, видимо, нельзя~~

Отредактировано rebelsoul (Сб, 19 Сен 2015 01:00:46)

0

Поделиться829Сб, 19 Сен 2015 01:03:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

Я убежал по делам, завтра гляну еще что нибудь

0

Поделиться830Сб, 19 Сен 2015 02:11:53

Автор: Трамп
Заслуженный
Зарегистрирован: Пт, 30 Дек 2011
Сообщений: 65
Уважение: +1
Позитив: +10
Пол: Женский
Последний визит:
Сб, 4 Май 2024 17:38:22

опять кое-кто криворук просто

Доброй ночи.

Форум: http://bredbredbred.3bb.ru
Проблема:
поставила картинку в ксс, почему-то не отображает ее:
#pun { background: url(http://s6.uploads.ru/Vkq1i.png) #a69b8b repeat-y center scroll;
color: #2f2d29;
а до меня чот совсем не доходит, что не так о_о"
не понятно о_о"

Отредактировано Трамп (Сб, 19 Сен 2015 02:14:34)

0

Поделиться831Сб, 19 Сен 2015 02:25:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

Трампhttp://forum.mybb.ru/viewforum.php?id=37

#pun {
background: url(http://s6.uploads.ru/Vkq1i.png) #a69b8b repeat-y center scroll;
color: #2f2d29;
}

1. Картинка узкая,
2. Форум у Вас имеет собственный фон цветом, который перекрывает #pun поверх, нун чистить фоны в .container либо взять стиль с прочищенным фоном(ибо геммор чистить все контейнеры)
Вариант:
:glasses: Вот есть стиль,уже очищенный от линий : Общие вопросы по оформлению (35) пост 149
Ну или тут => http://forumd.ru/viewforum.php?id=97
Или тут => Каталог стилей
================
#pun - это тело полотна форума, может вы имеете ввиду фон вокруг форума ?
================
FAQ по дизайну форума в CSS

0

Поделиться832Сб, 19 Сен 2015 16:04:58

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10812
Уважение: +7261
Позитив: +5293
Пол: Мужской
Последний визит:
Вчера 19:18:14

Трансформероман

Трансформероман написал(а):

Добрый вечер, как изменить слово "Статистика форума" на другое слово скриптом?

В HTML низ

<script>$('#pun-stats>h2>span').text('На что меняем');</script>

Работает быстрее и меньше грузит форум, чем Универсальный Скрипт от Deff'a

0

ВКонтакте alex__63

Поделиться833Сб, 19 Сен 2015 16:20:33

Автор: riviere
Заслуженный
Зарегистрирован: Пт, 30 Май 2014
Сообщений: 74
Уважение: +3
Позитив: +10
Последний визит:
Пн, 1 Июл 2019 02:31:07

добрый день,
подскажите, пожалуйста, как отобразить кнопки спойлеров в профиле в линию?
http://smthgreat.rusff.ru/viewtopic.php?id=6

0

Поделиться834Сб, 19 Сен 2015 16:50:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

riviere
Добавьте - замените(Начало скрипта) на красное (кнопки у Вас большие)

<style>.post-img-Sp {max-width:80px;}</style>
<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер

+2

Поделиться835Вс, 20 Сен 2015 00:59:23

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

~~я снова пришла с оставшимися вопросами~~

1. В профиле съехала рамка вбок на пиксель примерно, как подвинуть профиль или аватар так, чтобы всё совпало?

2. Не работает имидж. Картинка меню при нажатии открывается, но ссылки не кликабельны.
Скидываю скрипт.

хтмл верх

<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/change_ava.css" type="text/css"/>
<script src="http://forumstatic.ru/files/0011/fa/ee/29244.js"></script>

хтмл низ

<style>.punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("probnik21", new Array("PR"))
var AvtrArr=new Array(
//End myarray_!!Последняя ссылка без запятой!!!
)
StartNIZ(); //
</script>

3. Можно ли как-то избавиться от этого расстояния (+возможно немного сократить расстояние между категориями) и сдвинуть низ форума, который сбился?
http://s6.uploads.ru/03ud4.jpg
http://s7.uploads.ru/MdCnZ.jpg

http://probnik21.rusff.ru

0

Поделиться836Вс, 20 Сен 2015 10:53:28

Автор: mania
Заслуженный
Зарегистрирован: Вт, 14 Дек 2010
Сообщений: 230
Уважение: -1
Позитив: +7
Последний визит:
Вт, 16 Май 2017 15:34:52

Доброго дня!
помогите пожалуйста с формой ответа через телефон....вот такая беда у всех:

формы ответа как бы..не видно) узкой полоской слева отображается
как сделать оптимальный размер?

0

Поделиться837Вс, 20 Сен 2015 13:20:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

mania
1. Ссылку на форум с проблемой
2. Есть скрипт опционального отключения/подключения мобильного стиля каждым юзером (мон выключить, когда нужно полная форма ответа, и включать только при просмотре форума), см Каталог скриптов (ссылка Выше)

0

Поделиться838Вс, 20 Сен 2015 13:25:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

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

1. В профиле съехала рамка вбок на пиксель примерно, как подвинуть профиль или аватар так, чтобы всё совпало?

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

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

2. Не работает имидж. Картинка меню при нажатии открывается, но ссылки не кликабельны. Скидываю скрипт.

Сделайте Нормальный Пиар-Вход, впишите в скрипт имиджа Пиар ник для теста
3. Задавайте Вопросы по одному, решив один - задайте следущий

0

Поделиться839Вс, 20 Сен 2015 13:57:14

Автор: rebelsoul
Заслуженный
Зарегистрирован: Пт, 18 Сен 2015
Сообщений: 31
Уважение: 0
Позитив: +5
Последний визит:
Пт, 30 Авг 2019 17:15:21

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

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

http://s6.uploads.ru/YevHz.jpg
http://s2.uploads.ru/7tKPZ.jpg
http://probnik21.rusff.ru/viewtopic.php?id=6#p76
http://probnik21.rusff.ru/viewtopic.php?id=8#p79

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

Сделайте Нормальный Пиар-Вход, впишите в скрипт имиджа Пиар ник для теста

идентичный скрипт стоит вот тут: http://curseofthepast.rusff.ru, тут есть пиар вход

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

3. Задавайте Вопросы по одному

ок

0

Поделиться840Вс, 20 Сен 2015 14:32:48

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11601
Последний визит:
Сегодня 06:43:00

rebelsoul
1. Уберите скрипт рамки, (HTML верх)

<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
display:block;
padding:0;
border-width:0;
margin:0px; /*Отступ рамки*/
}
</style>
<script>
$(document).ready(function(){
var imgWrp = "http://2.firepic.org/2/images/2015-09/01/au09mkr5csrw.png"; // Ccылка на картинку;

imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;"/>'
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
$(this).parent().prepend(imgWrp)
});});
</script>

поставьте такой код css:

<style type="text/css">
.punbb .pa-avatar img[alt]{
border-style:solid!important;
border-width:3px 2px!important;
border-color:#6F2B26!important;
}
</style>

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 821 страница 840 из 1000

Поделиться1Вт, 16 Июн 2015 19:18:06

Поделиться821Пт, 18 Сен 2015 23:00:45

Поделиться822Сб, 19 Сен 2015 00:05:44

Поделиться823Сб, 19 Сен 2015 00:36:33

Поделиться824Сб, 19 Сен 2015 00:43:13

Поделиться825Сб, 19 Сен 2015 00:49:10

Поделиться826Сб, 19 Сен 2015 00:51:16

Поделиться827Сб, 19 Сен 2015 00:54:55

Поделиться828Сб, 19 Сен 2015 00:57:44

Поделиться829Сб, 19 Сен 2015 01:03:31

Поделиться830Сб, 19 Сен 2015 02:11:53

Поделиться831Сб, 19 Сен 2015 02:25:05

Поделиться832Сб, 19 Сен 2015 16:04:58

Поделиться833Сб, 19 Сен 2015 16:20:33

Поделиться834Сб, 19 Сен 2015 16:50:38

Поделиться835Вс, 20 Сен 2015 00:59:23

Поделиться836Вс, 20 Сен 2015 10:53:28

Поделиться837Вс, 20 Сен 2015 13:20:58

Поделиться838Вс, 20 Сен 2015 13:25:47

Поделиться839Вс, 20 Сен 2015 13:57:14

Поделиться840Вс, 20 Сен 2015 14:32:48