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

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

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


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

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

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

+1

Поделиться381Пн, 20 Авг 2018 17:05:21

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

kolobdur74
Есть еще один вопрос к вам, а может кто-нибудь другой подскажет.
Подключил на форум шрифт отдельным css-файлом.

Имя файла - 11025.css

Код:

/*************************************************************
A - SETUP
**************************************************************/
 
/* A1 Import the colour scheme
-------------------------------------------------------------*/
 
/* A1.1 */
@import url(style_cs.css);
@import url(http://forumstatic.ru/files/0011/c1/fb/68949.css);
@import url(http://forumstatic.ru/files/0017/2e/bd/11025.css);

Шрифт вообще-то работает, но есть проблема, которая делает его почти бесполезным.
Символы отображаются корректно только в html-коде. Если вставлять их через :before, например, то css выводит символы в виде набора других символов и цифр.

Вот пример вставки символа посредством псевдокласса и команды content:

А вот если поставить символ через настройки в название категории, то все нормально.

Вопрос в том, как заставить шрифт отображаться при вставке через псевдоклассы.

0

Поделиться382Пн, 20 Авг 2018 17:48:00

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

.skyhunter написал(а):

И скрипт, и стиль можно убирать. Это, опять же, старый мусор, который не работает.

Перенос Сообщения оставить?

.skyhunter написал(а):

Вот пример вставки символа посредством псевдокласса и команды content:

Пример некорректной работы не на скриншоте можно увидеть? А вообще где вы его взяли? Собственно к шрифту относится только эта часть:

@font-face {
font-family: 'iconfont';
src: url('http://forumstatic.ru/files/0017/2e/bd/27103.eot');
src: url('http://forumstatic.ru/files/0017/2e/bd/27103.eot#iefix') format('embedded-opentype'),
url('http://forumstatic.ru/files/0017/2e/bd/39595.woff2') format('woff2'),
url('http://forumstatic.ru/files/0017/2e/bd/81139.woff') format('woff'),
url('http://forumstatic.ru/files/0017/2e/bd/20130.ttf') format('truetype'),
url('http://forumstatic.ru/files/0017/2e/bd/48447.svg') format('svg');
font-weight: normal;
font-style: normal;
}

Всё остальное непонятно зачем нужно, но загружается полностью, что фигово влияет естественно на загрузку всего форума.. Собственно подключение файлов через @import не стоит злоупотреблять, вообще лучше всего подключать файлы через НТМЛ, а не через CSS.. Но я проверил у себя даже с таким файлом с before у меня все нормально работает..

Отредактировано kolobdur74 (Пн, 20 Авг 2018 18:37:29)

0

Поделиться383Пн, 20 Авг 2018 18:37:07

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

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

Перенос Сообщения оставить?

На всякий случай оставьте.

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

Пример некорректной работы не на скриншоте можно увидеть?

http://tes.rolfor.ru/
Заголовок самой нижней категории.

0

Поделиться384Пн, 20 Авг 2018 18:41:10

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

.skyhunter написал(а):

На всякий случай оставьте.

У меня без него Сообщения съезжают..

.skyhunter написал(а):

Заголовок самой нижней категории.

ТАМРИЭЛЬ? Не вижу вставки через before..

0

Поделиться385Пн, 20 Авг 2018 18:44:08

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

Как сместить мини-профиль на фон? Как не пыталась - перемещается сам фон

0

Поделиться386Пн, 20 Авг 2018 18:57:10

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Как сместить мини-профиль на фон? Как не пыталась - перемещается сам фон

Я не понял - это вы так задумали, что посты под мини профилем?

0

Поделиться387Пн, 20 Авг 2018 19:05:41

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

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

Я не понял - это вы так задумали, что посты под мини профилем?

Хах, конечно нет Х)
Почему-то это всё случилось после того, как я добавила скрипт

0

Поделиться388Пн, 20 Авг 2018 19:12:55

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Хах, конечно нет Х)
Почему-то это всё случилось после того, как я добавила скрипт

Вы повыкидывали то, что совсем не лишнее..
Найдите:

