SE Cloud Maverick Homepage (coming this fall)

SE Cloud Maverick HomePage


I tried several times to find a way to create a great homepage without the inconvenience to create a new template or to use invitation mode.

"At the end I found it with only few CSS & Jquery changes" 

Features: 

- Full Screen Size
- Sign In or Create Account (instead Invitation)
- Search
- Use your current homepage
- Few CSS & Jquery
- Available for Board Theme

Let me know if you're interested!
    • 1
    Robin Dear followers,
    If you use Board Theme you can try to add this jquery in the header to get a similar aspect.

    <script type="text/javascript">
    $(document).ready(function() {
    if ($(".profile-link").length != 0) {
    $("#page-hot #header_wrapper").css("height", "40px");
    $("#page-hot #header_wrapper").css("position", "fixed");
    $("#page-hot #header_wrapper").css("background-color", "#F8F8F8");
    }
    else {
    $("html, body").css("height", "100%");
    $("#page-hot #header_wrapper").css("height", "100%");
    $("#page-hot #header_wrapper").css("position", "relative");
    $("#page-hot #header_wrapper").css("background", "url('http://media.ieverythingtech.com/wp-content/uploads/2013/06/W8IdvVk.jpg') no-repeat fixed center center / cover rgba(0, 0, 0, 0)");
    $("#page-hot #header_wrapper .left").css("display", "none");
    $("#page-hot #header_wrapper .right").css("position", "fixed");
    $("#page-hot #header_wrapper .right").css("left", "40%");
    $("#page-hot #header_wrapper .right").css("top", "50%");
    $("#page-hot #content_wrapper ").css("display", "none");
    $("#page-hot #footer_wrapper").css("display", "none");
    }
    });
    </script>

    Enjoy!
      • 1
      Yerdos Robin, Thank you very much for the Homepage.
      There is another issue how to do so to display links (about, Terms & Use etc) against the background.
      Like on Pinterest
      http://se5revolution.s3.amazonaws.com/uploads/447/519373.png
      Thank you very much again
        • 1
        Robin It's not an easy task but you can add any new DIV in HOT page and Show and Hide with the Jquery done.
      • 1
      Robin The idea is to use the header 100% full screen and to disable the other sections.
      This will work with the HOT page if you have a different one you can change page-hot in the code with your own.
    • 1
    Nainou I m interested can we have this
      • 1
      Robin Now you can try!
        • 1
        Nainou but I have clean theme
          • 2
          Robin Have you tried? It should work with few CSS changes only
      • 1
      Robin Hello, Nainou do you still interested, because you're the only one?
    • 1
    Kimmie Like it.
    • 1
    Nainou like always you bring us good suprise Robin. We are waiting.

    thx
    • 1
    Yerdos Please tell us when it will be ready :) cant wait
    • 1
    sanaa thats amazing ,keep up the good work dear