Бизнес в интернет. Виртуальные офисы фирм. Скрипт фирм и организаций.
Украшаем каталог, Красивыми шрифтами |
Бизнес в интернет. Виртуальные офисы фирм. Скрипт фирм и организаций.
Украшаем каталог, Красивыми шрифтами |
rusberg |
14 февраля 2011 15:33
Сообщение #1
|
Активный участник
Репутация: 17 Группа: Клиенты Сообщений: 289 Регистрация: 19.02.2008 |
Сразу оговорюсь, что данные шрифты будут действовать только в браузерах линейки Google, в IE будут показываться обычные шрифты по умолчанию. Не так давно в появился сервис Google font API вот оттуда мы и возьмем необходимые кириллические шрифты пройдя по ссылке. Надо сказать, что кириллических шрифтов там не так много, как хотелось бы, но будем пользоваться теми, что есть. Итак, идем по ссылке скачиваем понравившийся шрифт в формате .ttf и закачиваем его к себе на сервер в уже существующую папку fonts. В файл css.css рабочего шаблона вставляем код: @font-face { font-family: 'Neucha'; font-style: normal; font-weight: normal; src: local('Neucha'), url('fonts/Neucha.ttf') format('truetype'); } .menu{ padding: 0px 0px 0px 0px; font-family: "Neucha", Georgia, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color: #000000; text-shadow: 0 3px 3px #FFFFFF; -moz-text-shadow: 0 3px 3px #FFFFFF; -webkit-text-shadow: 0 3px 3px #FFFFFF; } здесь замените название шрифта на выбранное, последние три строки отвечают за тень, их можно убрать, если не хотите ее использовать или настроить ее по своему усмотрению. Если Вы хотите сделать красивыми названия боковых меню, то заходим в файл settings.php и вместо существующего кода вписываем: <span class=menu>$item</span> это примерно строка 97, вместо существующего кода <font face=tahoma color=#FFFFFF><b>$item</b></font> Для того чтобы изменить шрифт названия компании на страничке компании, для начала зайдем в файл css.css и в самом начале файла пропишем стиль для тега H1 h1 { font-family: "Neucha", arial, serif; color: #003300; font-size: 24px; } здесь тоже замените название шрифта на выбранный. Затем заходим в файл main_буква.tpl и существующий код наименования компании заменяем на этот: <td align="center"><h1>*company*</h1></td> строка примерно 42. И так для каждого тарифного плана. Результат работы можно посмотреть здесь, если конечно у вас стоит соответствующий браузер. PS. Шрифты можно и не закачивать на свой сервер, а взять просто ссылку на них на сервисе Google font API и прописать до них путь в стилях. |
kupi |
14 февраля 2011 15:40
Сообщение #2
|
Профи
Репутация: 9 Группа: Пользователь скрипта Сообщений: 487 Регистрация: 7.11.2007 |
Цитата: rusberg PS. Шрифты можно и не закачивать на свой сервер, а взять просто ссылку на них на сервисе Google font API и прописать до них путь в стилях. Можно и так, но лучше закачать на сервер к себе. А то вдруг гугле решить папочку переименовать или еще что-нибудь, потом думай, что и как. А тут у тебя лежит. Прикольно получилось!!! |
PiraSV |
14 февраля 2011 20:06
Сообщение #3
|
Активный участник
Репутация: 6 Группа: Пользователь скрипта Сообщений: 205 Регистрация: 12.12.2010 |
Что-то ничего не увидел. Стоит Гугл Хром 9 |
rusberg |
14 февраля 2011 21:11
Сообщение #4
|
Активный участник
Репутация: 17 Группа: Клиенты Сообщений: 289 Регистрация: 19.02.2008 |
Да ничего особенного и нет, просто в заголовках стоит другой шрифт. Аналогичным образом можно заменить шрифт и в названиях категорий, на главной, напишите в css.css код: h2 { font-family: "Philosopher", arial, serif; color: #003300; font-size: 18px; } а в index.php выводимые категории запишите так <a href=\"index.php?category=$f[selector]\">"; echo "<h2>$f[category]</h2></a> т е поставьте в теги h2 Это на любителя, может кому понравиться. |
admin |
15 февраля 2011 09:30
Сообщение #5
|
Администратор
Репутация: 99 Группа: Администраторы Сообщений: 5803 Регистрация: 7.11.2007 |
Цитата: PiraSV Что-то ничего не увидел. Стоит Гугл Хром 9 Я даже в опере увидел, что шрифт не из стандартных. -------------------- |
iTerraNN |
23 апреля 2015 13:03
Сообщение #6
|
Активный участник
Репутация: 1 Группа: Пользователь скрипта Сообщений: 129 Регистрация: 2.12.2014 |
Цитата: rusberg echo "<h2>$f[category]</h2></a> По дефолту строка такая: echo '<span class="maincat">'.$f[category].'</a> » </span>'; Вот это: » что означает? (вместо кавычки читать: энд решётка 187) И тэг </span> как-то не на месте стоит: должен перед </a>, хотя все категории выводятся нормально Разобрался: энд решётка 187 это и есть закрывающаяся кавычка (») |