[n] Custom HTML Page (for homepage) 1.0.0

nanocode · Oct 11, 2016

Apantic submitted a new resource:

Custom HTML Page (for homepage) - Allows you to have a custom, from scratch HTML page, which you can use for your homepage.

This is FOSS software by Apantic licensed under the Apache 2.0 License. Find me on GitHub!

An add-on for XenForo to give you 1 custom HTML page to use. It is used at https://www.apantic.com for a homepage.

To install, upload the files contained in /upload and install using the .xml file.

To set up the page, use the template acomhomepage_layout to set up the html head and layout. Be aware of certain variables in there; do...

Read more about this resource...

myissue · Mar 19, 2017

Hello @Apatnic
Thank you for your post but i have one cuestion is it possible to create custom login page with your add-on/tutorial?

Robust · Mar 19, 2017

myissue said:
Hello @Apatnic
Thank you for your post but i have one cuestion is it possible to create custom login page with your add-on/tutorial?

Technically, yes.

If you want to use this for another page (other than a homepage), you will have to make a few changes prior to the route filters update:
1. Enable debug mode (config.php: `$config['debug'] = 1;`)
2. Go to http://yourwebsite/admin.php?route-prefixes/ (or `Admin -> Development -> Route Prefixes`) and edit the `home` route prefix to whatever you wish to call it
3. Edit /library/Apantic/ACOMHomepage/Route/Prefix/Home.php and change `home` on line 17 to whatever you want the route to be called.

Use that info to change it to /login. After that, you can use HTML to create a login form. That's assuming the backend (of this add-on) isn't expected to handle the log in process as well. You can create a form that can do a POST request elsewhere without editing the PHP. You'd have to start editing the controller to do more than that.

geeberry · Jul 24, 2017

Hey! Love the plugin, but I'm a total noob at HTML/CSS. How do I like the acomhomepage.css style to the acomhomepage_layout?

geeberry · Jul 27, 2017

Meaning, my css is not applying at all to the html

nanocode · Jul 27, 2017

geeberry said:
Meaning, my css is not applying at all to the html

What html template are you trying to edit?

geeberry · Jul 27, 2017

nanocode said:
What html template are you trying to edit?

Ive tried both the acomhomepage and acomhomepage_layout

geeberry · Jul 28, 2017

Also, my webpage is test.westeroscraft.com if that helps

geeberry · Jul 28, 2017

ok - i did a bit more testing and it seems css just wont apply at all. i must be missing something. the only css that applys with the default templates in the plugin are the external ones linked in acomhomepage_layout. Both the apantic.com/style.css and bootstrap css. removing those leaves only basic html - the css from acomhomepage.css isnt applying.

nanocode · Jul 28, 2017

geeberry said:
ok - i did a bit more testing and it seems css just wont apply at all. i must be missing something. the only css that applys with the default templates in the plugin are the external ones linked in acomhomepage_layout. Both the apantic.com/style.css and bootstrap css. removing those leaves only basic html - the css from acomhomepage.css isnt applying.

Open: acomhomepage_layout

Replace:

Code:

<link rel="stylesheet" type="text/css" href="https://www.apantic.com/style.css">

With:

Code:

<xen:require css="acomhomepage.css" />

Let me know if it works.

geeberry · Jul 28, 2017

nanocode said:
Open: acomhomepage_layout

Replace:

Code:

<link rel="stylesheet" type="text/css" href="https://www.apantic.com/style.css">

With:

Code:

<xen:require css="acomhomepage.css" />

Let me know if it works.

Still not working for me. I appreciate your help. This is what my acomhomepage_layout looks like

Code:

<!DOCTYPE html>
<html id="XenForo" lang="{$visitorLanguage.language_code}" class="Public NoJs LoggedOut NoSidebar {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml">
<xen:hook name="page_container_head">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <xen:if is="{$isResponsive}">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </xen:if>
   
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:400,700,300">
    <link rel="stylesheet" type="text/css "href="https://maxcdn.botstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <xen:require css="acomhomepage.css" />
   
    <title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
   
    <xen:include template="google_analytics" />
   
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />
</xen:hook>
</head>

<body>
<xen:hook name="body">
{xen:raw $contents}
</xen:hook>
</body>

geeberry · Jul 28, 2017

Also, the acomhomepage and acomhomepage.css templates are exactly the same as default as the plugin. http://test.westeroscraft.com/index.php is the address if that helps.

nanocode · Jul 28, 2017

geeberry said:
Also, the acomhomepage and acomhomepage.css templates are exactly the same as default as the plugin. http://test.westeroscraft.com/index.php is the address if that helps.

Above the <xen:require css="acomhomepage.css" /> line, add:

Code:

<!--XenForo_Require:CSS-->

Let me know if that works.

geeberry · Jul 29, 2017

nanocode said:
Above the <xen:require css="acomhomepage.css" /> line, add:

Code:



Let me know if that works.

THAT WORKED! Thank you so much for the help. Its gunna help my site out a lot.

geeberry · Aug 23, 2017

Ok - checking in to see if I could get some help. This may not be directly related though. I'm trying to figure out how to get the navbar from the forums onto the acomhomepage. Just wondering if you know which templates/code I need to put on acomhomepage to make that happen. Thank you.

Robust · Aug 23, 2017

geeberry said:
Ok - checking in to see if I could get some help. This may not be directly related though. I'm trying to figure out how to get the navbar from the forums onto the acomhomepage. Just wondering if you know which templates/code I need to put on acomhomepage to make that happen. Thank you.

This add-on won't be appropriate in that case. This is made to give you a custom homepage. If you want to use XF page layout, you should stick to using the help pages functionality built within XenForo.

donscream · Aug 28, 2017

maybe change

Code:

    <xen:require css="acomhomepage.css /"

to

Code:

<xen:require css="acomhomepage.css" />

nanocode · Sep 7, 2017

donscream said:
maybe change

Code:

<xen:require css="acomhomepage.css /"

to

Code:

<xen:require css="acomhomepage.css" />

This is mostly unmaintained. The add-on is open source, and we accept PRs, though!

See: https://github.com/Apantic/custom-html-page

donscream · Sep 7, 2017

nanocode said:
This is mostly unmaintained. The add-on is open source, and we accept PRs, though!

See: https://github.com/Apantic/custom-html-page

ow din't know i just try to install it on 1.5 and was getting error so i thought let's share the fix XD

[n] Custom HTML Page (for homepage) 1.0.0

Active member

Member

Well-known member

Member

Member

Active member

Member

Member

Member

Active member

Member

Member

Active member

Member

Member

Well-known member

Member

Active member

Member

Similar threads

We value your privacy