Minimalistic Web Template

Discussion in 'Download Free Website Templates' started by Mimoun, Jan 7, 2012.

  1. Mimoun Administrator

    Web design sub pages:


    [IMG] [IMG] [IMG]



    This website template will work with all modern web browsers.


    What is included:
    • HTML files source code
    • CSS file source code
    • Images: compressed versionsminimalisticwebtemplate
    • The design source, in this case, the PSD files
    • Sliced PSD file (Photoshop source design)




    Third party Stock Photos licensed from Veer:


    [IMG]


    Third party fonts used:
    Font details coming soon.......

    Credits:
    Credit details coming soon......

    Version 2
    Mimoun, Jan 7, 2012
    #1

  2. Mimoun Administrator

    Minimalistic Website Template upgraded to version 2: simplified the navigation structure by removing all arrows and the scroll bars.
    Mimoun, Jan 18, 2012
    #2

  3. Cahyle New Member

    Hey I've recently started editing this for my girlfriend's website, and for the 'Blog' page, I've changed it to a gallery page of her paintings (it's a website for her art portfolio).
    For the gallery of her paintings, I've tried using a full-screen pop-up of each of her paintings using the 'Facebox' image viewer described here: http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm
    However, there seems to be an issue with the template CCS and the CCS implimented with the 'Facebox' viewer, as the Navigation Menu items (text and images) is overlayed over the Facebox pop-up. Is there a way to alter the CCS for this template so it overlays over all images in the page with no issues?
    Cahyle, Feb 12, 2012
    #3

  4. Mimoun Administrator

    It's hard to solve your problem without your code. Do you have a live version of the template hosted on the internet? If not just add it to a zip file as an attachment. I think your problem can easily be solved by adding or removing some z-index value in the css file.
    Mimoun, Feb 13, 2012
    #4

  5. Cahyle New Member

    Cheers for getting back to me so quickly!
    If you go to http://www.laurahinshaw.com/paintings.html and click on the 'FULL SCREEN' link at the top of the page (above 'Blog Title Number One', that shows you what happens with the error. Thanks.
    Cahyle, Feb 13, 2012
    #5

  6. Mimoun Administrator

    Just as I thought it's a z-index problem:
    Edit this in your style.css file change the z-index value of the navigation tag from 9990 to 9:
    Code:
    ul.navigation {
    background-image: url("../images/border-dashed.gif");
    background-position: center top;
    background-repeat: repeat-x;
    list-style-type: none;
    margin: 0 0 50px 8px;
    padding: 5px 0 0;
    position: relative;
    width: 200px;
    z-index: 9;
}
    I just tested the code change with firebug it should work with this change if not let me know.
    Mimoun, Feb 13, 2012
    #6

  7. Cahyle New Member

    Superb. Thanks for your help!
    Cahyle, Feb 13, 2012
    #7