تغییر سایز فونت در html

hrs192 · Aug 31, 2013

سلام
میخواستم سه تا دکمه برای تغییر سایز فونت تمامی متن های صفحه html داشته باشم
یکی برای کوچیک کردن
یکی برای برگردوندن به شایز عادی
و آخری هم برای بزرگ کردن
بصورت کلی میدونم باید چیکارکرد
ولی هر روشی زدم تا الان نتیجه نداده
درضمن صفحه های من بصورت آفلاین روی هارد قراره اجرا بشه .. واسه همینم نتونستم از سمپل های PHP استفاده کنم
دوستان لطفا کمکنید

hrs192 · Aug 31, 2013

خیلی هم خوب 95 تا بازدید .. و هیچ
خوب کد متنهای من توی فایلم اینه
[HTMLS] بسم اللّه الرحمن الرحيم<o

></o

>

[/HTMLS]
خوب همین تور که میبینید توی style اینو داریم
'font-size:14.0pt;mso-bidi-font-family:Zar'
میخوام ببینم میشه عدد 14 اون وسط +1 کرد ؟

hobgm · Aug 31, 2013

باید از یه زبان دیگه مثل جاوا استفاده کنی
یه متغیر تعریف کنی و تو استایل از همون متغیر استفاده کنی و دکمه هات اون مقدار اون متغیر رو تغییر بدن
مثل آب خوردن

hrs192 · Aug 31, 2013

hobgm گفت:
باید از یه زبان دیگه مثل جاوا استفاده کنی
یه متغیر تعریف کنی و تو استایل از همون متغیر استفاده کنی و دکمه هات اون مقدار اون متغیر رو تغییر بدن
مثل آب خوردن

دوست عزیز نمیشه به این استایلی که گفتم دست زد چون ممکنه یک میلیون پاراگراف توی فایل ها باشه
همین نوع دستور را توی دکمه نوشتم که عدد از استایل بگیره عملیات روش انجام بده و توی استایل ریپلیس کنه !! ولی عمل نمیکنه .. لطفا یه نمونه خودتون بزارید ببینم چطوریه !

راستی میچه از زوم بروزر هم استفاده کرد.. دستوری میخواد که توی مرورگر اینتر نت اکسپلورر زوم توی صفحه را انجام بده!!!

hobgm · Sep 2, 2013

من فقط همین روش به ذهنم می رسه
استفاده از زوم هم به درد نمی خوره چون تمام عوامل در صفحه رو بزرگ می کنه و کیفیت تصاویر رو به هم می ریزه

Milad · Sep 3, 2013

صفحات شما استاندارد طراحی نشدن برا همین یکم مشکله که اصولی این کار رو انجام داد، یکی از راه حل ها:

[HTMLS]<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script language="javascript">

$(document).ready(function() {

$('#small').click(function(){
$('span,p').css('font-size','7');
});

$('#normal').click(function(){
$('span,p').css('font-size','14');
});

$('#larg').click(function(){
$('span,p').css('font-size','24');
});
});

</SCRIPT>
</head>

<body >
<a href="#" id="small">small</a>
<a href="#" id="normal">Normal</a>
<a href="#" id="larg">Larg</a>

 بسم اللّه الرحمن الرحيم<o

></o

>

</BODY>
</HTML>[/HTMLS]