Jump to content

Joomla and IPB


Jay_7

Recommended Posts

Thought I'd create a topic here, rather than further hi-jack Mantis' site thread.

I have changed hosts and as such, have now had to start from scratch on my site again. I have found a suitable template for the purpose in Joomla!, however I intend to install IPB rather than PHPbb as I feel it's a far superior product.

The test area of my site is here and is just populated with the standard Joomla! demo data. Is there any easy to put a logo in the black area of the header next to the laptop?

Also how did you guys manage to get your template for the site to continue across to your IPB pages?

Muchos grazi in advance!

Link to comment
Share on other sites

We do a lot of customisation work on our templates to get them looking and working the way we want them too. Depending on the template that can mean a lot of tweaking of not only the template files to adjust layout and CSS to get modules etc looking right, but redoing images to fit our colours etc. In fact, the templates we start with very often end up looking/behaving very much different to the original, they just give us a starting point. We probably put as much time into the template/layout as we do into other development.

Having a quick look at the template on yours their appears to be an option/module assigned to the area you want to add the header. If it's just a text header you want/need their should be somewhere easy to enter that and if you want to adjust the size/style of the text then it's likely you can adjust that through the main CSS file for the template. If you want a graphic then you'll likely need to edit the main template file itself, possibly even hardcoding the image into the relevant position.

If you don't have it already then get the Firefox Web Development Toolbar, it's extremely useful for finding out which CSS etc you need to change to alter different parts of the page.

As for the template on IPB....we wrote that virtually from scratch so as to mimic (as much as we could) the Joomla side of the site. It's actually a little more complicated than that as the main menu we had to do in such a way so as it could/would be shared across other things like the stats pages etc which are separate from Joomla and IPB.

It can appear a bit of a minefield to begin with, but once you get your head around the mechanics of it then it should quickly start to make sense as to what controls what etc.

Link to comment
Share on other sites

Cheers Don.

I know some basic HTML but I'm not so well versed (if at all) in PHP or using CSS style sheets etc. I'm a bit of a n00b at web development. I'll get that web development toolbar and have a look at that. Anything else I should consider?

Link to comment
Share on other sites

Just dig in and see how you get on. I'm entirely self taught on the subject and still learning every day, mostly by way of trial and error!!!

If you understand HTML then you should be able to get enough of a grasp of the other stuff to know what's going on. As CSS is just a way of applying style in a more efficient manner, then much of what it says in those files will be familiar to anyone who can set styles using HTML.

There's a ton of Joomla Template Design Tutorial sites out there. I'd be hard pressed to recommend any specific ones, but a quick Google search and rummage round the top ones will certainly unveil plenty of useful tips and set you off on the right path.

Link to comment
Share on other sites

Just dig in and see how you get on. I'm entirely self taught on the subject and still learning every day, mostly by way of trial and error!!!

If you understand HTML then you should be able to get enough of a grasp of the other stuff to know what's going on. As CSS is just a way of applying style in a more efficient manner, then much of what it says in those files will be familiar to anyone who can set styles using HTML.

There's a ton of Joomla Template Design Tutorial sites out there. I'd be hard pressed to recommend any specific ones, but a quick Google search and rummage round the top ones will certainly unveil plenty of useful tips and set you off on the right path.

Cool. I suppose if I get stuck I could use this service from BBPixel?

Link to comment
Share on other sites

Don't pay them, pay us :rotflmao:

Seriously, if you get totally bogged down then I'm sure we (Scotty and I) could come to some arrangement with you to assist in a more hands on capacity. Mates rates for forum users :thumb04:

Cheers mun! I'll see what I can do without calling in reinforcements though! :018:

Link to comment
Share on other sites

Having a quick look at the template on yours their appears to be an option/module assigned to the area you want to add the header. If it's just a text header you want/need their should be somewhere easy to enter that and if you want to adjust the size/style of the text then it's likely you can adjust that through the main CSS file for the template. If you want a graphic then you'll likely need to edit the main template file itself, possibly even hardcoding the image into the relevant position.

The module in that position appears to be the builtin newsflash module. I've tried editing an existing Newsflash by removing any text and adding in the logo image but it won't display it in the header even though the article is published...

Edited by Jay_7
Link to comment
Share on other sites

Go in to the Joomla back end and note the position the newsflash module is occupying. Then unpublish the module and create a custom module in that position with the header text or image you want to appear there.

Cheers for that! Got my logo appearing in there now. Now on to installing IPB :rotflmao:

Link to comment
Share on other sites

Might seem like a daft question this, but is there any way I can stop the title of the page appearing on the page, if you see what I mean?

What I'd like is for the Site title to remain, however I don't want it to appear on any of the pages (above the header and just below it as well)

I can see in the HTML (by viewing the source of the page in Firefox) what needs to be removed from the code to make this happen, but when I try to edit the template HTML in the Joomla back end it all looks like PHP and it's not clear which part controls the query on the title.

