تكبير وتصغير الخط بزر

مشاهدات الان

 البحث عن

</head>

فوقه

<script type="text/javascript">

var fontSize = 1;

function zoomIn() {

fontSize += 0.1;

document.getElementById('main').style.fontSize = fontSize + "em";

}

function zoomOut() {

fontSize -= 0.1;

document.getElementById('main').style.fontSize = fontSize + "em";

}

</script> 

البحث عن

<data:post.body/>

تجد اكثر من واحد عليك بالثاني والثالث

<style>

#userbtns { margin: 10px 0px;}

#zoom-in {cursor:zoom-in;}

#zoom-out {cursor:zoom-out;}

#font-cc {cursor:pointer;}

#zoom-in, #zoom-out, #font-cc {-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;box-shadow:inset 0px 1px 0px 0px #54a3f7;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);background-color:#007dc1;    -moz-border-radius:3px;    -webkit-border-radius:3px;border-radius:3px;border:1px solid #124d77;color:#ffffff;font-family:verdana;font-size:10px;padding:6px 10px;text-decoration:none; margin:0px;}

#zoom-in:hover,#zoom-out:hover #font-cc:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7),color-stop(1, #007dc1));background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7;}

/*end of styling*/

</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div id="userbtns">

<center>

<input id="zoom-in" value="A+" onclick="zoomIn()" type="button"/>

<input id="zoom-out" value="A-" onclick="zoomOut()" type="button"/>

<input id="font-cc" value="Verdana" onclick="document.getElementById('main').style.fontFamily = 'verdana'" type="button"/>

<input id="font-cc" value="Georgia" onclick="document.getElementById('main').style.fontFamily = 'Georgia'" type="button"/>

<input id="font-cc" value="Arial" onclick="document.getElementById('main').style.fontFamily = 'Arial'" type="button"/>

<input id="font-cc" value="Trebuchet MS" onclick="document.getElementById('main').style.fontFamily = 'Trebuchet MS'" type="button"/>

<input id="font-cc" value="Comic Sans MS" onclick="document.getElementById('main').style.fontFamily = 'Comic Sans MS'" type="button"/>

</center>

</div>

</b:if></b:if>

وسلامتكم

Better reading experience 

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""