[solved] Creating my first template for my wife's site.

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

Hi all, I'm kinda new to the whole Joomla thing, been working with it on an off. However I did not like any of the free templates and got it into my mind to make one for my wife by hand.

I started using DreamWeaver to make a index.php page. Looking at other free templates to see what files I'd need and what folders and all that good stuff.

My main problem is the front page of the Template.
I am trying to make a user bar along the very top of the website. Not under the banner like most do. This area is where it will have some information, a Welcome "Username" spot or a login if not logged in.

Currently the site has no CSS really. More for content mangement and template positioning fixes.

Remember this is all by hand.

Code:

<!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" lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">
<?php
defined('_JEXEC') or die('Restricted access');

include_once("includes/template_config.php");
$url = clone(JURI::getInstance());
$user =& JFactory::getUser();

?>
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/HennaByBekah/css/template.css" type="text/css" />
<?php if ($my->id) { initEditor(); } ?>
<?php mosShowHead(); ?>
<script type="text/javascript"> </script>
<meta name="HennaByBekah" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
</head>

<body id="body">

  <table width="100%" height="100%" border="1">
  <tr>
  <td height="50" width="75" border="1">
  <div>
 <div id="topbar" style="top:auto">
   <p>
   <?php if ($user->get('guest')) : ?>
     <a href="index.php" title="<?php echo $mainframe->getCfg('sitename');?>"><?php echo $mainframe->getCfg('sitename');?></a>
    <?php mospathway()?>
   <?php else : ?>
    Welcome <?php echo $user->get('name');?> to <a href="index.php" title="<?php echo $mainframe->getCfg('sitename');?>"><?php echo $mainframe->getCfg('sitename');?></a><?php mospathway()?>, your last vist date was: <?php echo $user->get('lastvisitDate');?>
   <?php endif; ?></p></div>
</div></td>
 <td valign="top" height="50" width="85%" border="1"><p align="left" ><?php mosLoadModules('user4', -2); ?></p></td>
 </tr>
 <tr> <td colspan="2" height="200" border="1"><?php mosLoadModules('top', -2); ?></td></tr>
 <tr> <td width="75" border="1" rowspan="3"><?php mosLoadModules('left', -2); ?><br />
      <?php mosLoadModules('user1', -2); ?></td>
      <td width="85%" height="150" border="1"><?php mosLoadModules('banner', -2); ?></td>
 </tr>
 <tr><td width="85%" height="500" border="1"><?php mosMainBody(); ?></p></td>
 </tr>
 <tr><td height="75" border="1"><?php MosLoadModules('breadcrumbs',-2); ?></td></tr>
 <tr width="100%"> <td colspan="2" border="1"><center><jdoc:include type="modules" name="footer" style="xhtml" /></center></td>
 </tr>
</table>
</body>
</html>

Currently this is what the site is set up as. I think I'm doing pretty good for only working on it for 2 weeks now. Looking through tutorials I found different people use the php MosLoadModules and the jdoc:include type. I like both to be honest. The jdoc Footer module appears to be the one I configured in the actual website itself. Whereas the php MosLoadModules for the footer appears to be the one in the template which I didn't configure or even make. So it uses some weird different one.

Current site display is Http://www.HennaByBekah.com/

My 2nd problem is that the login part of the main page takes me to the "index.php" with nothing after it and fails to load the website. I cannot find this component in the "Left" module. Do I have to make a new module to compose of my Left side where all the website links will be?

Also I was thinking of replacing the Main Body module with an iframes so that may change.

Thank you for your time.

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 615

Try these:
http://docs.joomla.org/Creating_custom_ ... eter_types
http://docs.joomla.org/Beginners
http://docs.joomla.org/What_is_the_purp ... emplate%3F
http://docs.joomla.org/Tutorial:Template_parameters
http://docs.joomla.org/Defining_a_param ... etails.xml
http://docs.joomla.org/Outline_for_Template_Tutorials
Good luck!

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

Those links do help part of the problem.

I am still getting a problem with the Login module not directing to the proper page. I enter in my login info and it takes me to index.php but says it cannot load it.

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 615

The login points to https:// instead of http://
turn off SSL in Joomla!.

The web hosting service must provide a static IP address and SSL certificate.
This cost extra, Joomla! does not provide this, the web host service does.

Hope this helps!

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 615

Additionally your web site can be validated here:
http://www.w3schools.com/site/site_validate.asp

Good luck!

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

The Login module was encrypting the login form and forcing a HTTPS transfer. It's fixed now yay.

Still working on a horizontal user section at the top. it's going slow but I'm getting there

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

