Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. General Support
  4. Implementation of smf into b2evo with custom skin ??

Implementation of smf into b2evo with custom skin ??

1 Feb 16, 2007 08:57    

My b2evolution Version: 1.9.2

Hi

First, i don't know if the question belongs inhere or should be somewhere else..

I've searched the board and can't find the answer i'm looking for..

I want to implement smf into the blog/design as you guys did with phpBB, keeping the main menu at the top aso.

Do i have to make a static og stub file, and then include the index.php from smf into it...??

Or is the solution something else

My site is here www.kosmologinet.dk and smf i located here www.kosmologinet.dk/smf

Best regards
Carsten, Denmark

Back to top

2 Feb 16, 2007 09:29

Including the "b2evolution top stuff" into this forum assumed that the forum admin knew what to to given a bit of code and access to the style sheet. She does, so you see what you see. What whoo did was to say "I know phpbb2 and css, and I see what the goal is, so I'll make it happen". It's really not something b2evo or smf specifically will be able to help you with though because it requires bits of one used in the other.

Sorry friend, but I think you're on your own with this one.

Back to top

3 Feb 17, 2007 19:06

Hi EdB

Well, it wasen't that hard at all, when a got a look at it :)

Just take the index.php from SMF and put header and footer from b2evo to it...

First of all, you need to make a copy of one of your blogs - then under General settings for the new copied blog, change the [u]Blog Folder URL:[/u] to the dir where your SMF is - and finally you gotta set [u]Preferred access type:[/u] to [u]Explicit reference to stub file (Advanced):[/u] and put in [u]index.php[/u](SMF main file)

Where to get the header and footer: Make a static-page from one of your blog's and find the codes below, but remember that this is my header and my footer, you gotta [u]use your own[/u], else the links won't work.

You gotta copy everything from the top and down to this line 

<!-- =================================== START MAIN AREA =================================== -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da-DK" lang="da-DK">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />		<title>Blog B Title</title>
	<base href="http://kosmologinet.dk/skins/custom/" />	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="generator" content="b2evolution 1.9.2" /> <!-- Please leave this for stats -->
	<link rel="alternate" type="text/xml" title="RSS 2.0" href="http://kosmologinet.dk/index.php?blog=3&amp;tempskin=_rss2" />
	<link rel="alternate" type="application/atom+xml" title="Atom" href="http://kosmologinet.dk/index.php?blog=3&amp;tempskin=_atom" />
	<link rel="stylesheet" href="custom.css" type="text/css" />
	</head>

<body>
<div id="wrapper">

<ul id="bloglist"><li><a href="http://kosmologinet.dk/index.php?blog=1" class="BlogButton" title="Blog All Title">Blog All</a></li>
<li><a href="http://kosmologinet.dk/index.php?blog=4" class="BlogButton" title="Linkblog Title">Linkblog</a></li>
<li><a href="http://kosmologinet.dk/index.php?blog=3" class="BlogButtonCurr" title="Blog B Title">Blog B</a></li>
<li><a href="http://kosmologinet.dk/index.php?blog=2" class="BlogButton" title="Blog A Title">Blog A</a></li>
<li><a href="http://kosmologinet.dk/smf/index.php" class="BlogButton" title="Kosmologi Net - Forum">Forum</a></li>
</ul> 
<div class="pageHeader">

<h1 id="pageTitle"><a href="http://kosmologinet.dk/smf/index.php">Kosmologisk Debat-Forum</a></h1>

<div class="pageSubtitle">Spørgsmål & svar - Debat & Analyse</div>

</div>

Now look for this in you code, scroll all the way down to the end, and it should then be up aprox 8 lines.

<div id="pageFooter">

Copy this line and the rest of them till the very end of the file.

And again, remember, this is my footer, the links will not fit your site, but it's these lines you got copy from [u]your own[/u] static-page

<div id="pageFooter">
	<p class="baseline">
		<a href="http://kosmologinet.dk/index.php?blog=3&amp;disp=msgform&amp;recipient_id=1&amp;redirect_to=%2Fadmin.php%3Fblog%3D3%26ctrl%3Dcollections%26paged%3D1%26page%3D1">Contact the admin</a>.
		Original template design by <a href="http://fplanque.net/">Fran&ccedil;ois PLANQUE</a> / <a href="http://skinfaktory.com/">The Skin Faktory</a>.
		Credits:  <a href="http://b2evolution.net/">blog tool</a> | <a href="http://evocore.net/">framework</a> | <a href="http://b2evolution.net/about/recommended-hosting-lamp-best-choices.php">hosting</a>  	</p>
</div>
</div>
</body>
</html>

Now go to your blog and push the button for the forum, and vupti, you got a forum in your blog :)

I haven't fixed the login issue yet, so that you automatically are logged in to both the blog and the forum in one stroke, but i have an idea - and that goes for the kosmetic skin fixes as well, i have done a few of them so it looks nicer, but not them all ;)

Hope this is usefull, i'll update this thread when i have fixed the remaining issues :)

[u]Small udpdate:[/u]
Well, here is a little cosmetic change needed to make it fit perfect in the b2evo blog, look for this code in [u]style.css[/u] from [u]default[/u] skin 

body
{
	background-color: #E5E5E8;
	margin: 0px;
	padding: 12px 30px 4px 30px;
}

Change it to this

body
{
	background-color: #FFFFFF; 
	margin: 0px;
	padding: 0px 30px 0px 30px;
}

Now it fits perfect, and the background is white as b2evo and the shadow lookes nice :)

The next thing is the blog names, they use a different font i SMF, so that needs to be fixed to, i'll get back when it's done :)

Best regards
Carsten, Denmark

Back to top


Form is loading...