(This is all on the main site here by the way.)

I've still not got round to installing IPB yet because I'm writing some content to populate the front page.

Edited by Jay_7
Link to comment
Share on other sites

You mean this bit ?

post-2-1231976344.png

If so, there may be an option in your template to switch it off.

Go to Extensions > Template Manager and click on your template name to edit the parameters. On most templates "show site name" is there and can be turned off.

Link to comment
Share on other sites

You mean this bit ?

post-2-1231976344.png

If so, there may be an option in your template to switch it off.

Go to Extensions > Template Manager and click on your template name to edit the parameters. On most templates "show site name" is there and can be turned off.

Aye that's the bit. This is all I have for this template:

post-1923-1231976788.jpg

I think it'll have to be through the HTML code for the page :rotflmao:

Link to comment
Share on other sites

Thanks Scotty, much appreciated :rotflmao:

Edit: Having a peruse through it actually, is it this bit from line 21?:

<a href="index.php" class="logo"><?php echo $mainframe->getCfg('sitename') ;?></a>

Edited by Scotty
attachment removed (security) - got it !
Link to comment
Share on other sites

whats the template name ?

Edit: Having a peruse through it actually, is it this bit from line 21?:

<a href="index.php" class="logo"><?php echo $mainframe->getCfg('sitename') ;?></a>

Yup, looks like it is.

Link to comment
Share on other sites

themza_j15_11

whats the template name ?

Edit: Having a peruse through it actually, is it this bit from line 21?:

<a href="index.php" class="logo"><?php echo $mainframe->getCfg('sitename') ;?></a>

Yup, looks like it is.

Excellent. How much of that line could I delete without breaking anything? I know the 'a' tags make it a link so that the site name links back to the homepage, but that won't matter as I've already made a homepage link that looks a bit better. So would it be possible to just remove the whole line?

Edit: I think I've got it. I renamed the original index.php and copied the new one with line 21 removed from the code and it appears to have worked a treat. Thanks again Scotty!

Edited by Jay_7
Link to comment
Share on other sites

I would delete just this bit. What comes before is for displaying the logo.png image if you have one and what comes after is for displaying the user 4 module which you seem to have your page curl on.

		<a href="index.php" class="logo"><?php echo $mainframe->getCfg('sitename');?></a>
breaking down the full piece of code
<div id="logo_bg">
container for header area.
<?php if($this->params->get('hideLogo') == 0) : ?>
PHP 'IF' command that tells joomla to skip the next bit if you have chosen to hide the banner (the bit you showed in your screenshot of the template admin section) or perform next bit if you have shosen to show banner.
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('colorVariation'); ?>/logo.png" alt="logo" align="left" hspace="5" />
show img called "logo.png" from <siteurl>/templates/<template_name>/logo.png. The php code pulls siteurl and template name from global config.
<?php endif; ?>
End the if statement
<a href="index.php" class="logo"><?php echo $mainframe->getCfg('sitename');?></a>
display sitename and link to index.php
<div id="user4"><jdoc:include type="modules" name="user4" /></div>
Enable module4 positon
<br clear="all" />
force next text to be below last element - basically its an IE compliance piece of code.
</div>

end the div container

Link to comment
Share on other sites

Superb stuff Scotty! A lot of it is starting to make sense. Looking at PHP for virtually the first time is a bit daunting but I think I'm slowly picking it up.

The logo it's talking about is a crappy wee 50x50 image that should display next to the bit we've removed. The real logo is sitting in the User4 module position.

Link to comment
Share on other sites

considered taking your jgdcomputers.png and renaming it logo.png to put it in that spot ?

with a little work it might get rid of your white space at the top and position your logo above your menu

work might entail adjusting height of header - probably in the CSS file or resizing your image to fit in the space currently allowed

Link to comment
Share on other sites

In the template.css file edit the height number to around 200 to get your logo to fit without resizing

div#logo_bg{
height:85px;
margin-left: 4px;
margin-right: 4px;
width:auto;
}[/code]

adding a line

margin-top 4px; will also take it a little away from the edge of the page at the top

Link to comment
Share on other sites

considered taking your jgdcomputers.png and renaming it logo.png to put it in that spot ?

with a little work it might get rid of your white space at the top and position your logo above your menu

work might entail adjusting height of header - probably in the CSS file or resizing your image to fit in the space currently allowed

The original image was way too big, so I've reduced to just the right size to fit the menu below it. What do you think?

Edit: hang on actually, just seen your post on how to make the original fit. I'll give that a try.

Edited by Jay_7
Link to comment
Share on other sites

I'll keep it with the smaller image I think. The larger one with the code to adjust the margins pushes the image in the header further down and the menu along with it. I quite like the smaller image as well, makes it look a lot sharper I think (or I may need glasses, one or the other! :rotflmao: )

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. : Terms of Use : Guidelines : Privacy Policy