VPF::автоматическое изменение шрифта

nightvi

Дата 27.9.2010, 12:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.7.2007

Репутация: нет
Всего: нет

Добрый день!
Народ подскажите как осуществить, видел на джумле сверху есть 3 буквы "А", большая средняя и маленькая и при нажатии на однйо из них шрифт всего сайта меняется. Соответственно увеличивается становится стандартным или уменьшается
Как это можно реализовать?

MoLeX

Дата 27.9.2010, 12:59 (ссылка)

(нет голосов)

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140

JavaScript

--------------------

Amazing

CruorVult

Дата 27.9.2010, 13:00 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

Можно не только шрифи менять а и полностью дизайн.
Для этого в базе нужно завести запись для юзера, какой стиль подключать. При авторизации заносим в сессию стиль и подключаем:

Код


echo "<link rel='stylesheet' type='text/css' href='/css/".$_SESSION['user']['css']." />"

Это сообщение отредактировал(а) CruorVult - 27.9.2010, 13:03

nightvi

Дата 27.9.2010, 13:07 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.7.2007

Репутация: нет
Всего: нет

Да не мн просто размер шрифта надо менять во ткак тут http://stil-pol.ru/ в самом верху

Amphiluke

Дата 27.9.2010, 13:41 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

nightvi,

Цитата(MoLeX @ 27.9.2010, 16:59

)

JavaScript

Если шрифты элементов страницы наследуются от общего родительского объекта, например, body, то достаточно задать размер шрифта для этого родительского элемента

Код


document.body.style.fontSize = "48pt";

Если же шрифты не наследуются, можно создать несколько CSS-файлов, отличающихся лишь размерами шрифта нужных элементов страницы и переключать их с помощью Javascript выставляя свойство disabled таблицы стилей.

nightvi

Дата 27.9.2010, 13:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.7.2007

Репутация: нет
Всего: нет

спасибо

nightvi

Дата 27.9.2010, 19:58 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.7.2007

Репутация: нет
Всего: нет

Вот что сделал

Код



    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Текст</title>
<script type="text/javascript">
function Font(element,step)
{
step = parseInt(step,10);
var el = document.getElementById(element);
var curFont = parseInt(el.style.fontSize,10);
el.style.fontSize = (curFont+step) + 'px';
}
</script></head><body style="background: <?php echo $bg;?> font-family:Georgia; margin:0px; font-size:12px;" topmargin="0">
<p align="center" style="background-color:#000000; color:#FFFFFF; ">
<?php $datef = date("d.m.y");
echo $datef;
?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onclick="Font('content',-3);"><img src="img/fontsmall.png" border="0"></a> <a href="javascript:void(0);" onclick="Font('content',3);"><img src="img/fontlarge.png" border="0"></a>
</p>
<div id="content" style="font-size:14px;">
Текст екст текст
</div>
</body>
</html>

Но появляется какой-то отступ сверху где-то в 10 пикселей как ег оубрать?

Amphiluke

Дата 28.9.2010, 08:43 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Наверное, вы имели в виду это?

Цитата

nightvi

Дата 28.9.2010, 12:27 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 78
Регистрация: 20.7.2007

Репутация: нет
Всего: нет

Точно, ступил, спасибо большое

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »