0 Всего найдено: 39

Yolenzo Сообщение 12/01/2009 07:11 Копия темы
Хеллоу! Скажите, а есть такой скрипт или CSS, что бы при раздвигании браузера увеличивался бы шрифт?

Пример, при ширине 1000px – у меня шрифт 15px

При 1200 – 17
При 1600 – 19

Такое возможно? Есть пример?

engine9 Сообщение 12/01/2009 07:13 Копия темы
Я не спец, но по-идее жабаскрипт позволяет определять разрешение экрана.

Yolenzo Сообщение 12/01/2009 07:15 Копия темы
мне бы примерчик, сами мы не шарим в ЖиЭсах

s-design Сообщение 12/01/2009 07:16 Копия темы
ох…

я хз как это делать, но лучше размер шрифта назначать в %, или в em.

Yolenzo Сообщение 12/01/2009 07:17 Копия темы
ха, у меня это не пашеь, я задаю, но нет эффекта.

Есть пример где глянуть?

s-design Сообщение 12/01/2009 07:20 Копия темы
у меня вся верстка на % О_о (из последних)

но я хз как оно увеличивается :D

Да и так читабельно.

hardcoder Сообщение 12/01/2009 07:21 Копия темы
И проценты и em берутся от шрифта контейнера, а не от размеров контейнера.
Это надо javascript. Готового под рукой нету.

s-design Сообщение 12/01/2009 07:21 Копия темы
Тоды извиняйте, не было просто задачи делать такую фигню )

Yolenzo Сообщение 12/01/2009 07:24 Копия темы
пример покажи свой

Yolenzo Сообщение 12/01/2009 07:24 Копия темы
пример есть?

Yolenzo Сообщение 12/01/2009 07:24 Копия темы
готового макета

siones Сообщение 12/01/2009 07:25 Копия темы
такой скрипт есть )

Yolenzo Сообщение 12/01/2009 07:27 Копия темы

Yolenzo Сообщение 12/01/2009 07:27 Копия темы
ну покажите мне плизз =)

siones Сообщение 12/01/2009 07:38 Копия темы
у меня нет его но чисто теоретически знаю, что написать такой легко можно
так как все параметры для этого javascript может получить от браузера

fasterx Сообщение 12/01/2009 07:39 Копия темы
что то типа
if(screen.width>800)
if(screen.width>1200)
а вот назначать стили я бы стал посредством juery
ну и естественно дефолтный обязательно прописывать в стилях

hardcoder Сообщение 12/01/2009 07:40 Копия темы
Что-то из этого:
www.scripts.com/javascrip...
Ну и onResize обработать

hardcoder Сообщение 12/01/2009 07:47 Копия темы
Типа того. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"www.w3.org/TR/xhtml1/DTD/...
<html xmlns="www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Smaller / L a r g e r</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<base href="tubularity.com/resize/" />
<style>
body {background:green}
div#text {border: 2px solid black; background:white;
width:18em; padding:2%}
img#monitor {width:16em}
</style>
<script type="text/javascript">
function adjustSize() {
var w=0;
w = document.getElementsByTagName('html')[0].client Width;
if(w==0){w = window.innerWidth}
if(w==0){w = window.outerWidth}
if(w==0){w = document.body.clientWidth}
rdiv = document.getElementById('text')
if (w < 800){
rdiv.style.fontSize="1.0em";
}else if
(w < 900){
rdiv.style.fontSize="1.2em";
}else if
(w < 1000){
rdiv.style.fontSize="1.4em";
}else{
rdiv.style.fontSize="1.6em";
}
}
</script>
</head><body onresize="adjustSize()">
<div align="center"><br /><br />
<div id="text">
<img id="monitor" src="monitor.jpg" alt="" /><br /><br />
Yes! You can resize text and images.
</div></div></body></html>

hardcoder Сообщение 12/01/2009 07:54 Копия темы
Строчки с нечитабельными линками можно выкинуть, чтоб не мешались :))
Их блог так "обработал"

contenter Сообщение 12/01/2009 08:00 Копия темы
вот зачем? я конечно понимаю крутота и все дела. но практичность то какая в этом?

logicerror Сообщение 12/01/2009 08:35 Копия темы
Есть на javascript: freepages.misc.rootsweb.a...

CSR Сообщение 12/01/2009 08:41 Копия темы
Для нормальных браузеров – никакой. Задание шрифта в относительных единицах позволяет менять его размер в ИЕ. Последние работы делаю с процентными шрифтами, вроде гемора никакого нет. Понт.

CSR Сообщение 12/01/2009 08:42 Копия темы
Он не изменяется от изменения разрешения монитора.

s-design Сообщение 12/01/2009 08:43 Копия темы
Спасибо, уже понял.

Yolenzo Сообщение 12/01/2009 09:38 Копия темы
Круто, это то что нужно.

Еще вопрос, а можно сделать так что бы еще и line-height менялся?

logicerror Сообщение 12/01/2009 09:43 Копия темы
ну font-size же меняется, значит и к line-height подобный трюк можно применить )

Yolenzo Сообщение 12/01/2009 09:44 Копия темы
ок, а так и должно, что при смене экрана он моргает сайт, можно как то пофиксить это, что бы плавно все было?

logicerror Сообщение 12/01/2009 10:07 Копия темы
да, можно, типа AJAX, там насколько я понял javascript перезагружает страницу, а вы можете например подключить доп. CSS файл на лету... старая статья наверное.... сори

Yolenzo Сообщение 12/01/2009 10:42 Копия темы
а есть пример на аяксе?

uNemployed Сообщение 12/01/2009 10:46 Копия темы
<script language="JavaScript">
var height=0;
var width=0;

if (self.screen) { // for NN4 and IE4
width = screen.width
height = screen.height
}
else if (self.java) { // for NN3 with enabled Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
if (width == 800 && height == 600) {
document.write("<link rel='stylesheet' type='text/css' href='800x600.css'>");
}else if(width == 1024 && height == 768){
document.write("<link rel='stylesheet' type='text/css' href='1024х768.css'>");
}
</script>

Yolenzo Сообщение 12/01/2009 10:47 Копия темы
Это работает, есть пример этого в живом виде?

logicerror Сообщение 12/01/2009 10:50 Копия темы
я с радостью поделился бы, но увы ;)

uNemployed Сообщение 12/01/2009 11:37 Копия темы
Это просто пример, в IE работает точно, насчет других браузеров не уверен, возможно под какую-нибудь оперу например надо будет напильником дорабатывать :)

Yolenzo Сообщение 12/01/2009 12:40 Копия темы
нифга не пашет =(

uNemployed Сообщение 12/01/2009 12:56 Копия темы
Проверил сейчас в IE 7 , все работает :/
Может у вас браузер блокирует яву из локально запущенного файла ?

Yolenzo Сообщение 12/01/2009 13:09 Копия темы
нет все пропускает, а че с раскрываю сужаю окно шрифт одно и того же размера

uNemployed Сообщение 12/01/2009 13:59 Копия темы
Простите мою невнимательность , я то думал вам нужно изменение шрифта в зависимости от разрешение экрана а не окна браузера.
Совсем я плохой стал. *ушел учиться читать по-русски* :)

Yolenzo Сообщение 12/01/2009 14:12 Копия темы
бывает =)

konfuze Сообщение 13/01/2009 17:44 Копия темы
Here it is
Line-height задан в процентах, поэтому меняется в зависимости от величины шрифта.