• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

[n] Custom HTML Page (for homepage) 1.0.0

No permission to download

nanocode

Formerly Apantic
#1
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...
 
#2
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

Well-known member
#3
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.
 
#9
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

Formerly Apantic
#10
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.
 
#11
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>
 
#15
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

Well-known member
#16
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.