Customize the homepage

Hi, I would like to create a homepage that is completly different from the other pages. All the page have more or less the same schema, toplink, banner, menu, content, footer; in the homepage I would like to home only one big block with the register form(maybe a modified version), the login, a big picture and ant the bottom some links.

How is possible to edit only the homepage and leave the other pages with their schema?

thanks bye

Quote · 30 Jun 2009

Hi

my preference for this would be to go to your pages builder in the admin, go to homepage and then remove all the boxes you do not need and just add a html box with all you html in it that you want.

just design it up if neccesaary in a WYSIWYG page builder and then cut and paste the code into the box (using html in the tinymce)

you may need to play with te code in the box to get it to look right but thats the easiest way, unless you want to use the promo box for your design

Kevin

Quote · 30 Jun 2009

<html>

<title>Home Page </title>

<header> Home Page </home>

 

<body>

<br />

<h1 align="center"> This is a new Home page </h1>

 

<img src="http://mysite.com/images/file.jpg />

 

</body>

</html>

 

Wow, that is how you make a home page.  Now please name it index.html and place it on your server.  Rename your current index.php page to home.php (this is so you have it later if you want it) and remove the home button from the menu utilizing the Navigation Menu Builder or change the url from index.php to home.php if you still want the page for logged members. 

 

You can utilize whatever html coding you would like for the home page, add a join button, a guy doing somersaults on the moon or whatever you'd like.  I believe I covered this a few months ago for you guys.  Oh yeah, it was for a splash page.  Same thing.

Quote · 1 Jul 2009

Nice bit of coding.

How do you like this homepage?  I'm just a beginner, so excuse any errors.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="bgimage.jpg" width="100%" height="100%" alt=""></div>

<div id="content"><p><b><font color=yellow size=7>Place Page Content Here</font></b></p></div>
</body>
</html>

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 1 Jul 2009

ok, so the best way is to create a completly new file and link it by editing the button on the menu? How about the possibility to use all this functions? "__page_header__ __main_logo__ __banner_top__.. and so on" how they exactly works?

and it's possible to implement the registration form directly in this page, without linking to the join.php page?

many thanks

Quote · 1 Jul 2009

 

Nice bit of coding.

 

 

How do you like this homepage?  I'm just a beginner, so excuse any errors.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="bgimage.jpg" width="100%" height="100%" alt=""></div>

<div id="content"><p><b><font color=yellow size=7>Place Page Content Here</font></b></p></div>
</body>
</html>


DEMO: http://houstonlively.com/

 

Show off Houston.  I was just trying to do a quick code on Mickyb's level.  :))  We made the same point, but how come yours has page content and mine just has New Home Page?  Dang it, now I have to come up with another solution.

 

To the OP, take a look at the FAQ page, you can copy the file and move from there.  Now, let's say that you want to be able to add things to it from the Page Builders, then take a look at what it takes in Dolphin to create a default page:

 

php file

css file

html file

 

php file controls the actual functions of the site, this has all your if commands and such in it and makes the page functionable in the sense of people can click/fill things out.

 

css file is what gives the page it's physical layout.  In this sense, it's responsible for the final, exact positioning of everything on the page.  Every page uses templates/base/general.css templates/tmpl_uni/general.css & the templates/base/pagename.css & templates/tmpl_uni/pagename.css  It also calls the css files in that order with the last file being the one that determines the final exact settings of everything on the page.

 

html will be found as page_1.html and so on.  These files control the order in which things are placed on the page, for example header menu banner logo body footer.  You can go into any page_#.html and change the order that things appear within the file and it will change how they appear on the page.  You want the footer at the top, just move it on the page_#.html file to the first item and suddenly it will appear on the top.  Now, keep in mind if you do this, you may cause other issues as the footer does start with </body> closing tag, thus it may confuse your browser and leave the body out all together. 

 

As you can see, by editing the page_1.html (this is the index pages html file) you can adjust the order, add and/or delete items from the page.  Here is how page_1.html appears by default:

 

__include _header.html__
 __promo_code__
 __page_main_code__
__include _footer.html__

 

Say that you want the main code above the promo, then just do as follows:

 

__include _header.html__
  __page_main_code__
__promo_code__
__include _footer.html__

 

And you will change the order that the page appears to the end user, placing the promo box below the main body of the page, above the footer.  You can also use tradition html coding/tags in here to place any other items you like onto the home page.

Quote · 1 Jul 2009

guys first of all many thanks for the support, another couple of questions:

can i use php in the page_1.html?? there are some errors? can i use all the "specials __promo_code__ functions"?

how to add the register or the search form on the home page??

thanks bye

Quote · 1 Jul 2009

 

guys first of all many thanks for the support, another couple of questions:

 

can i use php in the page_1.html?? there are some errors? can i use all the "specials __promo_code__ functions"?

 

how to add the register or the search form on the home page??

 

 

thanks bye

 

1.  Can you use php in the html file?  The answer is yes you could as php & html are browser recognized, however it is not recommended.

 

2.  Adding Register to the home page can be done via an html block with the registration information inputted

 

3.  Same for the Search (There is also a mod for this at expertzzz.com, AntonLV has it)

 

4.  Explaining how to do this in detail is not a questin for the forums, it will simply take way to much time/space to explain it.  Recommend posting over in Jobs for someone who is experienced to do this for you.

Quote · 1 Jul 2009

Yes, it was reaally helpful for me too! Many thanks to participants!

Quote · 14 Jul 2009

FINALLY, straight forward explanation of the overall flow of the functions and css pages.... 

 

Been looking for the plain and simple version like this for a few weeks now....

 

Thanks VERY much...

Tom

Quote · 18 Jul 2009

Thanks for this, it makes it easy to create a custom home page.  I've posted a request on BoonexNerd and Expertzzz for this solution, plus the short tutorial on CSS/PHP/HTML will be helpful to a lot of people I'm sure.

Maybe jtadeo can add this in a 'tutorial' format on the nerd site.

- DB

Quote · 19 Jul 2009
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.