As the project goes we have revisions on process. This time we want to remove the Home (Main) title in front page and should add (From Wikipiniana, the free Philippine Encyclopedia under each article titles. This is to maximize the space in front page. Here's how:
following revision to not display title for main page and for the rest it will display (included also the text "From Wikipiniana, the free Philippine Encyclopedia")
main.css //found in editskin folder
Then, I change the background by simply copying new headbg.jpg that I have created using Photoshop in editskin folder. After that, I have decided to have a looping banner instead of a static. It cycles every 1 minute. (assuming you have done the display already)
main.css //found in editskin folder
Now, I have another in mind. If you like to add an advertisement box. This is the example that I have made. (I have put banner link to my other project).
under editskin.php copy these codes
following revision to not display title for main page and for the rest it will display (included also the text "From Wikipiniana, the free Philippine Encyclopedia")
under editskin.php add this line
data['displaytitle']!=""?$this->text('title'):$this->html('title')?>From Wikipiniana, the free Philippine Encyclopedia
main.css //found in editskin folder
//add this code before the globalWrapper class
#Header {
position:absolute;
margin-top:10px;
margin-left:100px;
background-image:url(../../Wikipiniana_ad.gif);
background-repeat:no-repeat;
cursor:pointer;
width:100%;
height:100px;
}
//replace the globalWrapper class to
#globalWrapper {
font-size: 127%;
position:absolute;
margin-top:120px;
width:100%;
}
Then, I change the background by simply copying new headbg.jpg that I have created using Photoshop in editskin folder. After that, I have decided to have a looping banner instead of a static. It cycles every 1 minute. (assuming you have done the display already)
main.css //found in editskin folder
//change this code from
#Header {
position:absolute;
margin-top:10px;
margin-left:100px;
background-image:url(../../Wikipiniana_ad.gif);
background-repeat:no-repeat;
cursor:pointer;
width:100%;
height:100px;
}
//to
#Header1 {
position:absolute;
margin-top:10px;
background-position:center;
background-image:url(../../Wikipiniana_ad.gif);
background-repeat:no-repeat;
cursor:pointer;
width:100%;
height:100px;
}
//add following code right after the code above
#Header2 {
position:absolute;
margin-top:10px;
background-position:center;
background-image:url(../../828663-lg.jpg);
background-repeat:no-repeat;
cursor:pointer;
width:100%;
height:100px;
}
Now, I have another in mind. If you like to add an advertisement box. This is the example that I have made. (I have put banner link to my other project).
under editskin.php copy these codes
//after the following codeadvertisement title
msg('toolbox') ?>
...................
//add the following codes inside the tag
function adv()
{
window.location="http://www.google.com";
}
main.css //found in editskin folder
//add these codes
#advertise {
position:absolute;
background-position:left;
background-image:url(../../Wiki_volunteers.png);
background-repeat:no-repeat;
border-collapse: collapse;
border: 1px solid #aaa;
padding: 0 .8em .3em .5em;
cursor:pointer;
width:128.5px;
height:128.5px;
}


