Skip to:

Adding Regististration and Login to a custom home page

  • Hello Everyone,

    I have been working on a problem for a few days now and I am now requesting your help. I have read numerous posts and in concept I understand it but in execution I am having problems.

    I have created and added a custom home page design but I want to add the login and registration to the home page. Here is my inspiration site

    As per Jeff Sayre post, here are the details of what I am running. I am attempting to give you complete information so I can save your time and mine. Please bear with me.

    WP, BP, Theme Details
    I am running a clean install of wordpress 3.2.1 and buddypress 1.2.9 in my home directory. This site is running on a litespeed server in a cloud environment, I am creating a child theme from the default bp theme. Currently in my child theme I have the following files…

    * Footer (footer.php)
    * Header (header.php)
    * Home Page Page Template (idchome.php)
    * Single Post (single.php)
    * RTL Stylesheet (rtl.css)
    * Stylesheet (style.css)
    * styleHm.css (styleHm.css)

    Everything is a copy of the bp theme files except the idchome.php and the styleHm.css. Below I am posting the code for each of those files.

    Template Name: Home Page

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"”&gt;

    iDream Connection | iDreamers support one another

    iDream Connection: a Social Business Network

    Designed to Help You Succeed

    Loading the player …


    flashplayer: “;,
    file: “;,
    image: “;,
    height: 245,
    width: 304

    Join iDC Today!

    Sign up Form belongs Here!

    * By clicking Join Now or using iDream Connection, you are indicating that you have read, understood, and agree to iDream Connection’s User Agreement and Privacy Policy.


    /* =================== RESET 4 IDC ======================= */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;}

    body {background:#fff;line-height: 1;}

    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after,
    q:before, q:after {content: ”;
    content: none;}

    /* remember to define focus styles! */
    :focus {outline: 0;}

    /* remember to highlight inserts somehow! */
    ins {text-decoration: none;}
    del {text-decoration: line-through;}

    /* tables still need ‘cellspacing=”0″‘ in the markup */
    table {border-collapse: collapse;
    border-spacing: 0;}

    a img { border: none; }

    /* =================== MY HOME PAGE CODE FOR IDC ======================= */

    body {
    background: #e2e2e2;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    line-height: 170%;
    color: #000;
    width: 980px;
    margin: 0 auto;
    padding-top: 0 !important; /* Remove the top padding space for the admin bar in this theme */

    h2 { font-size: 20px; margin-bottom: 25px; padding-bottom: 10px; line-height: 1.35; color: #3b8db6;}

    h1.headerTxt {width: 250px; height: 39px;
    position: relative;}

    h1.headerTxt span {background: url(“/_inc/images/hm-idc-logo.png”);
    position: absolute;
    width: 100%;
    height: 100%;}

    #wrapper {width: 997px;
    margin: 25px auto 15px auto;
    padding: 0;
    position: relative;
    background: #fff;
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    -moz-border-radius-topright: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-right-radius: 25px;}

    #header {margin: 0; padding: 10px 0 0 5px; border: 0;
    top: 0; bottom: 0;
    height: 150px; /* ie5win fudge begins */
    height: 45px; background-color: #fff;
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    -moz-border-radius-topright: 25px;
    -webkit-border-top-right-radius: 25px; }

    a { color: #1171a1; text-decoration:none;}
    a:hover, a:active { color:#1171a1; text-decoration:underline; }

    #top-nav {width: 997px;
    height: 39px;
    margin: 0;
    padding: 0;
    position: relative;
    background-image: url(“/_inc/images/hm-nav-bkgd.png”);
    background-color: #1171a1;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;}

    ul#top-nav {margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    list-style: none;
    bottom: 0;}
    #top-nav ul li {float: left; margin:0; display: inline;}
    #top-nav ul li a {display: block; color: #fff; text-decoration: none; padding: 10px; font-weight:bolder;}

    ul#help-nav {margin: 10px;
    padding: 15px;
    left: 15px;
    list-style: none;
    bottom: 0; font-size: 12px;
    position: relative;
    float: left;}
    #help-nav ul li {float: left;
    display: inline;
    font-size: 12px;
    height: 20px;}
    #help-nav ul li a {display: block; padding:0 10px;}

    ul#legal-nav {margin: 10px;
    padding: 15px;
    right: 15px;
    list-style: none;
    bottom: 0; font-size: 11px;
    position: relative;
    float: left;}
    #legal-nav ul li {float: left;
    display: inline;
    height: 20px;
    font-size: 11px;}
    #legal-nav ul li a {display: block; padding: 0 10px;}

    hr {background-color:#eaeaea;
    border:0 none;
    padding: 10px auto 0 auto;
    margin: 5px auto;

    p.c2 {font-size:12px; text-align: center; padding-bottom:10px;}

    #inner-wrapper {margin:0; padding:0; position: relative;
    width: 100%; clear: both;}

    #col1 {margin: 0; padding: 0 6px; width: 60%;
    position: relative;
    float: left;
    background-color: transparent;}

    #col2 {margin: 0; padding: 0 5px;
    width: 37%;
    float: left;
    position: relative;
    background-color: transparent;}

    .clear {clear: both;}
    .bolder {font-weight: bolder;}
    .normal {font-weight: normal;}

    .spacer10Left {padding-left:10px;}
    .spacer15Left {padding-left:15px;}
    .spacer5top {padding-top:5px;}
    .spacer15top {padding-top:15px;}
    .spacer15bottom {padding-bottom:15px;}
    .lowernavColor {color:#949494;}
    .center {display: block; margin: 0 auto; padding:0 auto;}
    .centerTXT {text-align:center;}

    #registerFormHeader {border-style: 2px none; width:80%;
    color: white; font-size: 15px; font-weight: bolder;
    background-image: url(“/_inc/images/boxHeader.png”);
    background-color: #1171a1;
    -moz-border-radius-topleft: 9px;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -webkit-border-top-right-radius: 9px;}

    #registerForm {border-left: 1px solid #eaeaea; width:80%;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-right-radius: 9px;}
    I haven’t created any custom functions in the bp-custom.php I have 37 plugins installed and activated but I am not sure that this is important to the question that I am asking.

    Help Please, I am more of a html / css guy. The php and java stuff I am a newbie. Thanks

    Scott Whittle

Viewing 2 replies - 1 through 2 (of 2 total)
  • Can someone help me with this problem?


    It appears that you’ve added a container div to hold the registration form, however, you have not added the code for the registration form itself:

    Sign up Form belongs Here!

    You could copy and paste into your #registerForm div the registration form code contained within the .padder div from bp-default/registration/register.php.

    This should put an embedded registration form into your home page.

    Hope that helps…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding Regististration and Login to a custom home page’ is closed to new replies.
Skip to toolbar