HEADERF

e107 frontend header

Using:

require_once(HEADERF);

Warning! From this point e107 theme will override eFiction skins.

Deleted:

Header('Cache-Control: private, no-cache, must-revalidate, max_age=0, post-check=0, pre-check=0');
header ("Pragma: no-cache"); 
header ("Expires: 0"); 
header("Content-Type: text/html; charset="._CHARSET);
echo _DOCTYPE."<html><head>";
echo "<meta charset='utf-8' />";
echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset="._CHARSET."\">";

Commented: it needs to be fixed

/*
if(!isset($titleinfo)) $titleinfo = "$sitename :: $slogan";
if(isset($metaDesc)) echo "<meta name='description' content='$metaDesc'>";
echo "<title>$titleinfo</title>";
*/

+ all script and inline css part

$headerSent is set true if a query should be t in debug mode

style.css

for this we need e_header addon

<link rel='stylesheet' type='text/css' href='$skindir/style.css' /> \n

Simple:

e107::css("efiction", "$skindir/style.css") ;

problem is that $skindir is not set (e_header is loaded before header.php script)

To fix this e_module addon is needed. Shortly, most of the code before the original <head> output should go to e_module.php and all code between <head> and </head> tags have to go to e_eader.php

inline css

for this we need e_header addon

$inline_css = '
 #columncontainer { margin: 1em auto; width: auto; padding: 5%;}
... css code without change...
.multiSelect {width: 300px;}
';

e107::css("inline", $inline_css) ;
e_header.php

e_module addon

Moved "clear" code from header.php before <head> tag.

e_module.php

javascript

plugin js will be loaded in header

e107::js("plugin", "includes/javascript.js", "jquery" );

but this way it will be loaded in the footer:

e107::js("url", _BASEDIR."includes/javascript.js", "jquery" );

added in e_header.php

Result (look is broken) - e107 theme header is displayed + efiction header

Result after using HEADERF

  • css from e107 theme is changing efiction look

  • efiction skin is changing efiction look

  • bootstrap3 e107 was used in example above

With e107 theme inspired with Epiphany (just loading css and basic tpl code), it looks:

PreviousURLsNextFOOTERF

Last updated