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

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

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


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


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

Сообщений 281 страница 300 из 2001

1

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

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

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

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

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

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

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

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

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

+4

281

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

#pun-main #pun-graffiti-rusff h1 {
background: #834452 none;
width: auto;
height: auto;
margin: 0;

}

Спасибо огромное! :cool:

+2

282

Решила поставить вот это дополнение:

/* Полезность поста */
.post-vote {
  display: block !important;
  position: relative;
}
.post-vote .container {
  background: transparent !important;
  padding: 0 !important;
}
.post-rating p.container {
  background: #8d8d8d !important;
  font-weight: 700;
  padding: 2px 7px!important;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.post-rating p.container a {
  color: #fff;
  font-size: 11px !important;
}
.post-vote p.container {
  margin-right: 0 !important;
}
.post-vote p.container:before {
  content: "Полезное сообщение?";
  position: relative;
  top: 4px;
  right: 32px;
}
.post-vote .container a {
  font-size: 0!important;
  margin: 0!important;
}
.post-vote .container a:first-child:after,
.post-vote .container a:first-child:before,
.post-vote .container a:last-child:before {
  display: inline-block;
  position: relative;
  font-size: 13px;
}
.post-vote .container a:first-child:before {
  content: "Да";
  right: 24px;
  top: 2px;
  color: #2b805d;
  border-bottom: 1px solid #cadcd5;
}
.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

,
но почему-то ответ "Да" не отображается, а "/" заезжает на "Нет".

И еще такой вопрос: можно ли сделать так, чтобы было возможно отменить свое действие (например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

0

283

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

(например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

Нет  :crazy:  :dontknow:

+1

284

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

(например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

Нет  :crazy:  :dontknow:

Ясно, спасибо.
А с вот этим полезным постом можно что-нибудь сделать?

+1

285

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

но почему-то ответ "Да" не отображается,

Видимо потому, что у Вас выбран тип репутации "Только плюсы", и "Нет" - это на самом деле "Да", то есть плюс)

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

А с вот этим полезным постом можно что-нибудь сделать?

Удалить вот это:

.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

0

286

Alex_63 написал(а):
Shephard написал(а):

но почему-то ответ "Да" не отображается,

Видимо потому, что у Вас выбран тип репутации "Только плюсы", и "Нет" - это на самом деле "Да", то есть плюс)

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

А с вот этим полезным постом можно что-нибудь сделать?

Удалить вот это:

.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

Спасибо
А нельзя сделать так, чтобы после повышения рейтинга поста эта надпись исчезала? А то путаешь, что лайкал, а что - нет.

0

287

Доброго времени суток)
Надумал вот поставить полоску-разделитель между категориями, но что-то не получается выровнять заголовок по оси У.
Изменение высоты в пикселях не помогает. Подскажите кто-нибудь, чем ее двигать. По поиску не нашел.

Скрин

Хотелось бы заголовки в центр полосы-картинки разделителя, но они застряли гораздо выше.
http://d.radikal.ru/d10/1908/1b/d0ed813b7ab8.jpg

0

288

Курама
Ccылку на форум...  :flag:

+1

289

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

А нельзя сделать так, чтобы после повышения рейтинга поста эта надпись исчезала? А то путаешь, что лайкал, а что - нет.

Если форум не на Rusff, то можно, есть скрипт Скрытие кнопок голосования в уже оцененном посте (на Rusff можно редактировать комментарии, поэтому скрывать кнопки по-моему лишнее. К тому же скоро выйдет дополнение к Мгновенным уведомлениям, с которым оценки будут выставляться без перезагрузки страницы)

0

290

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

Ccылку на форум...

http://testso.mybb.ru

+1

291

Курама
В Конец Первого Окна стиля:

#pun-stats h2 span,
.category h2 span{
    display:block;
    text-align:center;
    margin-top: 55px!important;
}

+1

292

Доброго. Имеется форум http://celtic.rusff.ru
На форуме установлен шрифт PT Sans, и он долгое время прекрасно работал. но в какой-то момент случилось нечто непонятное, и шрифт стал адекватно работать только в навигации форума. И все. Ни в названии разделов, ни в профилях, ни в темах шрифт больше не работает да к тому же долго подгружается, оставляя дыры от слов. Я хоть убей, не могу понять, что с ним произошло, потому что дизайн никто не трогал, да и все остальное работает без проблем. Шрифт залит через файлы форума импортом, сами начертания шрифта тоже залиты в форумные файлы.
Буду благодарен, если кто-то глянет свежим взглядом и поймет, где я накосячил -( Спасибо заранее, очень бесит

0

293

Mota_Wolfen
По-моему, шрифт PT Sans отображается везде, где он прописан в коде (по крайней мере у меня в браузере).
Если у Вас это не так, сделайте скриншоты элементов, для которых шрифт указан, но по факту его нет.

0

294

Mota_Wolfen, лучше так не подключать шрифты:

/* Bebas Neue */
  @import "http://forumstatic.ru/files/0016/0d/10/37469.css";
/* Roboto Condensed */
  @import "http://forumstatic.ru/files/0016/0d/10/59223.css";
/* Comfortaa */
  @import "http://forumstatic.ru/files/0016/0d/10/43647.css";
/* Bosk */
  @import "http://forumstatic.ru/files/0016/0d/10/23029.css";
/* PT SANS */
  @import "http://forumstatic.ru/files/0019/a9/a6/24127.css";
/* Philosopher */
  @import "http://forumstatic.ru/files/0019/a9/a6/17207.css";

Объедините все коды шрифтов из этих файлов в один файл CSS, и подключите их через НТМЛ верх таким образом:

<link rel="stylesheet" type="text/css" href="файл.css">

Отредактировано kolobdur74 (Вс, 18 Авг 2019 09:54:41)

+1

295

kolobdur74
В чем принципиальная разница?)
По-моему это никак не повлияет на проблему, описанную пользователем.
Разве что загрузка будет быстрее, т.к. файл единственный, а не несколько.

0

296

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

В чем принципиальная разница?)
По-моему это никак не повлияет на проблему, описанную пользователем.

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

