Nice job – very clean and well proportioned.
- Has been a member for 4-5 years
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Exclusive Author
- Sold between 1 000 and 5 000 dollars
- Bought between 10 and 49 items
- Europe
Love the color scheme, good job Simnor!
- Has been a member for 3-4 years
- Exclusive Author
- Sold between 1 000 and 5 000 dollars
- Bought between 10 and 49 items
- Canada
- Referred between 1 and 9 users
wow that pic of you in the template…
- Has been a member for 3-4 years
- Exclusive Author
- Sold between 100 and 1 000 dollars
- Bought between 50 and 99 items
- United States
I love the template so far but I have one problem. When I begin to edit item 3 then item 6 moves way down. How would I fix this?
Screenshot: http://www.imgworx.com/temp/moved.jpg
Any help is appreciated.
Hmm, you could trying adding a line break under the link so that each of the blocks are a similar size, sorry about the issue I’ll look for a fix but until then you can add the line break by doing something like this:
<!-- ITEM 1 -->
<div class="item">
<!-- Remove the li lines for the image you don't want, so for example if you only want 2 images then remove the third "<li></li>" -->
<ul class="screenshotcircles">
<li class="active"></li>
<li></li>
<li></li>
</ul>
<!-- Edit the locations to the images you'd like to use -->
<ul class="screenshots">
<li style="display: block;"><img src="./images/tf1.jpg" alt="Screenshot"></li>
<li style="display: none;"><img src="./images/tf2.jpg" alt="Screenshot"></li>
<li style="display: none;"><img src="./images/tf3.jpg" alt="Screenshot"></li>
</ul>
<h5>THEMEFOREST <span>DESIGN</span></h5>
<p>Nulla vel nulla libero, sit amet venenatis augue. Nam vitae turpis at est congue volutpat quis et ante. Proin lobortis risus et enim euis mod consectetur. Est congue volutpat quis et ante.</p>
<p><a href="http://themeforest.net" class="visit">VISIT SITE</a><br/></p>
</div>
<!-- END -->
Notice this line:
<p><a href="http://themeforest.net" class="visit">VISIT SITE</a><br/></p>
instead of:
<p><a href="http://themeforest.net" class="visit">VISIT SITE</a></p>
Thanks
Sorry about the late reply. I just got home form work.
I think I get what you’re saying. After I read your example I tried writing more in the description area so it would take up more space. This moved everything back were it belongs. Basically the description should take up 3 to 4 lines.
So problem solved. Thank you for your time and support.
One problem, in google chrome it is totally broken http://twitpic.com/s9tkd
A very clean template. Great work, simnor!
One small thing about the contact form (at least with Safari/Mac). If one presses enter in any of the text boxes, the form is submitted without the Ajax & jQuery goodness (the browser just goes to sendMessage.php). I think this is because you’ve attached the event handling to the click of the button, not the submit of the form.
So I made a few changes to script.js$(’#contact form’).submit(function() { var name = $(’#contact input#name’).val(); var email = $(’#contact input#email’).val(); var website = $(’#contact input#website’).val(); var message = $(’#contact textarea#message’).val(); $.ajax({ type: ‘post’, url: ’./sendMessage.php’, data: ‘name=’ + name + ‘&email=’ + email + ‘&website=’ + website + ‘&message=’ + message, success: function(results) { $(‘ul#response’).css({display”, opacity $(‘ul#response’).animate({opacity var resultss = results + “[CLOSE MESSAGE ] ”; $(‘ul#response’).html(resultss); } }); return false; });
Does this allow adding of unlimited pages?
Sorry, I should have phrased that better. Can I add unlimited posts to the front page?
The one-page template on the preview only shows an “about”, “work” and “contact” section.
Would it be possible to add more sections, and also is there the ability to prevent the links for these sections from appearing in the navbar?
Thanks
Hi, not sure if you think this is wordpress because you’re talking about posts, its a HTML /CSS template.
There have been people who have added new sections but it isn’t provided under the support of the template so you’d need to be good at html/css/jquery to make the change or hire someone to make the change for you.
Thanks
Love the template – awesome work!
Can I tie this into a hosted CMS – such as Surreal CMS , by putting the editable tags within the page and images.
Also, can I make the image size wider?
Thank you
Ken
Thanks
You can if you know what you’re doing, but as it’s a customization, it’s not provided under the support here. It’s a HTML /CSS template so if you can add Surreal CMS to that then you should be ok.
To change the image size you’ll need to edit some css as well so it fits in.
Regards Simon
awesome, many thanks.
ken
Hi there,
I’d like to buy this theme, but just have one question:
1) have you released an updated version of this theme so that it works on iOS? Because at the moment none of the menu links work when viewing on iPhone, iPad etc.
Thanks
Hi,
Great theme. I’ve been using it for the past month now.
But I have one question:
1) I’m getting a TONNE of spam through the built-in contact form. Is there some sort of option to turn on some sort of spam protection on the form? If not, can you suggest anything? It would be greatly appreciated – as I’m getting spam every day at the moment.
Thanks
Unfortunately there isn’t an option, it’s just a simple contact form on that theme. You’d need to sign up for a service http://www.google.co.uk/search?sourceid=chrome&ie=UTF-8&q=contact+forms that includes some kind of spam protection and then integrate it.
Cheers
Just purchased your template. I have question with the sliding. What would I need to do to make the sliding pages go up a little higher when clicking the tabs. For example, if I clicked my work, I would like the page that’s sliding to go up a little closer to the top.
Thanks for your help!
Hi, in style.css find this section:
#mainarea .block, #footer {
width:980px;
display:block;
margin:80px auto;
text-align:left;
clear:both;
overflow: hidden;
}
and change the margin line from:
margin:80px auto;
to
margin:40px auto 80px auto;
The 40px is the top margin and the 80px is the bottom margin so you can play around with the margin to make it closer to the top when you click a link.
Hope that helps
Hi Simnor,
I have a problem with my contact form page (after editing the CSS without much skills). Now, when I push “Send Message,” the contact form does not fade like the default. Instead the thank you message goes right over the contact form making it look very messy.
Can you help me? What do I need to do?
Here’s the website in case you need to see it. www.jpchun.com
Wow! You’re awesome! Thanks for replying back to me—and helping me resolve the issue.
You have excellent customer service!
Hey Simnor,
I have a question, again. I want to embed a flash player to fill most of the first page (about me section) instead of the default layout. Is there a quick way to code that? I plan on purchasing a flash player from Themeforrest.
I would deeply appreciate your help, if possible.
Thank you!
Jay
Hi Jay, sorry for the delay, you’d be better off contacting me via my profile page for support.
For the flash player integration you’d need to just place the flash player code into the col2 section:
<div class="cols">
<div class="col1 col">
<!-- ABOUT PICTURE, OVERWRITE THE IMAGES/ABOUTPIC.JPG FILE WITH YOUR OWN PICTURE -->
<img src="images/lightbulb.gif" alt="Jays Lightbulb" width="231" height="320" /></div>
<div class="col2 col">
<!-- THE FIRST PARAGRAPH IN THE ABOUT SECTION, BIGGER THAN THE OTHERS -->
FLASH PLAYER CODE HERE
</div>
and make sure you set the width and height of the embed code (should be part of the embed code) to fit the area, the col2 width is 450px.
If you wanted to replace the entire section then you'd remove the code for the columns, and place the embed code in it's place, so it would look something like:
<pre><div id="about" class="block">
<h1>JAY P. CHUN<br />
<span> <img src="images/instructionalD.gif" width="500" height="27" alt="ID" /></span></h1>
<div class="cols">
EMBED CODE HERE
</div>
</div>
</pre>
Hope that helps, and sorry for the delay, I don't get notified about new comments.</div>
Thanks again! I really appreciate it!


93 Purchases
16 Comments