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

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

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

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

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

Страница:   1 … 36 37 38 39 40 … 50  

Сообщений 741 страница 760 из 1000

1

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

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

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

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

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

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

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

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

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

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

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

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

+1

741

  • Автор: Sanarami
  • Заслуженный
  • Sanarami
  • Зарегистрирован: Вт, 16 Сен 2014
  • Сообщений: 79
  • Уважение: +16
  • Позитив: +44
  • Пол: Женский
  • Последний визит:
    Вс, 10 Ноя 2024 16:39:11

kolobdur74, вы правы, так даже лучше. Спасибо, дорогой мой человек, за помощь.
http://funkyimg.com/i/2MNBY.gif

+1

742

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

С мобильного картинки со стрелками "залезают" под картинки с категориями.

Можно зафиксировать постоянный отступ стрелок от края форума на всех экранах

<!--Кнопки вверх вниз-->
<a style="position: fixed; top: 500px; left: 50%; margin-left:503px; cursor: pointer; background-color: transparent !important; z-index:1000;" id="Go_Top"><img src="http://forumstatic.ru/files/0017/c5/01/94517.png" alt="Вверх"></a>
<a style="position: fixed; top: 560px; left: 50%; margin-left:503px; cursor: pointer; background-color: transparent !important; z-index:1000;" id="Go_Bottom"><img src="http://forumstatic.ru/files/0017/c5/01/80952.png" alt="Вниз"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
});
$("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

Цифру красным- регулируем

Отредактировано Deff (Пн, 3 Дек 2018 00:48:33)

+1

743

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

Sanarami
С Профиля Рекламы у меня так:  http://s5.uplds.ru/ALbIY.jpg

Или уже всё поправили ???

0

744

  • Автор: Sanarami
  • Заслуженный
  • Sanarami
  • Зарегистрирован: Вт, 16 Сен 2014
  • Сообщений: 79
  • Уважение: +16
  • Позитив: +44
  • Пол: Женский
  • Последний визит:
    Вс, 10 Ноя 2024 16:39:11

Deff, что-то мне подсказывает - есть такая беда. ( Хотя у меня с гуглхрома (стационарный ПК) всё отображается красиво.

0

745

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1880
  • Позитив: +2475
  • Пол: Женский
  • Последний визит:
    Ср, 13 Ноя 2024 09:02:28

Deff
Это понятно ) А как сделать это не только там (там только пример), а везде? Чтобы везде хинты имели заданные атрибуты?

0

746

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

Mirra Bell
На title ?

Тогда не ставим класс на этот конкретный титл, а бацаем такую строку:

.tipsy.tableInfo tipsy-inner {
  font-size: 11px!important;
}

А чтобы подсказка была на всех элементах с title, нужно знать их селекторы(или родительских элементов), ибо она уже есть на некоторых от сервиса, по умолчанию
Ну или хотя б скриншот главной и топика со стрелками на какие ставить

Отредактировано Deff (Пн, 3 Дек 2018 16:27:55)

+2

747

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

С Профиля Рекламы у меня так:  http://s5.uplds.ru/ALbIY.jpg

Или уже всё поправили ???

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

Deff, что-то мне подсказывает - есть такая беда. ( Хотя у меня с гуглхрома (стационарный ПК) всё отображается красиво.

Посмотрел с Хрома, Мозиллы, Оперы, Эджа - все нормально отображается..

+1

748

  • Автор: Vulmera
  • Заслуженный
  • Vulmera
  • Зарегистрирован: Пт, 2 Окт 2015
  • Сообщений: 112
  • Уважение: +27
  • Позитив: +2
  • Последний визит:
    Вт, 1 Ноя 2022 19:03:53

Добра!
Такой вопрос.
Каким образом можно сделать надписи/ссылки на форуме декоративным шрифтом? Такой, как например...

этот

https://i.imgur.com/JuB9p6T.png

Чтобы, если у человека он не стоит на компе, его все равно могли увидеть. Такое реально вообще?
ЗЫ: Как картинками знаю, текстом бы

Отредактировано Vulmera (Пн, 3 Дек 2018 21:01:10)

0

749

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

Vulmera
Нужно найти удобный font в инете ( Поиск В Гугле  Загрузить шрифт или Выбор Шрифтов
Основная проблема, чтобы бы в шрифте была и русскоязычная часть,
Для загрузки  нужна ссылка в формате .ttf

Далее - подскажу как

Отредактировано Deff (Пн, 3 Дек 2018 21:43:02)

+1

750

  • Автор: Vulmera
  • Заслуженный
  • Vulmera
  • Зарегистрирован: Пт, 2 Окт 2015
  • Сообщений: 112
  • Уважение: +27
  • Позитив: +2
  • Последний визит:
    Вт, 1 Ноя 2022 19:03:53

Deff
Ссылка именно? Не файл? https://www.fonts-online.ru/font/Oliett … BoldItalic скачала вот отсюда файлик. Формат .ttf

Добавлено спустя 2 минуты 28 секунд:
Или вот так вы имеете в виду? http://allfont.ru/download/olietta-scri … olditalic/

Отредактировано Vulmera (Пн, 3 Дек 2018 21:52:59)

0

751

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

Каким образом можно сделать надписи/ссылки на форуме декоративным шрифтом? Такой, как например...

Как вариант картинкой: http://x-lines.ru/glit_1/view.html

Как пример:
http://x-lines.ru/icp/abW09/CC0000/1/24/RstatistikaPforuma.png

Отредактировано kolobdur74 (Пн, 3 Дек 2018 22:03:45)

0

752

  • Автор: Vulmera
  • Заслуженный
  • Vulmera
  • Зарегистрирован: Пт, 2 Окт 2015
  • Сообщений: 112
  • Уважение: +27
  • Позитив: +2
  • Последний визит:
    Вт, 1 Ноя 2022 19:03:53

kolobdur74
Воу, нет, немного не то) Картинкой я и так могу, текстом бы узнать как лучше сделать

0

753

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

Воу, нет, немного не то) Картинкой я и так могу, текстом бы узнать как лучше сделать

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

<style>
@font-face {
font-family: MayShrift;
        src: url(Ссылка на файл шрифта);
}
</style>

MayShrift - это название шрифта, который потом использовать:

font-family: MayShrift;

Для кириллицы подключение шрифта ставить в НТМЛ верх желательно, чтобы абракадабра периодически не вылазила..

Отредактировано kolobdur74 (Пн, 3 Дек 2018 22:11:59)

+1

754

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

Добрый вечер!
Помогите, пожалуйста, разобраться
режу-режу-поправляю и все равно футер куда-то смещается, вылезают пиксели и так далее.
http://nickoftime.rusff.ru - форум
скрин того, что лагает с разных браузеров

скрины

https://pp.userapi.com/c851528/v851528059/5c83d/J1Bv4rrOM98.jpg
https://i.imgur.com/NZNpmcx.jpg

0

755

  • Автор: Vulmera
  • Заслуженный
  • Vulmera
  • Зарегистрирован: Пт, 2 Окт 2015
  • Сообщений: 112
  • Уважение: +27
  • Позитив: +2
  • Последний визит:
    Вт, 1 Ноя 2022 19:03:53

kolobdur74
А он ко всему форуму применится? Или я могу в отдельные селекторы его вставлять? Скажем, на меню или еще какие-то.

А этот код только, так сказать, активирует его, да?

<style>
@font-face {
font-family: MayShrift;
        src: url(Ссылка на файл шрифта);
}
</style>

0

756

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

А этот код только, так сказать, активирует его, да?

Это подключение шрифта на форуме, а потом используете где вам нужно как обычный шрифт:

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

font-family: MayShrift;

+1

757

  • Автор: Vulmera
  • Заслуженный
  • Vulmera
  • Зарегистрирован: Пт, 2 Окт 2015
  • Сообщений: 112
  • Уважение: +27
  • Позитив: +2
  • Последний визит:
    Вт, 1 Ноя 2022 19:03:53

kolobdur74
Спасибо!)

