17/9/2011, 09:59
Bài viết này mình dùng công cụ Cufon + chút sức lực để làm. Nếu ai chưa biết Cufon là gì thì tham khảo bài viết này nhé.
Sau đây bắt tay vào làm:
Copy cái này vô overall_footer hoặc overall_header
Mình thì copy vào trước
Sau đó vô ACP>>Display >> post &Tin nhắn và paste code sau vào vị trí muốn hiện nút new font.
Minh thì paste sau đoạn này:
Đây là kết quả:
Ko hay thì các bạn chém mạnh tay nhé, còn hay thì +1 nhé
- Code:
http://ntuts.com/huong-dan/thay-the-font-su-dung-cufon
Sau đây bắt tay vào làm:
Copy cái này vô overall_footer hoặc overall_header
Mình thì copy vào trước
- Code:
</body>
- Code:
<script src="http://rs.huyvq.com/cufon/cufon-yui.js" type="text/javascript"></script>
<script src="http://rs.huyvq.com/cufon/cufon-yui.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/AlpineKT_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/AmerikaSans_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/Aquarelle_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/A-S-Signwriter_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/BeautifulCaps_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/Billhead1910_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/EdwardianB_700.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/Fleur_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/Heartbeat_400.font.js" type="text/javascript"></script>
<script src="http://fgdfdfgdfg.googlecode.com/files/AlbaMatter_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.BeautifulCaps',{fontFamily:"BeautifulCaps"});
Cufon.replace('.A-S-Signwriter',{fontFamily:"A-S-Signwriter"});
Cufon.replace('.Aquarelle',{fontFamily:"Aquarelle"});
Cufon.replace('.AmerikaSans',{fontFamily:"AmerikaSans"});
Cufon.replace('.AlpineKT',{fontFamily:"AlpineKT"});
Cufon.replace('.AlbaMatter',{fontFamily:"AlbaMatter"});
Cufon.replace('.Billhead1910',{fontFamily:"Billhead1910"});
Cufon.replace('.EdwardianB',{fontFamily:"EdwardianB"});
Cufon.replace('.Fleur',{fontFamily:"Fleur"});
Cufon.replace('.Heartbeat',{fontFamily:"Heartbeat"});
</script>
<script type="text/javascript">
Cufon.replace('.BeautifulCaps',{fontFamily:"BeautifulCaps"});
Cufon.replace('.A-S-Signwriter',{fontFamily:"A-S-Signwriter"});
Cufon.replace('.Aquarelle',{fontFamily:"Aquarelle"});
Cufon.replace('.AmerikaSans',{fontFamily:"AmerikaSans"});
Cufon.replace('.AlpineKT',{fontFamily:"AlpineKT"});
Cufon.replace('.AlbaMatter',{fontFamily:"AlbaMatter"});
Cufon.replace('.Billhead1910',{fontFamily:"Billhead1910"});
Cufon.replace('.EdwardianB',{fontFamily:"EdwardianB"});
Cufon.replace('.Fleur',{fontFamily:"Fleur"});
Cufon.replace('.Heartbeat',{fontFamily:"Heartbeat"});
</script>
Sau đó vô ACP>>Display >> post &Tin nhắn và paste code sau vào vị trí muốn hiện nút new font.
- Code:
<!--Font -->
<div style="visibility:hidden" class="select" id="Cufon">
<button onclick="bbfontstyle('<div class=AlbaMatter>','</div>');return false" <div class=type="button"><div class="AlbaMatter">Alba Matter</div></button><br>
<button onclick="bbfontstyle('<div class=AlpineKT>','</div>');return false" <div class=type="button"><div class="AlpineKT">Alpine KT</div></button><br>
<button onclick="bbfontstyle('<div class=AmerikaSans>','</div>');return false" <div class=type="button"><div class="AmerikaSans">Amerika Sans</div></button><br>
<button onclick="bbfontstyle('<div class=Aquarelle>','</div>');return false" <div class=type="button"><div class="Aquarelle">Aquarelle</div></button><br>
<button onclick="bbfontstyle('<div class=A-S-Signwriter>','</div>');return false" <div class=type="button"><div class="A-S-Signwriter">A&S Signwriter</div></button><br>
<button onclick="bbfontstyle('<div class=BeautifulCaps>','</div>');return false" <div class=type="button"><div class="BeautifulCaps">Beautiful Caps</div></button><br>
<button onclick="bbfontstyle('<div class=Billhead1910>','</div>');return false" <div class=type="button"><div class="Billhead1910">Billhead 1910</div></button><br>
<button onclick="bbfontstyle('<div class=EdwardianB>','</div>');return false" <div class=type="button"><div class="EdwardianB">Edwardian</div></button><br>
<button onclick="bbfontstyle('<div class=Fleur>','</div>');return false" <div class=type="button"><div class="Fleur">Fleur</div></button><br>
<button onclick="bbfontstyle('<div class=Heartbeat>','</div>');return false" <div class=type="button"><div class="Heartbeat">A&S Heartbeat</div></button><br>
</div>
<!-- End font -->
Minh thì paste sau đoạn này:
- Code:
<div style="visibility:hidden" class="select" id="other">
.........................................
</div>
Đây là kết quả:
Ko hay thì các bạn chém mạnh tay nhé, còn hay thì +1 nhé