1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Hair Repair Website Template

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

  1. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    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 Administrator Staff Member Director Verified Member

  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 Administrator Staff Member Director Verified Member

    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 Administrator Staff Member Director Verified Member

    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 Moderator, Logos, Sports Crests Staff Member Verified 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
  16. lashh

    lashh New Member Verified Member

    I'm new to all of this, I just want to be able to do it myself because depending on webdesigners (at least the ones Ive been dealing with) is worst than going to the dentist. I've tried to download, update, change this template and to no avail. Because when I hit the edit button, it takes me to Wix and changes the layout. I love the curves of the lines and thought I would reach out to Wix, but they said it wasn't theirs. So I'm back to square one. If I can get the coding so I can practice and change what I want, I would be so happy. I know where to go to get it and I've been taking some courses on webdesigning, but I can't seem to copy it and paste it to notepad or dreamweaver to work on it, I need HELP!
     
    Last edited: Oct 28, 2015
  17. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Scroll Back up to the top of the page, look for Download - View follow the info-graph below.

    howto.jpg
     
  18. lashh

    lashh New Member Verified Member

    I did that and it opened a page I can see the codes I just can't highlight them to copy.
     
  19. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    what software are you using?
     
  20. lashh

    lashh New Member Verified Member

    I had to open up a free editor software to open it up, I'm not at my desktop so I can't tell you what it is.