Resource icon

[n] Custom HTML Page (for homepage) 1.0.0

No permission to download
Overview Reviews (1) History Discussion
nanocode

nanocode

Active member
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...
Click to expand...

Read more about this resource...
 
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?
 
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?
Click to expand...
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.
Click to expand...

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.
 
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?
 
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.
 
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.
Click to expand...
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.
 
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.
Click to expand...


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>
 
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.
 
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.
Click to expand...
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.
 
You must log in or register to reply here.
Back
Top Bottom