$titleinfo

> For the complete documentation index, see [llms.txt](https://playground.e107sk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://playground.e107sk.com/e107-efiction-integration-update/e107-integration-ii./headerf.md).

# HEADERF

Using:

```
require_once(HEADERF); 
```

{% hint style="danger" %}
Warning! From this point e107 theme will override eFiction skins.&#x20;
{% endhint %}

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

{% hint style="info" %}
$headerSent is set true if a query should be t in debug mode&#x20;
{% endhint %}

## 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) ; 

```

{% content-ref url="/pages/-Mi6yrzIlENPTAS0r48F" %}
[e\_header.php](/e107-efiction-integration-update/addons/e_header.php.md)
{% endcontent-ref %}

## e\_module addon

Moved "clear" code from header.php before \<head> tag.&#x20;

{% content-ref url="/pages/-Mi6wPAY3gJR5Gfrcbw7" %}
[e\_module.php](/e107-efiction-integration-update/addons/e_module.php.md)
{% endcontent-ref %}

## 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](/files/-Mi7vAPbT5pBqOeiDnYD)

* css from e107 theme is changing efiction look
* efiction skin is changing efiction look&#x20;
* bootstrap3 e107 was used in example above

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

![](/files/-MiBQEe_oD9SJYNeLZoQ)