Sorry for the bump too but it seems all article's dates are not showing correctly?

DATE_FORMAT_LC2 << This is what comes up.

Not sure why.

Anyone have any ideas?

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 615

That validation link, will show much of what is not working, try it!

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

Heh. Got the CSS Validator to work. However, the HTML Validator is showing lots of things I have no control over.

Some of them are kinda stupid too.

http://validator.w3.org/check?uri=http% ... Findex.php

Code:

Error  Line 170, Column 99: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

…ss="p"><div class="componentheading">

Is part of Joomla's coding when the page loads up.

Current index.php - Lots of editing and reworking. I got most of it to run very well. It "appears" to look decent. However there's still like 23 errors according to W3C

Code:

<!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" lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">
<?php
defined('_JEXEC') or die('Restricted access');

include_once("includes/template_config.php");
$url = clone(JURI::getInstance());
$user =& JFactory::getUser();

?>
<head>
<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxxxxx" />
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/hennabybekah/css/Template.css" type="text/css" />
<?php if ($my->id) { initEditor(); } ?>
<?php mosShowHead(); ?>
<script type="text/javascript"> </script>
<meta name="HennaByBekah" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="css/Template.css" rel="stylesheet" type="text/css" />
</head>

<body class="primary-2">

  <table width="950" border="1" class="white" id="color-table">
  <tr>
  <td height="48" width="75" class="secondary-a-1">
<div align="center" id="logo" style="top:auto"><p class="p"><a href="<?php echo $this->baseurl ?>/index.php" title="<?php echo $mainframe->getCfg('sitename');?>"><img src="<?php echo $this->baseurl ?>/templates/hennabybekah/images/logo.jpg" width="100%" height="100%" alt="<?php echo $mainframe->getCfg('sitename');?>"/></a></p></div></td>
 <td width="85%" height="48" valign="top" class="secondary-a-1">
 <div>
 <div id="topbar" style="top:auto" align="left">
   <p align="left" class="p">
   <table border="0" class="white">
   <tr><td colspan="6" class="secondary-a-1"><?php mospathway()?>
   <?php if ($user->get('guest')) : ?>
   <?php else : ?>
    Welcome <?php echo $user->get('name');?> to <a href="index.php" title="<?php echo $mainframe->getCfg('sitename');?>"><?php echo $mainframe->getCfg('sitename');?></a><?php mospathway()?>, your last vist date was: <?php echo $user->get('lastvisitDate');?><?php endif; ?></td></tr>
   <tr><td colspan="2" class="secondary-a-1"><?php mosLoadModules('topmain', -2); ?></td>
   <td colspan="2" class="secondary-a-1"><?php mosLoadModules('top2', -2); ?></td>
   <td colspan="2" class="secondary-a-1"><?php mosLoadModules('top3', -2); ?></td></tr></table></p></div>
</div>
 <div align="right">
 <p align="right" class="p">Search our website - <?php mosLoadModules('user4', -2); ?></p></div></td>
 </tr>
 <tr> <td colspan="2" height="200" class="secondary-a-1"><p class="p"><?php mosLoadModules('banner', -2); ?><jdoc:include type="modules" name="banner" style="rounded" /></p></td></tr>
 <tr> <td width="75" rowspan="2" class="secondary-a-1"><?php mosLoadModules('left', -2); ?></td></tr>
 <tr><td width="85%" height="500" class="secondary-a-1"><p class="p"><?php mosMainBody(); ?></p></td></tr>
 <tr> <td colspan="2" class="secondary-a-1"><p class="p"><center><div><?php MosLoadModules('breadcrumbs',-2); ?><jdoc:include type="modules" name="footer" style="xhtml" /></center></div><div></div><div><center>Best viewed in 1024x768 resolution in Mozilla FireFox or Google Chrome<div>Copyright &copy; 2009 Henna By Bekah [.Com]. All Rights Reserved.</center></div><div><center>
<a href="http://www.joomla.org">Joomla!</a>
is Free Software released under the
<a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU/GPL License.</a>
</center></div><div><center><p>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a>
</p>
</center></div></p></td></tr>
</table>
</body>
</html>

AnthonyZ · **Joined:** Mon Mar 23, 2009 5:13 pm **Posts:** 31

JJunior wrote:

removed

Why are you posting your site thing in my thread?

-Thank you mod?

Got most of it working. Now trying to figure out how to adjust these modules because they look weird on IE, Firefox, and Chrome. :/

Anyway - Solved.

Joomla! Discussion Forums

Forum rules

[solved] Creating my first template for my wife's site.

Quick reply

Who is online