Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 72 0 тем, 8 сообщений, 6 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография bor10811
    #10

    bor10811
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 19.08.2018
Топ 5 участников по репутации


Как изменить размер шрифта НОВОСТИ?

#1 Banderas

Banderas
  • Пользователь
  • 1168 сообщений
  • Репутация: 1
0

Отправлено 25 February 2009 - 17:59

Возник такой вопрос. Уважаю здоровье читателей моего сайта, потому и не хочу что бы они ослепли читая статьи :) Я конечно шучу, но думаю вот такое удобство было бы кстати :) Как сделать это только для новости, например для class="news" ??? Заранее спасибо за ответ :)

Изменяю сообщение, бо неправильно высказался... Мне нужно, что бы было + | - Плюс это увеличение размера шрифта на 1pt, а минус єто уменьшение размера шрифта на 1pt. И так например 12,13,14. Стандартное - 13. Тыцнул +, шрифт для этой новости стал 14. Минус - вернулось на 13, ещё раз "-" стало 12.

 

 

  • 0

I'm web-developer 

Magento one love!



robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Размер шрифта H1,H2,H3
  2. Изменение размера всего текста на сайте
  3. Как увеличивать текст для мобильных устройств лучше?
  4. Как увеличить шрифт текста на сайте по средствам CMS WordPress?
  5. Изменение шрифта в placeholder

#2 kimer

kimer
  • Неактивные
  • 360 сообщений
  • Репутация: 1

Отправлено 25 February 2009 - 18:24

тег span или div
  • 0

#3 Bender

Bender
  • Неактивные
  • 712 сообщений
  • Репутация: 0

Отправлено 25 February 2009 - 19:56

Я так понял ТС имеет ввиду чтобы пользователи сами могли уменьшать или увеличивать шрифт. Это наверно яваскрипт нузен.

ЗЫ Я бы просто сделал нормальный шрифт и все, эти прибомбасы ни к чему...


  • 0

#4 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1168 сообщений
  • Репутация: 1

Отправлено 25 February 2009 - 20:07

То я так вроде сделал, как ты говоришь. Просто для удобства. Вроде ничего сложного нет, но просто как только к новости, например к стилю, или табличке прикрепить? ;)


  • 0

I'm web-developer 

Magento one love!



#5 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 26 February 2009 - 10:04

<script type="text/javascript">
   function changeSize(e, myEvent)
   {
	  var size = (myEvent = "+") ? 1 : -1;
	  e.style.fontSize = intval(e.style.fontSize) + size + "px";
   }
</script>
..........
<div id="news">Текст</div>
<input type="button" value="+" onClick="changeSize(document.getElementById('news'), '+');">
<input type="button" value="-" onClick="changeSize(document.getElementById('news'), '-');">

Приду вечером придумаю получше, писал на скорую руку :)
  • 0

#6 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1168 сообщений
  • Репутация: 1

Отправлено 26 February 2009 - 10:39

Незаработало :)
  • 0

I'm web-developer 

Magento one love!



#7 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 26 February 2009 - 23:58

<html>
<head>
<style type="text/css">
#news
{
	font-size: 100%;
}
</style>
<script type="text/javascript">
var defaultFontSize = 100;
var currentFontSize = defaultFontSize;
function revertStyles(){
	currentFontSize = defaultFontSize;
	changeFontSize(0);
}
function changeFontSize(sizeDifference){
	currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);
	if(currentFontSize > 150){
		currentFontSize = 150;
	}else if(currentFontSize < 60){
		currentFontSize = 60;
	}
	setFontSize(currentFontSize);
};
function setFontSize(fontSize){
	document.body.style.fontSize = fontSize + '%';
};
</script>
</head>
<body>
<div id="news">Текст</div>
<input type="button" value="+" onClick="changeFontSize(1);">
<input type="button" value="default" onClick="revertStyles();">
<input type="button" value="-" onClick="changeFontSize(-1);">
</body>
</html>

Этот код точно рабочий, только все значения элементов которые ты хочешль чтобы изменялись должны быть в %
  • 0

#8 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1168 сообщений
  • Репутация: 1

Отправлено 16 March 2009 - 16:59

хм, у меня не работает xD На сайт ставил - не хочет работать, хоть переделал в %
  • 0

I'm web-developer 

Magento one love!



#9 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 17 March 2009 - 11:01

Banderas, всё переделал в % говоришь? Глянул через debugger, все элементы у тебя прописаны в px.
  • 0

#10 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1168 сообщений
  • Репутация: 1

Отправлено 17 March 2009 - 20:53

не, только
.news переделал в %
Или єто нужно что бы абсолютно все???
  • 0

I'm web-developer 

Magento one love!



robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru