Ready Hair Repair Website Template

Discussion in 'Free Website Templates' started by Mimoun, Jan 15, 2013.

  1. Mimoun

    Mimoun Mimoun Raddahi Staff Member Executive Director

    Today's new template is a hair repair website template good for a barber, hairdresser or hair product website.

    [​IMG]

    Download - View


    Web design sub pages:

    [​IMG] [​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 versions
    • The design source, in this case, the PSD files
    • Sliced PSD file (Photoshop source design)
    Third party Stock Photos licensed from Veer:

    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]


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

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

    Design version 6
    Code version 2

    Download - View
    Meidina and ishkey like this.
  2. maximmmus

    maximmmus New Member

    I can't download this template. :(((.
  3. Mimoun

    Mimoun Mimoun Raddahi Staff Member Executive Director

  4. bacekjon

    bacekjon New Member

    What I het when I view it in Firefox is the following:
    Since I actually like it more than the original (because the content is now not bellow the fold anymore), I would like to modify the script. How to do it?

    Attached Files:

  5. Mimoun

    Mimoun Mimoun Raddahi Staff Member Executive Director

    This is easy—just copy paste a sub-page and rename it index.html since the sub-pages don't have the big header.
    After that copy paste the code of the 3 picture links to the new index.html.
    If you cannot get this to work, let me know and I will do it when I have 5 mins of free time.
  6. bacekjon

    bacekjon New Member

    Thank you for your reply! I tried, but all I could get was this:
    I would actually like to have the exactly same structure of the intedx page as on my first screen-capture: i.e., the third picture slightly over the curvy line, and not below it. And a column below each photo, the same as on the original index page. Thank you very much for your help!

    Attached Files:

  7. Mimoun

    Mimoun Mimoun Raddahi Staff Member Executive Director

    Post your html and css as an attachment so I can figure out what you're doing wrong.
  8. bacekjon

    bacekjon New Member

    Here is html, while css remained intact.

    Attached Files:

  9. Meidina

    Meidina New Member

    What can I do to have one more button in the header? Or (if that's not possible) is there any way to put a small list additional links somewhere on the right side on the header-bg?
  10. Stef

    Stef New Member

    i have 2 questions to ask.

    1.how do i set the form on the contact page to send to my email address?
    2. i basically removed the Blog page and removed it off the menu in all the pages, but when i go to delete it on the contact page what i did was replace blog and renamed it contact and relinked it but i cant get the green to be highlighted...when your on the page thats opened
    Help please i hope i made sense lol
  11. Carolina Rabelo

    Carolina Rabelo New Member

    Hey, can you help me? It's the first time I'm doing this, so I don't know how to do it.
    I edited the psd, and now it's how I want. But how can I edit the css? How to use it? And which site accept the code?
  12. Lisa Stanton

    Lisa Stanton New Member

    Love the theme. I customized it to my liking but the slices in the PSD are whackadilly and don't match the slices of the html! I'm assuming because it has all the layers in one file. Suggestions?
  13. ishkey

    ishkey Graphics Staff Member

    All of the new templates in the last year use Layer Comps - multiple compositions.
    Using layer comps, you can create, manage, and view multiple versions of a layout in a single Photoshop file.
    Make sure you are on the right one. Big subject so Google.
    Looks like this.
    layer comps.png
  14. Margriet22

    Margriet22 New Member

    Hi, thanks for this template, really nice!
    but can you tell me how i set the form on the contact page to send to my email address?
    Thanks!
  15. StephenM

    StephenM New Member

    I am having trouble getting this to load correctly in Google Chrome. It (Chrome) completely leaves out the big header. Is there anything I can do to work around this?

    Edit:
    I figured this one out...It is AdBlock that was causing it to load incorrectly.
    Last edited: Jan 28, 2014