Simple Transitions Portfolio HTML Template
Themeforest Simple Transitions Portfolio HTML Template
This portfolio is a stylish way to show off your work. Smooth animated transitions (fade in/out) take you from your portfolio categories to a gallery of your work. It was all implemented using the MooTools javascript framework.
You can have a variable number of categories. If you have more projects in one category than fit on the screen, nice scroll down/up buttons appear that smoothly scroll up/down your gallery of projects.
If you need help customizing this, let me know!
Nice design Simple)
ReplyDeleteGreat bones, this would be perfect to purchase for the general layout and effects and then add your own design touches too. Well done!
ReplyDeleteHi.
ReplyDeleteI’m very interested in purchase this template, but the “Resumé” button is not working.
@cristianoalves: Thanks for your interest in the template.
ReplyDeleteI did a lot of research while making the template and a lot of people choose to just have a link to a pdf version of their résumé. Because of that, I didn’t make a page for it. A pdf makes sense too, because then potential employers can just print it out or save it on their computer for future reference.
In the instructions for the template, I did provide instructions on how to make a lightbox-type popup similar to the one that does for the about link and it can be any size. If you wanted something in the webpage, that might not be a bad idea.
hi
ReplyDeletecan you add more categories on the main page? I need 4 possibly 5 total
thanks!
@kvision: You can have as many categories as you want. In the instructions, I have provided details on what is needed to make a new category. If you still need any help with that, I’m willing. Just let me know!
ReplyDeleteI recently purchased this template. I love it. With dontangg’s help, I was able to add the dialog popup (the same on as the “about” link) to the gallery images instead of them linking to another page.
ReplyDelete1. You need an element with an id that will contain everything you want to be in the popup. Here is an example:
2. You need to modify the link in the gallery to have an id and change the href attribute.
Change from this:
To this:
3. You need to use MooTools (javascript) to add an onclick event (add this code to the main.js file within the showBreadCrumb function):
$(“project1Link”).addEvent(“click”, function() {
modalDialog.show(‘project1’, {
width: 300,
height: 500
});
});
Hope that helps someone
1. You need an element with an id that will contain everything you want to be in the popup. Here is an example:
ReplyDelete2. You need to modify the link in the gallery to have an id and change the href attribute.
Change from this:
To this:
3. You need to use MooTools (javascript) to add an onclick event:
$(“project1Link”).addEvent(“click”, function() {
modalDialog.show(‘project1’, {
width: 300,
height: 500
});
});
sorry forgot pastie
I purchased tis theme and have a question.
ReplyDelete1. Can I create a ‘Contact’ pop-up that include a php form?
Thank you,
Motti
@Motti”>@Motti – ya, that should be fairly simple to do.
ReplyDelete1. Create a div like the one with id=’about’ to put your contact form into.
2. Go to the javascript code and remove the code that is doing stuff to contactBtn already.
3. Do the same thing in javascript to contactBtn that is done to aboutBtn.
I know that these are very general steps. If you are still having troubles getting this to work, please click on my avatar and send me a message.
Hi,
ReplyDeleteHow would I create a link to the main gallery page after being on a sub page?
thx
I’m not exactly sure what you mean by “main gallery” but I think that you’re meaning the page you start on. If so, you can do this:
ReplyDelete<a href="javascript:goHome();">Main Gallery</a>
Hello,
ReplyDeleteI’m helping a friend out and purchased this to use as a template for his site. I was hoping you could help me utilize that modal dialogue box as a lightbox for his work. I tried to follow some of the comments above, but must admit, that I had a bit of trouble. Any help would be most appreciated!
Regards.
@jwtdesign – I responded to your email.
ReplyDeleteYou did indeed. Thanks so much for your additional help and a great site!
ReplyDelete