How does the Welcome screen

Hello. Help please.
How does the Welcome screen.
How to insert a greeting page Fasebook
Thank
https://docs.google.com/document/d/1DPVAvC8Pls4lRt55EVv0cVid65RjsyWDLjHbyH3lJ24/pub

Hi

Welcome screen is only visible in demo. This element is not present in the template packages.

Hi

Welcome screen is only visible in demo. This element is not present in the template packages.

Thanks for the reply.
Tell me how to do something like that?

Hi

Add this code to /layout/default.php right before </body> tag.

Code: Select all

<div id="tip-overlay"></div>


than add this to css:

Code: Select all

#tip-overlay {
    background: url("https://demo.gavick.com/joomla25/writer/templates/gk_writer/images/overlay-img.png") no-repeat scroll 100px center rgba(0, 0, 0, 0.75);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 4;
}


thank you

Hi

No problem. Glad I could help.

Hi.
Welcome screen does not hide when clicking.
Where to add the css code? /css/override.css?

Hi

@maxdave You following customisations I'm explaining here ? This needs much more code than I presented. Whole javascript which will hide/load it. But since it's a customisation than I'm only allowed to spend a little time on that. Here is how the beginning of script codding can looks like:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('#tip-overlay').click(function(){
$(this).hide('slow');
});
});})(jQuery)</script>