Topic: New layout feedback Pages that link to <a href="https://ozoneasylum.com/backlink?for=28464" title="Pages that link to Topic: New layout feedback" rel="nofollow" >Topic: New layout feedback\
 
Author Thread
RhyssaFireheart
Paranoid (IV) Inmate

From: Out on the Sea of Madness...
Insane since: Dec 2003

 IP logged posted posted 09-22-2006 02:47 Edit Quote

I'm in the process of upgrading the software I use on my website, going from using bBlog to installing Joomla! for the CMS. I've been testing it for a friend's site for a while, and decided to take advantage of the fact that he's got it installed on his server already. So here is the new layout I've come up with. I've checked it in IE6 and FF only, and at different resolutions. The content is for his site and a few areas will break (like the Space Cowboy review, because of the images), but everything else should work fine.

The next thing I need to do is figure out the wrapper feature so that I can also add some gallery software and set up my portfolio and photos.

Site --> http://dev.grimwell.com/index.php

The template chooser is showing for testing purposes only, I wouldn't have that on my site. The template should be the cdf_cdf2 one. Some of the templates on there are broken because of bad uploads, I just can't remove because I don't have server access, just FYI.

So, feedback? I wasn't looking to make a particularly fancy site. Just something simple, functional and good looking.

_____________________

coeur de feu :: Grimwell Online
Qui sème le vent récolte la tempête!
reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

 IP logged posted posted 09-22-2006 03:21 Edit Quote

http://hotdesign.com/seybold/everything.html
http://www.w3.org/International/articles/serving-xhtml/#declaration
http://validator.w3.org/check?uri=http://dev.grimwell.com/index.php
http://jigsaw.w3.org/css-validator/validator?uri=http://dev.grimwell.com/index.php

Visually I like it.

You might make a non-CMS-related page icon out of that neat logo.
RhyssaFireheart
Paranoid (IV) Inmate

From: Out on the Sea of Madness...
Insane since: Dec 2003

 IP logged posted posted 09-22-2006 07:05 Edit Quote

Yeah, I know the CSS validates, and that the html doesn't. I ran those checks already (and want to go through and clean up the extra css code I "inherited" from the template I adapted, plus get rid of any warnings. I think it has to do with the php code in there as well. Plus I'm not understanding the errors I'm getting on the html validator. It's telling me that the <p> tag isn't allowed?

Tables I can't necessarily control, or at least not at this time. The ones in there are output by the Joomla/php code. Here's the index.php page code, no tables in there. In fact, the template that I started out with was laid out in tables originally and it so bothered me I redid it all to end up with what I have now.

code:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = split( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
	initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="nofollow" href="<?php echo $mosConfig_live_site;?>/templates/cdf_cdf2/css/template_css.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" rel="nofollow" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico"/>

</head>

<body>

<div id="container">

	<div id="left_column">
		<div id="logo"><a rel="nofollow" href="http://coeurdefeu.com/"><img src='/templates/cdf_cdf2/images/30_logo.jpg' alt="CDF Logo" border="0" /></a></div>
	
		<div id="leftmenu"><?php mosLoadModules ( 'left' ); ?></div> <!-- leftmenu -->
		
		<div id="search"><?php mosLoadModules ( 'user4', -1 ); ?></div>
		<div id="col_footer"><img src="/templates/cdf_cdf2/images/30_column_footer2.jpg" alt="column footer" /></div>
		</div> <!-- left_column -->

	<div id="content_area">
		
		<div id="header">
		<SCRIPT LANGUAGE="Javascript"><!--

// ***********************************************
// AUTHOR: WWW.CGISCRIPT.NET, LLC
// URL: http://www.cgiscript.net
// Use the script, just leave this message intact.
// Download your FREE CGI/Perl Scripts today!
// ( http://www.cgiscript.net/scripts.htm )
// ***********************************************

function image() {
};

image = new image();
number = 0;

// imageArray
image[number++] = "<img src='/templates/cdf_cdf2/images/30_header_01.jpg' border='0'>"
image[number++] = "<img src='/templates/cdf_cdf2/images/30_header_02.jpg' border='0'>"
image[number++] = "<img src='/templates/cdf_cdf2/images/30_header_03.jpg' border='0'>"
image[number++] = "<img src='/templates/cdf_cdf2/images/30_header_04.jpg' border='0'>"
image[number++] = "<img src='/templates/cdf_cdf2/images/30_header_05.jpg' border='0'>"
// keep adding items here...

increment = Math.floor(Math.random() * number);

document.write(image[increment]);

//--></SCRIPT></div> <!-- header -->
		<div id="main">
		<?php mosMainBody(); ?> 
		<img src="/templates/cdf_cdf2/images/contenthead.gif" alt="nothing to see here, move along" />
		</div> <!-- main -->
		
	<div id="footer">	
		
	<div class="bottom"><?php mosLoadModules( 'bottom');?>
		(C)2006 <a rel="nofollow" href="<?php echo $mosConfig_live_site;?>"><?php echo $mosConfig_sitename;?> </a>. <br />
		<a rel="nofollow" href="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License.</div>
		<?php mosLoadModules( 'debug', -1 );?>	
	</div> <!-- footer -->
	</div> <!-- content_area -->	

</div> <!-- container -->

</body>
</html>



Ooo, thanks for the info on the favicon. I want to do that, and in fact have something all ready for it, just wasn't sure how to make it an icon file. I'll read up on the XHTML information as well. Just from a quick glance, I saw that I have something before the doctype declaration, which would be throwing IE into quirks mode I believe. IE iz teh debil!

_____________________

coeur de feu :: Grimwell Online
Qui sème le vent récolte la tempête!
reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

 IP logged posted posted 09-22-2006 19:51 Edit Quote
quote:
RhyssaFireheart said:

the <p> tag isn't allowed?


Just not inside a span.
RhyssaFireheart
Paranoid (IV) Inmate

From: Out on the Sea of Madness...
Insane since: Dec 2003

 IP logged posted posted 10-02-2006 19:24 Edit Quote

Well, I made a few tweaks to the look of the site and moved it to my own url.

http://coeurdefeu.com

I'm still working on the gallery component, so right now that opens the default link to the Joomla site. I like how everything looks right now. I made the main content area a bit larger, and gave the left column a darker background to set it off. I didn't want to rely on borders to define the edges of my areas.

Of course, IE isn't playing nice though. The main page looks fine, but clicking on any link breaks the layout. The main content area is under the left column and there is some padding (~25px worth it looks like) on the right side. I know there is a problem with the text rubbing up against the right side, and I'm trying to figure that out. Still, it's frustrating playing find the problem with IE like this.

Any suggestions?

And Reisio, that favicon link you gave me was great! Got it set up for my site and another I was working on as well. Thanks!

_____________________

coeur de feu :: Grimwell Online
Qui sème le vent récolte la tempête!


Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« Backwards — Onwards »

Show Forum Drop Down Menu