6 replies to this topic

[Yochana]

Hiya! I have given myself a headache trying to use a PhpBb theme as the theme for my Mkportal, even after reading through discussions on this very topic both here and at the mkportal website. I have tried a whole heap of different things, including (obviously) setting the mkportal config to use the Forum theme, but all to no avail. The theme I am trying to use can be seen at this link. My website is at this link. Any assistance you can give me would be so much appreciated!

Thank you for your time, and apologies if I am posting this in the wrong place.......

[visiblesoul]

Welcome Yochana. Can you give me a link where I can download the phpBB skin since I don't know what the skin is called? I may be able to help if I can look at the code for a few minutes.

[Yochana]

Hi, and thank you for your quick response. You can download the theme, which is called Aphrodite, at this link.

[visiblesoul]

OK Yochana, I have looked at your skin and unfortunately the problem is that it does not use default phpBB css classes. I worked on an importing modification for a while but because of the way the css is coded I think the easiest thing to do would be to create a matching MKPortal template. I know it's not the solution that you were hoping for but I think it is the only workable solution if you want to use that particular phpBB skin.

The best way to do it would be to use the MKPortal "Forum" template as the basis for your new template. Simply copy the /mkportal/templates/Forum folder and name it whatever you like. Then replace the relevant styles with the info from the forum stylesheet. It should look pretty good if you use the right classes.

[Yochana]

Hi again, and thank you for your assistance. I have spent some time working on doing what you suggested, but I'm just not getting it quite right. You can see what I have managed to do via my website link in the first post, and how it sort-of should look by the link to the theme (also in my first post). I seem to be having trouble with the borders as well as the red line at the top of the logo. It would be most appreciated if you could assist me further with this!

Going to take some more painkillers for the headache now.........

[visiblesoul]

Yochana said:

Hi again, and thank you for your assistance. I have spent some time working on doing what you suggested, but I'm just not getting it quite right. You can see what I have managed to do via my website link in the first post, and how it sort-of should look by the link to the theme (also in my first post). I seem to be having trouble with the borders as well as the red line at the top of the logo. It would be most appreciated if you could assist me further with this!

Going to take some more painkillers for the headache now.........

I am not sure exactly how you are creating the new portal skin. Did you make a copy of the "Forum" template or are you editing the "Forum" template directly?

If you are creating a matching Portal skin then you do not need the class names used for importing. All of these classes begin with ".import..." such as ".importfont", ".importlightback", ".importmediumback" etc. You can remove those classes and then the styles can be hardcoded into the Portal template.

For example to make the body styles match the forum...

FIND (in your portal template's stylesheet):

/* IMPORT body */
body,
.importbody {
	background-color: #efefef;
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size: 10px;
	margin:0px;
	padding:0px; /* Opera 0 margin */	
	text-align: center; /* center in IE */
}

/* IMPORT body background (used for SMF) */
.importbgbody {
	font-size: 10px;
}

REPLACE WITH:

body {
	background: #FFF url(images/bg_body.gif) top left repeat-x;
	margin: 0;
	padding: 0 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding:0px; /* Opera 0 margin */	
	text-align: center; /* center in IE */
}

For the background colrs you could try these...

/*=============================
M
K IMPORT LIGHT BACKGROUND
P
=============================*/
.modulecell,
.urlo2,
.tabnews,
.trattini,
.trattini3,
.tablemenu,
.taburlo,
.importlightback {
	background-color: #fff;
	color: #000;
}

/*=============================
M
K IMPORT MEDIUM BACKGROUND
P
=============================*/
.navigatore,
.tdblock,
.moduleborder,
.modulex,
.mkpagecurrent{
	background-color: #f8f8f8;
	color: #000;
}

/*=============================
M
K IMPORT DARK BACKGROUND
P
=============================*/
.urlo,
.sottotitolo {
	background: url(images/bg_hdr2.gif) top left no-repeat;
	padding-left: 17px;
	color: #EDEFF4;
	display: block;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
}

For the modulex style try this...

th.modulex {	
	background: #FFF url(images/bg_th.gif) top left repeat-x;
	color: #455995;
	font-weight: bold;
	font-size: 11px;
	height: 24px;
	padding: 0 5px;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	white-space: nowrap;
}

I didn't actually test this skin but as you can see, all I am doing is finding the forum styles that I want to use and hardcoding them into the Portal stylesheet. That should give you an idea of how to do it. That's how we did the portal skin at mkportal.it

[visiblesoul]

P.S. You will need to edit the image paths when you move the syles to the MKPortal stylesheet.

So instead of "images/" I think it would be something like "../../../forum/templates/ca_aphrodite/images/"