sau đây mình sẽ hướng dẫn mọi người làm 1 cái Diễn đàn invisionfree
click vào link sau:
http://www.invisionfree.comsau đó click vào nút regrit
nhập các thông tin vào (tùy bạn)
sau khi đăng kí thì Diễn đàn của bạn có tên tạm thời
http://www.sx.invisionfree.com/tendiendanbước tiếp theo là bạn cần chỉnh sữa cho Diễn đàn của minh:
Phần việt hóa, chèn bộ gõ ,javacrip các bạn có thể tham khảo thêm bằng cách seach trên
http://www.google.com.vn/Tìm Kiếm?hl=vi&source=hp&q=ch%C3%A8n+b%E1%BB%99+g%C3%B5+%2C+vi%E1%BB%87t+h%C3%B3a+invision&aq=f&aqi=&aql=&oq=&gs_rfai=&rlz=1R2GGLJ_vi
Bây giờ các bạn tạo skin(giao diện cho Diễn đàn của mình):
click vào các linh sau để tìm cho mình một số skin phù hợp:
http://www.diendantinhoc.vn/showthread.php?t=1240http://www.luongsonbac.com/Diễn đàn/showthread.php?t=134252699
http://lqv77.com/Diễn đàn/index.php?showtopic=289
http://Diễn đàn.zing.vn/showthread.php?t=348784
http://Diễn[/URL] đàn.gamevn.com/showthread.php?187973-Skin-for-Diễn đàn-invisionfree
các bạn ko phải quá lo mình nên chọn skin nào mà chỉ cần chọn 1 cái sao cho thấy dễ nhìn, ko quá rắc rối, còn về màu sắc của skin ko cần phải lo vì cái đó chúng ta chỉnh sửa được(mình sẽ nói sau). Chọn 1 cái skin sau đó copy phần code của nó vào trong admin cp-nếu bạn ko biết cách vào thì chỉ cần đăng nhập vào trang bạn đã tạo, bên cạnh cái tên hiển thị sẽ có chữ admincp
vào trang admin cp rồi cột bên tay trái, tìm chọn ô Skinning & Styles -> Manage Style Sheets rồi dán code của bạn vào
Bạn mún làm một hình nền cho Diễn đàn của mình, thì chọn một ảnh nền nào đó rồi xóa cái link ảnh cũ trong css đi thay vào cái của mình, nếu ko biết tìm ảnh nền ở đâu hoặc là có ảnh nền mà ko vừa ý thì nên vào trang
http://photobucket.com/ để tìm, ảnh nhìu vô kể.
Mún làm hiệu ứng như lá rơi hoặc tuyết rơi hoặc hiệu ứng chuột.......
Hiệu ứng lá rơi:
đặt ở dưới <%statr%>
CODE
<script language=JavaScript1.2>
//Autumn leaves- by muathu(muathu_khongvangla@yahoo.com)
//Modified by Dynamic Drive for NS6 functionality
//visit
http://www.dynamicdrive.com for this script
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="https://2img.net/h/i23.photobucket.com/albums/b372/azianvietnhoem/online.gif";
Image1=new Image();
Image1.src=grphcs[1]="https://i23.photobucket.com/albums/b372/azianvietnhoem/Diễn đàn.gif"
Image2=new Image();
Image2.src=grphcs[2]="https://2img.net/h/i23.photobucket.com/albums/b372/azianvietnhoem/online.gif"
Image3=new Image();
Image3.src=grphcs[3]="https://i23.photobucket.com/albums/b372/azianvietnhoem/Diễn đàn.gif"
Image4=new Image();
Image4.src=grphcs[4]="https://2img.net/h/i23.photobucket.com/albums/b372/azianvietnhoem/online.gif"
Image5=new Image();
Image5.src=grphcs[5]="https://i23.photobucket.com/albums/b372/azianvietnhoem/Diễn đàn.gif"
Amount=8;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</SCRIPT>
Hiệu ứng tuyết rơi:
Javascript:
QUOTE
<EMBED SRC='
www.liamroon.fu8.com/Diễn đàn/sound/herecome.mid' autoplay=true hidden='true'> <NOEMBED><BGSOUND SRC='
www.liamroon.fu8.com/Diễn đàn/sound/herecome.mid'></NOEMBED>
<script language='JavaScript' type="text/javascript">
// CREDITS:
// Snowmaker
// By Peter Gehrig
// Copyright
2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at
http://www.24fun.com//
info@24fun.com// 11/27/2003
// IMPORTANT:
// If you add this script to a script-library or script-archive
// Bạn có to add a highly visible link to
//
http://www.24fun.com on the webpage
// where this script will be featured
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=22
// Set the minimal-size of your snowflaxes
var snowminsize=8
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=3
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<script language='JavaScript' type="text/javascript">
<!--
function buddy_pop() { window.open('index.{ibf.vars.php_ext}?act=buddy&s={ibf.session_id}','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function chat_pop(cw,ch) { window.open('index.{ibf.vars.php_ext}?s={ibf.session_id}&act=chat&pop=1','Chat','width='+cw+',height='+ch+',resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_bài viết, per_page )
{
pages = 1; cur_st = parseInt("{$ibDiễn đàns->input['st']}"); cur_page = 1;
if ( total_bài viết % per_page == 0 ) { pages = total_bài viết / per_page; }
else { pages = Math.ceil( total_bài viết / per_page ); }
msg = "{ibf.lang.tpl_q1}" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages ) { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0 ) {
if ( userPage < 1 ) { userPage = 1; }
if ( userPage > pages ) { userPage = pages; }
if ( userPage == 1 ) { start = 0; }
else { start = (userPage - 1) * per_page; }
window.location = url_bit + "&st=" + start;
}
}
//-->
</script>
Hiệu ứng chuột có rất nhìu kiểu, các bạn tự tìm hỉu thêm:
trong CSS
CODE
a:hover
{
text-decoration: none;
color: #FFF000;
Trở lạiground: url(https://2img.net/r/ihimizer/img95/7131/tim6kk.gif);
Trở lạiground-position: bottom bottom;
position: relative;
top: 1px;
}
Còn nhìu điều nữa mà nình chưa thể nói hết được, nếu bạn lần đầu tiên tạo Diễn đàn thì bạn cần phải tìm hiểu nhìu hơn. Trong bài này chủ yếu mình có mấy cái site tin cậy, hay. Nếu có vấn đề gì thắc mắc hoặc cần mình post tiếp thì cứ nhắn lại cho mình, mình sẽ giúp đỡ!