.punbb .post .post-author {
background:url(http://funkyimg.com/i/2KyX9.png) 0 0 repeat-y;
overflow: visible!important;
margin:12px 0!important;
left: 10px;
}

Добавьте в код:

Код:

   width: 350px;
   float: left;

Найдите:

.punbb .post-body {margin-left: 210px;}

Замените на:

.punbb .post-body {margin-left: 350px;}

И кстати, комментарии лучше писать на английском языке, так как некоторые браузеры не корректно работают с кириллицей, в частности веб инструменты разработчика в Хроме..

Отредактировано kolobdur74 (Пн, 20 Авг 2018 19:14:08)

0

Поделиться389Пн, 20 Авг 2018 19:20:34

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

KuoWORD, и чтобы дата работала, сюда:

.punbb .post h3 {position: relative; top: 35px; margin-left: 250px;}

Добавьте:

z-index: 1;

0

Поделиться390Пн, 20 Авг 2018 19:23:58

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

kolobdur74, Но я взяла код таким, какой он был, отсюда 0з0

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

Добавьте в код:
Код:
   width: 350px;
   float: left;
Найдите:
.punbb .post-body {margin-left: 210px;}
Замените на:
.punbb .post-body {margin-left: 350px;}
И кстати, комментарии лучше писать на английском языке, так как некоторые браузеры не корректно работают с кириллицей, в частности веб инструменты разработчика в Хроме..

Окей.

Ну, эх.. Это верно, но я от этого путаюсь. Пыталась, но сложно >_<

Спасибо большое - работает!

0

Поделиться391Пн, 20 Авг 2018 19:26:07

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

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

z-index: 1;

Спасибо (⁄ ⁄•⁄ω⁄•⁄ ⁄)

+1

Поделиться392Пн, 20 Авг 2018 19:32:09

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Но я взяла код таким, какой он был, отсюда 0з0

Здесь на техподдержке:

.punbb .post .post-author {
float: left;
width: 18em;
margin-top: -28.55px;
overflow: hidden;
}

.punbb .post-body {
margin-left: 18em;
margin-top: 7px;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

Собственно обычно в стандартных стилях примерно так везде - вы многое выкинули..

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

Ну, эх.. Это верно, но я от этого путаюсь. Пыталась, но сложно

Ну, можно транслитом.

0

Поделиться393Пн, 20 Авг 2018 19:35:58

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

kolobdur74, оу, понятненько.
________________________
;_; ну, я попробую

+1

Поделиться394Пн, 20 Авг 2018 19:37:38

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

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

ТАМРИЭЛЬ? Не вижу вставки через before..

Виноват, смотрите там же сейчас.

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

У меня без него Сообщения съезжают..

Лучше оставить, и так там еще работы непочатый край. Работает, сообщения на месте - хорошо)

0

Поделиться395Пн, 20 Авг 2018 19:47:31

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

.skyhunter написал(а):

Виноват, смотрите там же сейчас.

Судя по всему этот файл подставляет каким то образом мнемонику, попробуйте убрать файл и подключить шрифт так:

@font-face {
font-family: 'iconfont';
src: url('http://forumstatic.ru/files/0017/2e/bd/27103.eot');
src: url('http://forumstatic.ru/files/0017/2e/bd/27103.eot#iefix') format('embedded-opentype'),
url('http://forumstatic.ru/files/0017/2e/bd/39595.woff2') format('woff2'),
url('http://forumstatic.ru/files/0017/2e/bd/81139.woff') format('woff'),
url('http://forumstatic.ru/files/0017/2e/bd/20130.ttf') format('truetype'),
url('http://forumstatic.ru/files/0017/2e/bd/48447.svg') format('svg');
font-weight: normal;
font-style: normal;
}

0

Поделиться396Пн, 20 Авг 2018 19:57:10

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

kolobdur74
Я изначально так и подключал, было то же самое.
Потом подключил уже отдельным css-файлом, но ничего не изменилось.

Сейчас поставил обратно через стили, как вы сказали. Не отображает(

Я бы мог просто в редакторе преобразовать этот шрифт в картинки (шрифт состоит из символов-иконок). Но это же возможность использовать более сотни минималистичных иконок символами-шрифтом, а не png или jpeg-ами всякими. Это же круто!
Поэтому хочется как-то решить этот вопрос. Может там в кодировке дело?

0

Поделиться397Пн, 20 Авг 2018 20:01:36

Автор: .skyhunter
Заслуженный
Зарегистрирован: Чт, 16 Авг 2018
Сообщений: 53
Уважение: +11
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 12 Авг 2019 22:21:48

Похоже, rusff упал. Ни один их форум не могу открыть, и мой тоже.

0

Поделиться398Пн, 20 Авг 2018 20:08:38

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

.skyhunter написал(а):

Поэтому хочется как-то решить этот вопрос. Может там в кодировке дело?

Вы пока оставьте данную вставку - русф поднимется я еще посмотрю, возможно у вас что-то конфликтует..

0

Поделиться399Пн, 20 Авг 2018 20:11:28

Автор: KuoWORD
Заслуженный
Зарегистрирован: Сб, 17 Июн 2017
Сообщений: 16
Уважение: +5
Позитив: +4
Пол: Женский
Последний визит:
Ср, 30 Ноя 2022 15:37:06

.skyhunter написал(а):

Похоже, rusff упал. Ни один их форум не могу открыть, и мой тоже.

У меня тоже самое о_о

0

Поделиться400Пн, 20 Авг 2018 20:44:10

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

.skyhunter написал(а):

Символы отображаются корректно только в html-коде. Если вставлять их через :before, например, то css выводит символы в виде набора других символов и цифр.

Я невнимательно вас прочел - в пседоклассах спецсимволы не работают - так их не вставить... На Майбб для этого неподходящая кодировка..

Отредактировано kolobdur74 (Пн, 20 Авг 2018 20:49:19)

+1

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

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

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

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

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

Сообщений 381 страница 400 из 1000

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

Поделиться381Пн, 20 Авг 2018 17:05:21

Поделиться382Пн, 20 Авг 2018 17:48:00

Поделиться383Пн, 20 Авг 2018 18:37:07

Поделиться384Пн, 20 Авг 2018 18:41:10

Поделиться385Пн, 20 Авг 2018 18:44:08

Поделиться386Пн, 20 Авг 2018 18:57:10

Поделиться387Пн, 20 Авг 2018 19:05:41

Поделиться388Пн, 20 Авг 2018 19:12:55

Поделиться389Пн, 20 Авг 2018 19:20:34

Поделиться390Пн, 20 Авг 2018 19:23:58

Поделиться391Пн, 20 Авг 2018 19:26:07

Поделиться392Пн, 20 Авг 2018 19:32:09

Поделиться393Пн, 20 Авг 2018 19:35:58

Поделиться394Пн, 20 Авг 2018 19:37:38

Поделиться395Пн, 20 Авг 2018 19:47:31

Поделиться396Пн, 20 Авг 2018 19:57:10

Поделиться397Пн, 20 Авг 2018 20:01:36

Поделиться398Пн, 20 Авг 2018 20:08:38

Поделиться399Пн, 20 Авг 2018 20:11:28

Поделиться400Пн, 20 Авг 2018 20:44:10