SocialEngine Blog

SocialEngine is the best way to create a unique community website. Let your friends, fans or customers geek out about anything you want.

Tutorial: Adding your header/footer


We know that giving your community a unique look is an absolute priority. We built the Layout Editor in SocialEngine 4 to make this easy. Still, we’re getting a lot of questions about how this can be done, so we wrote a tutorial to help guide anyone with questions about it. I hope this helps a bit! We’ll continue to find ways to help you make your social network stand out from the cookie-cutter crowd out there.

If you guys have questions about this, feel free to comment and help each other out! John and I are now going to turn our attention to developing the payment/subscription features in SE 4.1.


  1. NooR
    Posted October 9, 2010 at 8:19 am | Permalink


  2. ajeet
    Posted October 9, 2010 at 8:43 pm | Permalink

    Thanks Alex,
    SE4 team should add some more design feature in SE4 layout Editor.

    Add some more widgets in Layout Editor to support directly adding web links, Images and that just drag and drop widget and u are done, no more HTLM coding.
    example design image ->

    Also option to edit layout of Forum, classifieds, events etc in layout editor

    very important support to Edit "Menu" design in layout editor (background images to sub menu)
    example design image ->

    give us more control to edit and redesign in Layout Editor.


  3. John
    Posted October 11, 2010 at 7:30 pm | Permalink

    What is the name of the file that constructs the the div "generic_layout_container layout_core_menu_logo"?

  4. Posted October 12, 2010 at 6:16 am | Permalink

    It will be better if SE team allow editing all plug-in display board as like home and member home. It is essential to have such facility to change the aout look of all pages.

  5. Posted October 16, 2010 at 9:43 am | Permalink

    Add some plugin for CDN configuration.

  6. Jason Maletsky
    Posted November 19, 2010 at 7:42 pm | Permalink

    It would be nice to have a default.tpl file in a custom theme folder that overrides /application/modules/Core/layouts/scripts/default.tpl. This way we have full control over the layout without modifying core code.

  7. yadid
    Posted December 3, 2010 at 3:15 am | Permalink


  8. Posted August 2, 2011 at 12:32 am | Permalink

    Where is the file with layout_core_menu DIV?

  9. Mara
    Posted August 2, 2011 at 2:01 am | Permalink

    @Sergio You can find the files under application/modules/core/widgets/menu-[generic, main, or mini]/index.tpl

  10. Posted August 2, 2011 at 4:23 am | Permalink

    Hi Mara
    I do not see in these files something that can be changed.

    In themes.css I adding "float: left;" in layout_core_menu_logo{}.
    Depending also changes the length in $theme_topbar_logo_width and $theme_topbar_width.
    And nothing happens. That is, the logo and the menu had to be in the same row!??? But they are still in different rows.

  11. Mara
    Posted August 3, 2011 at 2:51 am | Permalink

    @Sergio Changing ".layout_core_menu_logo" to have "float:left;" is correct. The only thing you need to do is change ".layout_core_menu_main" to no have the width set to "100%". Try removing it or changing it to the correct number.

  12. Posted August 3, 2011 at 4:42 pm | Permalink

    I did it but it does not help.
    I found another solution:
    to ".layout_page_header .layout_main{}" add "position: relative;"
    and to ".layout_core_menu_logo{}" , ".layout_core_menu_main{}" , ".layout_core_menu_mini{}" add "position: absolute;" with left and top parameters.

  13. Mara
    Posted August 3, 2011 at 6:51 pm | Permalink

    @Sergio If you need further technical assistance, please log in to submit a support ticket.

Post a Comment

You must be logged in to Post a Comment.