0

758

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

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

Ну, для начала вам надо понять, что пол пикселя не бывает, поэтому ширина должна быть четной, что когда вы делаете на форуме в CSS, что когда делаете картинку в фотошопе..
А потом правьте:

#pun {
    margin: 0px auto auto auto;
    width: 855px;
    position: relative;
}

Здесь:

/* A5.2 */
.punbb {
    width: 800px;
    height: auto;
    margin-left: 0px;
    padding-left: 25px;
  }

Вы уменьшаете ширину форума и еще его сдвигаете внутренним отступом, а потом находящийся в нем контейнер делаете шире родителя:

#pun-about p.container {
    background-image: url(http://forumstatic.ru/files/0014/30/4a/41295.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 170px;
    width: 855px;
    margin-left: -40px;
    text-align: center;
    border-color: transparent;
}

И пытаетесь его двигать..

Отредактировано kolobdur74 (Пн, 3 Дек 2018 23:30:14)

+2

759

  • Автор: Северный Ветер
  • Заслуженный
  • Северный Ветер
  • Зарегистрирован: Пн, 26 Сен 2011
  • Сообщений: 257
  • Уважение: +24
  • Позитив: +9
  • Последний визит:
    Пт, 9 Апр 2021 02:21:30

Доброго здоровьичка. Уехали сообщения куда-то вниз. Как бы их обратно наверх вытянуть?
https://i.imgur.com/3XI5pby.png

Отредактировано Северный Ветер (Ср, 5 Дек 2018 12:27:03)

0

760

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

Северный Ветер, поменяйте в первом Окне Стиля на Красное... (Профиль Шире установленного отступа от края для контента)

/* C3.11 */
.punbb .post-body {
  margin-left: 253px;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

Отредактировано Deff (Ср, 5 Дек 2018 12:13:33)

0

Страница:   1 … 36 37 38 39 40 … 50  

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