Отредактировано kolobdur74 (Вс, 18 Авг 2019 14:19:25)

0

297

kolobdur74
Странное что-то, внутри этих CSS файлов все равно же шрифты подгружаются одинаково, через @font-face и src: url(...), вне зависимости от того, подгрузишь ты css-файл изнутри другого или из HTML верх.
А приоритет не может влиять в принципе, тут же не перекрываются одни правила для селекторов другими. Если, конечно, разные шрифты под одним и тем же названием не пытаться грузить.
Кодировка тут тоже не играет роли, где в шрифтах кириллица-то? Разве что в комментариях к подключаемому шрифту? Там даже ни ::before, ни ::after нет, в которых могла бы быть кириллица.

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

уже многократно сталкивался, что они там могут не работать или работать глючно..

Конкретный бы пример посмотреть, ни разу не видел, чтобы при корректном подключении через @font-face (а не подгрузкой готового файла фиг знает откуда) шрифты как-то криво отображались или не работали.

Касательно устранения мерцания в момент подгрузки шрифтов, я смог этого добиться только путём загрузки файла шрифта прямо внутри css, из base64-кодированной строки.

0

298

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

Странное что-то, внутри этих CSS файлов все равно же шрифты подгружаются одинаково, через @font-face и src: url(...), вне зависимости от того,

@import в больших количествах влияет на скорость загрузки..

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

А приоритет не может влиять в принципе, тут же не перекрываются одни правила для селекторов другими. Если, конечно, разные шрифты под одним и тем же названием не пытаться грузить.

Бывает и перекрывается, если хочется в одном месте один шрифт, а в другом общий..

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

Конкретный бы пример посмотреть, ни разу не видел, чтобы при корректном подключении через @font-face (а не подгрузкой готового файла фиг знает откуда) шрифты как-то криво отображались или не работали.

Я сталкивался, опять таки при большом количестве подключаемых шрифтов - один-два шрифта обычно проблем не дают..

0

299

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

@import в больших количествах влияет на скорость загрузки..

Логично, только влияет не сам импорт, а запросы (синхронные, т.е. блокирующие) к файлам, подгружаемым через него.
Точно тот же эффект будет и при загрузке с помощью тега <link />.

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

Бывает и перекрывается, если хочется в одном месте один шрифт, а в другом общий..

Использование конкретного шрифта для каждого элемента задается, собственно, правилом для этого элемента, причем без разницы, выше или ниже @font-face, подключающего шрифт. Так что если что-то в стиле со шрифтами не так, то это в самом стиле смотреть надо.

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

Я сталкивался, опять таки при большом количестве подключаемых шрифтов - один-два шрифта обычно проблем не дают..

Возможно, просто некоторые из них не подгружались по каким-то причинам (к примеру, загружены с иного ресурса), соответственно и отображались? Не очень понимаю, как количество шрифтов может повлиять на их отображение.

0

300

Alex_63, kolobdur74, выяснили с другом одну интересную вещь - на других форумах тоже некоторые шрифты не отображаются, даже из стандартного набора, типа Курьер Нью, если применить в посте. Причем, у меня может отображаться, у него нет. Есть ли вероятность, что это какой-то глюк платформы? Потому что, как я уже говорил ранее, раньше все работало без каких-либо проблем. А теперь то отображается, то нет - вот сейчас у меня снова шрифт подключился везде. так что не могу сделать скриншот, но вечером он снова может отрубиться или завтра после перезапуска компа...
Это очень странно, если честно. Я давно занимаюсь дизайнами, но такой шляпы со шрифтами у меня реально никогда не случалось. Шрифты переподключу, как указано, конечно, может. правда перестанет колбасить. Хотя, опять же, из всех установленных шрифтов глючит ТОЛЬКО PT Sans. Тот же Философер никогда не отключался...

0


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