0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 429 Просмотров
*

hels

  • Захожу иногда
  • 165
  • 0 / 0
Значит действовал по этой статье:
Спойлер
[свернуть]
Скрипт "fittext" должен менять размер шрифта если меняется размер окна. Что я сделал:
скачал скрипт и закинул его в папку media/system/js, а в index.php в HEAD добавил:
Код
<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>
<script src=”/media/system/js/jquery.fittext.js”></script> //пробовал писать и без пути "/media/system/js/"
<script> jQuery(”#fittext”).fitText(1.2, { minFontSize: ‘10px’, maxFontSize: ‘24px’ });
</script>
и в том же index.php там где у меня выводится номер телефона добавил: “<h1 id=”#fittext” style=“display: block;width: 100%;font-size:24px;color:#4A9710;font-family:Times New Roman;”>(061)118-10-10</h1>”
и в итоге не работает, уменьшаю окошко, а шрифт не меняется, соответственно скрипт не пашет, что делаю не так?
*

fsv

  • Живу я здесь
  • 2530
  • 370 / 2
Скрипт "fittext" должен менять размер шрифта если меняется размер окна.
что делаю не так?
- Используете скрипт.
CSS достаточно, медиа-запросами попробуйте.
Веб-разработка: заказ.
*

Aleks.Denezh

  • Живу я здесь
  • 2958
  • 388 / 4
1. попробовать так:
Код: php
<script>
jQuery(document).ready(function ($) {
$('#fittext').fitText(1.2, {minFontSize: '10px', maxFontSize: '24px'});
});
</script>

2. проверить или два раза не подключен jQuery

- Используете скрипт.
CSS достаточно, медиа-запросами попробуйте.
Отличная идея, а теперь представляем, блок с резиновой шириной, текст на 100% ширины этого блока, при уменьшении браузера должен уменьшаться текст в блоке, и вы предлагает писать медиа запрос на каждый  пиксель например от 1000 до 1600 пикселей?)
*

fsv

  • Живу я здесь
  • 2530
  • 370 / 2
Отличная идея, а теперь представляем, блок с резиновой шириной, текст на 100% ширины этого блока, при уменьшении браузера должен уменьшаться текст в блоке, и вы предлагает писать медиа запрос на каждый  пиксель например от 1000 до 1600 пикселей?)
Зачем на каждый пиксель? Или это ваша обычная практика - медиа-запросы на каждый пиксель? Это, если кто-то вдруг решит браузер за уголочек потягать туда-сюда, чтобы все супер плавненько так менялось, без скачков в "точках".

Когда писал предыдущее сообщение, не смотрел ни сайт по ссылке, ни скрипт. Посмотрел. Пост от 2013 года, судя по комментариям, нормально. Скрипт - при ресайзинге - постоянный перерасчет размеров и перерисовка DOM (это ж квери). Удачи!
Веб-разработка: заказ.
*

draff

  • Живу я здесь
  • 2919
  • 195 / 5
  • step by step
Та да, почему бы не прописать относительный размер, считал без калькулятора.
Код
font-size:1.6em

И не нужно грузить лишние яваскрипты
Удалю вирус с сайта. Тема в коммерческом разделе     |    Отзывы
Создам плагин , модуль под заказ для VirtueMart , JoomShopping
*

Aleks.Denezh

  • Живу я здесь
  • 2958
  • 388 / 4
Зачем на каждый пиксель? Или это ваша обычная практика - медиа-запросы на каждый пиксель? Это, если кто-то вдруг решит браузер за уголочек потягать туда-сюда, чтобы все супер плавненько так менялось, без скачков в "точках".
ну да ну да, предложили писать медиазапросы вы, а практика моя! Что то я сильно подозреваю что это ваша практика такая! ну покажите мне как написать такое, сразу говорю моё начальство проверяя резиновый сайт, берет браузер и ресайзит его за уголочек..
« Последнее редактирование: 18.07.2016, 19:55:03 от Istaan »
*

Shustry

  • Гуру
  • 6362
  • 738 / 3
  • Рисую дизайны
Зачем тут JS?
1. Если размер должен меняться по-шагам, как в топовом сообщении, то просто условия в медиазапросах.
2. Если нужно привязать размер шрифта к ширине блока точно, то можно использовать vw для размера шрифта. Типа 0,12vw. Подобрать.
Ещё лучше будет скомбинировать оба способа.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

hels

  • Захожу иногда
  • 165
  • 0 / 0
спасибо всем за быстрый ответ, есть более новая статья за 2015год об этом скрипте, мне была понятней просто та которая
Пост от 2013 года
. jQuery подключен, т.к. у меня работает всплывающее окошко логина. Оказывается была у меня ошибка в
Код
<h1 id=”#fittext”...
нужно больше спать убрал #, но всеравно не пашет.. очень хочу попробовать этот скрипт, вот мой полигон
Спойлер
[свернуть]
нужно чтобы менялся размер всего текста в шапке, этой идеей я загорелся когда начал делать адаптивный дизайн, т.к. из-за текста в хедере все съезжает.. Посмотрел в настройках модуля входа со всплывающим окном, там есть пункт загружать jQuery это значит что модуль загружает постоянно для всего? или только в момент нажатия по кнопке модуля всплывающего окнаи нужно подключать jQuery  отдельно еще?
« Последнее редактирование: 18.07.2016, 22:20:23 от hels »
*

hels

  • Захожу иногда
  • 165
  • 0 / 0
Зачем тут JS?
1. Если размер должен меняться по-шагам, как в топовом сообщении, то просто условия в медиазапросах.
2. Если нужно привязать размер шрифта к ширине блока точно, то можно использовать vw для размера шрифта. Типа 0,12vw. Подобрать.
Ещё лучше будет скомбинировать оба способа.
попробовал, похоже так и буду делать, всем спс за помощь.
*

fsv

  • Живу я здесь
  • 2530
  • 370 / 2
Веб-разработка: заказ.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не могу войти в админку сайта

Автор sgeleta

Ответов: 28
Просмотров: 157
Последний ответ 12.12.2017, 14:32:11
от sgeleta
Joomla 4 alfa

Автор web3.0

Ответов: 174
Просмотров: 2056
Последний ответ 11.12.2017, 00:12:24
от zomby6888
Видео не влазят в мобильнй экран Joomla 3

Автор bb777

Ответов: 0
Просмотров: 23
Последний ответ 10.12.2017, 19:25:22
от bb777
Необходимо убрать '?layout=category' из ссылок в хлебных крошках - Joomla! 3.6.2б, JoomShoping

Автор mankutila

Ответов: 3
Просмотров: 199
Последний ответ 07.12.2017, 23:12:13
от Aleks.Denezh
Как подключить Турбо страницы от Яндекса

Автор mami_

Ответов: 6
Просмотров: 164
Последний ответ 07.12.2017, 16:23:17
от khan-alex