The following should also work in other Icy Phoenix styles.
Portal: www.phpbb3portal.com
First of all, install the portal as instructed from the original site and use the subSilver2 files for the Milky Way style.
It should work as is, but if you want to tweak it a little bit like mine here's what you should do:
Backup!
Make a backup of you Milky Way folder !
Point 1
For the News Section, I wanted every article's title to have the forum's header backround.
Open /styles/milky_way/theme/stylesheet.css
Locate: .cat
It should be like this, but your colors might be different:
.cat {
color: #FF5500;
background-color: #F8F8F8;
background-image: url('./images/bg_th.gif');
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 26px;
margin: 0;
padding: 0;
text-indent: 4px;
}
color: #FF5500;
background-color: #F8F8F8;
background-image: url('./images/bg_th.gif');
border: solid 1px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 26px;
margin: 0;
padding: 0;
text-indent: 4px;
}
Now, copy the whole code and paste it underneath and rename .cat to .catnews. Make any changes you want, like the image and the border width. Then you should have this:
.catnews {
color: #FF5500;
background-color: #F8F8F8;
background-image: url('./images/tbl_h_c.gif');
background-position: bottom left;
border: solid 0px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 26px;
margin: 0;
padding: 0;
text-indent: 4px;
color: #FF5500;
background-color: #F8F8F8;
background-image: url('./images/tbl_h_c.gif');
background-position: bottom left;
border: solid 0px #FFFFFF;
border-right-color: #DDDDDD;
border-bottom-color: #DDDDDD;
height: 26px;
margin: 0;
padding: 0;
text-indent: 4px;
Point 2
For the title bar of the Boxes, they'll look far better if you do the following:
OPEN /styles/milky_way/theme/stylesheet.css
FIND .tablebg
It should look like the following, color might be different:
Copy it undreneath and rename .tablebg to .tablebgportal like this:
.tablebgportal {
background-color: #FFFFFF;
border: solid 1px #AAAAAA;
}
background-color: #FFFFFF;
border: solid 1px #AAAAAA;
}
Once again, find .tablebg th
Should look like this:
.tablebg th{
color: #FF5500;
background: #FFFFFF url('./images/bg_th.gif') top left repeat-x;
font-size: 1.1em;
font-weight: bold;
height: 26px;
padding: 0 5px;
border: solid 1px #FFFFFF;
border-right-color: #BBBBBB;
border-bottom-color: #BBBBBB;
white-space: nowrap;
}
color: #FF5500;
background: #FFFFFF url('./images/bg_th.gif') top left repeat-x;
font-size: 1.1em;
font-weight: bold;
height: 26px;
padding: 0 5px;
border: solid 1px #FFFFFF;
border-right-color: #BBBBBB;
border-bottom-color: #BBBBBB;
white-space: nowrap;
}
Copy it underneath, rename it to .tablebgportal th and change the border settings to:
.tablebgportal th{
color: #FF5500;
background: #FFFFFF url('./images/bg_th.gif') top left repeat-x;
font-size: 1.1em;
font-weight: bold;
height: 26px;
padding: 0 5px;[b]
border-right: solid 0px #FFFFFF;
border-top: solid 0px #FFFFFF;
border-bottom: solid 1px #BBBBBB;
border-left: solid 0px #FFFFFF;[/b]
white-space: nowrap;
}
color: #FF5500;
background: #FFFFFF url('./images/bg_th.gif') top left repeat-x;
font-size: 1.1em;
font-weight: bold;
height: 26px;
padding: 0 5px;[b]
border-right: solid 0px #FFFFFF;
border-top: solid 0px #FFFFFF;
border-bottom: solid 1px #BBBBBB;
border-left: solid 0px #FFFFFF;[/b]
white-space: nowrap;
}
This way you have some new classes in order not to change anything else in the forum style.
Point 3
Enabling the changes in the portal's Boxes:
Go to styles/milky_way/template/portal/block/ and open any block you use. I'll use news.html and clock.html for my example.
In the first row you'll find:
Replace it with:
Then for the other image backround
find
and replace it with
Make the 1st change to all boxes (tablebgportal) and you'll be just fine :)
Remember to clear your forum cache.
If you need anything else, post it and I'll try to help! I hope I'm not missing anything, this is my 1st guide..
