Hello !
First, i post here the tutorial because i can't post it in the right section...
I'll try to do this tutorial in English (i'm french) and sorry for the mistakes of language !!
**************************
You can change and customize the size of all images / icons of your forum.
This script will replace the following Icons, with images of your own:
whosonline.gif : 'Who is Online'
folder_new.gif : 'New Posts'
folder.gif : 'No New Posts'
folder_lock.gif : 'Forum is Locked'
**************************
The script must be modified to suit the style template in use, as the icon image names, and directory structure, do not always remain the same.
var newbig ....to..... 4: These four variables are where you must list the
full URL of the original Icon images.
var newbig .....to...... 4: These four variables list the full URL of
your replacement images.
In this exemple we use subSilver theme.
Use this script :
| Code: |
<!--
var index = 0;
var newbig = "http://your-forum/templates/subSilver/images/whosonline.giff";
var newbig2 = "http://your-forum/templates/subSilver/images/folder_big.gif";
var newbig3 = "http://your-forum/templates/subSilver/images/folder_locked_big.gif";
var newbig4 = "http://your-forum/templates/subSilver/images/whosonline.gif";
var mynewbig = "http://url-of-your-new-image.gif";
var mynewbig2 = "http://url-of-your-new-image.gif";
var mynewbig3 = "http://url-of-your-new-image.gif";
var mynewbig4 = "http://url-of-your-new-image.gif";
function chicone() {
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig) continue;
else {
document.images[index].height = **;
document.images[index].width =**;
document.images[index].src = mynewbig;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig2) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig2;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig3) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig3;
}
}
for(index=0; index<document.images.length; index++){
if(document.images[index].src != newbig4) continue;
else {
document.images[index].height = **;
document.images[index].width = **;
document.images[index].src = mynewbig4[color=red];[/color]
}
}
}
window.setTimeout("chicone()", 1000);
--> |
Note: ** in the script are the size of your new image/button/icon....
**************************
If youwant to delete the text near the menu of navigation you must do it in your Css.
search this code :
and replace the text size put 0px
Save the new Css and use it.
That's all !
Bye
FAQ
Search
Memberlist
Usergroups
Register
Profile
Log in to check your private messages
Log in
