[Soru] Sayfadaki yazıların fontlarını büyültüp küçültmek için ..?

HTML, CSS, JavaScript ile ilgili genel konular.

[Soru] Sayfadaki yazıların fontlarını büyültüp küçültmek için ..?

İleti Diyalektik 09.10.2006, 16:08

Arkadaşlar, aşağıdaki bağlantıda yer alan uygulamayı sitemde nasıl yapabilirim?
http://www.birgun.net/index.php?sayfa=7 ... _author=71

Sayfanın üstünde yer alan +- 'ye tıklanarak sayfadaki yazı fontlarını büyültüp küçültüyor..
Kullanıcı avatarı
Diyalektik
Kıdemli Üye
Kıdemli Üye
 
İleti: 263
Kayıt: 14.11.2005, 13:12
Konum: İstanbul

İleti Diyalektik 11.10.2006, 20:01

Ben bu sistemi bulup, phpbb'de yapılabilirliğini araştırmak istyiorum. Türkiye'de "az gören", "tek gözü gören" ve çeşitli sebeplerle göz yorgunluğu vs. sonucu görme sorunu yaşayan 5 milyona yakın insan var. Onlar açısından büyük kolaylık olacaktır...

Var mı bu sistem hakkında bilgisi olan?
Kullanıcı avatarı
Diyalektik
Kıdemli Üye
Kıdemli Üye
 
İleti: 263
Kayıt: 14.11.2005, 13:12
Konum: İstanbul

İleti aksi 15.10.2006, 07:17

nette gezinirken böyle birşey buldum

demo= http://obiewebsite.sourceforge.net/demo/zoom/demo.htm

buda gerekli dosyaları= http://obiewebsite.sourceforge.net/demo/zoom/

sanırım işine yarar, kolay gelsin.
Kullanıcı avatarı
aksi
Üye
Üye
 
İleti: 60
Kayıt: 23.05.2006, 15:47
Konum: İçel-Mersin

Cvp: [Soru] Sayfadaki yazıların fontlarını büyültüp küçültmek için ..?

İleti

Matmazella
15.10.2006, 20:47

[syntax="html"]<script language="javascript">
<!--
function resizeFont(amount){
if(document.getElementById){// IE
var elm = document.getElementById('resizeable');
var fontSize = parseInt(elm.style.fontSize)+amount;
if(fontSize > 5 && fontSize < 17)
elm.style.fontSize = fontSize+'pt';
}
}
-->
</script>



<table width="500" align="center" border="1">
<tr>
<td align="right">
<a href="javascript:resizeFont(1)">büyüt</a> &nbsp; <a href="javascript:resizeFont(-1)">küçült</a>
</td>
</tr>
<tr>
<td id="resizeable" style="font-size:10pt; font-family: Verdana, Arial, Helvetica, sans-serif;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
</td>
</tr>
</table>[/syntax]
Kullanıcı avatarı
Matmazella
Site Yöneticisi
Site Yöneticisi
 
İleti: 2563
Kayıt: 30.06.2005, 09:08

İleti Diyalektik 16.10.2006, 13:16

Çok çok teşekkür ederim.

ALEXIS, senin aktardığın kodu forumlarda kullanmak mümkün mü? Foruma yazılan her mesjın üstünde/altında "alıntıdeğiştir" butonlarının yanında, Yaızı Büyült-Küçült" butonu konabilir mi?
Kullanıcı avatarı
Diyalektik
Kıdemli Üye
Kıdemli Üye
 
İleti: 263
Kayıt: 14.11.2005, 13:12
Konum: İstanbul

İleti

Matmazella
16.10.2006, 14:09

id="resizeable" kullandığın html etiketinin sınırları içindeki tüm yazıları büyütür ve küçültür işte.
Kullanıcı avatarı
Matmazella
Site Yöneticisi
Site Yöneticisi
 
İleti: 2563
Kayıt: 30.06.2005, 09:08

İleti Diyalektik 16.10.2006, 17:19

İyi ama, phpbb'de ALINTI butonunun yanına BÜYÜLT-KÜÇÜLT butonu koyup çalıştırmak için hangi dosyaya eklemeleyim o kodları?

viewtopic_body.tpl vs?
Kullanıcı avatarı
Diyalektik
Kıdemli Üye
Kıdemli Üye
 
İleti: 263
Kayıt: 14.11.2005, 13:12
Konum: İstanbul

İleti

Matmazella
16.10.2006, 18:24

viewtopic_body.tpl
Kullanıcı avatarı
Matmazella
Site Yöneticisi
Site Yöneticisi
 
İleti: 2563
Kayıt: 30.06.2005, 09:08


HTML, CSS, JS



Kimler çevrimiçi

Bu forumu görüntüleyenler: Kayıtlı kullanıcı yok ve 0 misafir