Discussion on Folio Nº1 - One page creative portfolio

Discussion on Folio Nº1 - One page creative portfolio

Cart 1,572 sales

VanKarWai does not currently provide support for this item.

243 comments found.

Hi,

One quick question. Is it possible to click one thumbnail and then cycle throuch the rest of the images with forward/next buttons. As if they where grouped together?

Thanks

Hi!

you need to use the rel tag included in the custom-low.js in JS folder. Each rel tag represents a work type and all this works will be grouped in the same lightbox.

Thanks! :)

Hi, I installed another font to it, it works great when I was previewing in my own browser but once I have actually uploaded it on FTP and published it, the font is replaced by another font instead.

Please help

thanks!

What method did you use for replacing the font? Template is using @font-face, this method is a standard and should work fine in any case.

I have seen other purchasers customs and they could make changes without problems.

Let me know about it, I will help you.

Thanks!

I used the same method to install the font. I replaced the font name and then made sure the fonts I want are in the folder.

Hi,

I did just purchase this item, but I have some problems in IE8 .

I didnt try it with IE before purchasing, but since I tried it on my local the fade-in-functionality didnt work properly.

I also tried the online demo here at themeforest using IE and the same issue appears. All items doesnt load correctly in the “portfolio”

The question; is there anyway to inactivate the fade-in effect, so it works properly with my IE?

Anyone else having the same problem with this using IE?

Hi,

It´s really strange this. Template is tested in IE7 /8/9, Opera, Safari, Firefox & Chrome for MAC & WIN . But you can try to remove the function for load/fade images at starting. Just remove these lines in custom-low.js in JS folder:

From here:

//FADE PRELOADING IMAGES FUNCTION

to:

// Run it! targetImages = $(’#list-works a img’); targetImages.imgFolioloader();

With this you will have a “normal” load of your items.

Please, let me know if you are still with this issue.

Thanks a lot!

Gee I wish I could delete my comments…but yeah the reason why it started working was because I used firefox instead of internet explorer 8…the thumbnail images dont seem to show when using Internet explorer…?

Hahahaha! Jess, don´t worry about the comments! This issue, as I commented a few messages below, is a IE problem when you work in local. If you uoload your files t a server you will look that tumbs load without problems, only happens in local.

For testing in local with IE just comment in custom-low.js in JS folder from this line:

//FADE PRELOADING IMAGES FUNCTION

to this one:

// Run it! $(’#thumbs img’).imgloader();

Remember to uncomment this lines before uploading you final site if you want to use this feature, ok?

Thanks a lot!! ;)

Haha sorry about that, guess my computer is just being weird. Anyways great product, keep up the good work! :)

Actually it seems the thumbnail images only appear once I have refreshed the page…it happens when I view the demo on this site aswell….. :S

Hi there!

Whenever I load a page, even locally, it takes foreveeeer to show the thumbnails…any ideas why?

Also, is it necessary to keep the color.css and theme.css or can I just use the style.css?

Thanks you

Hello -

First of all – GREAT WORK ! I love this template and I’m very eager to start using it. When the site first loads and the filter is set to all – is it possible to click the first image, and scroll to the image on the right , rather than it going to the next item of the same category?

Thanks!

Hi Johnc,

first of all thank you for purchasing!

You can do it, that It´s so easy as add a rel tag to your item like this:

<h3><a href="images/samples/works-big/illustrativelettering_880.png" title="by Creacttica" class="caption-title zoom" rel="your-category">Banner illustration for Crative Studios NYC</a></h3>

And in your custom-low.js in js folder add you new category, something like this:

$("a[rel='your-category']").colorbox();

Easy, right? ;)

Thank you!

i’d like tu use more 20 thumbnails. I don’t want to use more then 1 “page”

how can i change?

thanks

Do you want to remove the slider? You can use the static version a doing the portfolio higher. Is very easy to do this, you need to modify a few lines in CSS . Just write me by mail (form it´s in my profile) and I will help you with this, ok?

Thanks a lot! ;)

Is there a reason why my sample images will not appear, when the index page opens in firefox?

Hi artkc,

There´s not reason for thumbnails doesn´t appear correctly in FF. The template is tested in Firefox 3 & Firefox 4 (WIN & MAC ) and works perfectly. Wich version are you using?

hi VanKarWai

love this template. However i have problem when it load on iPad Vert & Horiz. When i click on the piece, the big image showup, but there is a area without cover by the transpearcy black bg

also when i click on resume. the area is bigger than the orginal window, so i have to move it. Is it a way to show up youtube video on iPad ver.

I really want this template iPad friendly, many thanks

Hi friend, let me a few days to review this, please. I´m working a lot in a new template.

The overlay issue is about iPad doesn´t interpret well elements positioned as fixed (style switcher is one of this) and I fixed it it I dont understand why doesn´t work now. I will review it this week.

Flash videos neither can be viewed in a iPad. Apple doesn´t support it, they want to develop/support HTML5 video, for this question flash videos doesn´t work in iOS (iPad/iPhone). You can confirm all this info in google. For solve it I recommend you that you bring your videos to any codec as you can see in this URL – http://bit.ly/jk7PRk

I hope this can help you and don´t worry for the overlay issue, I will fix it this week.

Thanks a lot! :)

it worked. thanks!

The images don’t load in Internet Explorer 9. Is there a fix for this?

In local or online? Some IE versions need to disable the smooth load for images for working un local. These things of this “amazing” browser…

For change this you need to comment in custom-low.js from this line:

//FADE PRELOADING IMAGES FUNCTION

to this one:

targetImages.imgFolioloader();

When you will place your files in your online/production server remember to uncomment this feature if you want to use it! ;)

Thanks a lot for purchasing!

Thank U so muuuuuch !

Vankarwai…thank u so much ! I use your advice. but still meet the same problem… no worry, I will finish my website and when put online you may be should have a look on code.

this is exactly like that actually… but filter function doesn’t work anymore :)

$(document).ready(function(){ $('#list-works').filterable(); $(’#list-works’).trigger(‘filter’, [ ’.mix’ ]); });

No problem, when you have it online I will help you to solve this issue…surely will be a little detail on code, don´t worry.

When you have your site ready just send me a mail and I will take a look! ;)

Thanks fo answer.

To be sure that there is no confusion.

filterable.js actually like that :

$(document).ready(function(){ $('#list-works').filterable(); });

If I understood, I have to replace it like that :

around line 66 :

$(document).ready(function(){ $(’#list-works’).trigger(‘filter’, [ ’#mix’ ]); });

her mix is the name of my category :

<li class="fade-option mix"><a href="#mix" title="mix, sets, playlists">mix sessions</a></li>

I dont know why it doesnt work too…

OK, fbenghomari

You need to modify your code in this way:

$(document).ready(function(){ });

$('#list-works').filterable();
$('#list-works').trigger('filter', [ '.your-category' ]);

If you look your HTML code the category is in a class not in a id—> .class // #id

With this you will have filtered your category when the page is loaded and ready! ;)

NOTE : Before triggering you need to launch the filtering function as you can see. First launch it and then trigger for setting your category.

VanKarWai

Hello !

1) to make the menu visible, it works perfectly. Thank U so much.

2) to make category of my choice as category by default it doesnt work.

When I add the line that you put on the FAQ , the filter doesnt work anymore.

May be that it miss a small character or something ?

I absolutely need to make the #all display impossible :)

One more time : Thank u so much !

I don´t know why doesn´t work for you. I test it and works fine, if you are still with this and can´t solve it you can write me a mail and we can see it closer if you need it, ok?

Thanks, friend! ;)

Hi, first of all I’ve to say that your work is very well done. I would like: - to put instead of 20 images (160px X 160px) images that are 300 X 200 px or 200 X 300 px (obvioulsy there will be less images in the page); - automatic adjustment of the size of the image in lightbox gallery (when you click on a image) by browser size. How could be done? Thanks!!! Tovich

Hi tovich,

yes you have no problem, as you said you will have less works but the lightbox works with any size you need, it isn´t directly related, don´t worry.

Thanks a lot for purchasing! :)

VanKarWai -> I saw the last line your added on the FAQ , but it concerns the filter.

I, m just looking how to make the navigation menu visible even there is any rollover on this area of the website.

Sorry if I missed it I looked many times the FAQ but dont find it.

Thanks !!!

“Hi spacr,

for keeping the nav expanded you need to modify first of all custom-low.js in js folder. Here locate this lines at the bottom:

$(“nav”).hover(function(){$(this).find(“li.fade-option”).stop().animate({left:”25”,opacity:1},”fast”).css(“visibility”,”visible”)},function(){$(this).find(“li.fade-option”).stop().animate({left:”0”,opacity:1},”meddium”).css(“display”,”inline”)})
An remove them. Then you need to go to main css styles.css in css folder and change this rule or remove it:
Change visibility:hidden; to visibility:visible;

With this you will have a expanded navigation/filtering bar."

I think this is what you need, right?

;)

Hi! Thanks for the theme, i like a lot! I have a question, who i active a slide mode? and i want when my client click in my email open a lightbox (same pics) with a email box, i can that?

Sorry for a bad english. :(

Thanks!

EDIT : i download a new update i can slide now. ;) thanks, but i want know about a email form. Thx

Yes, you can. Just create a new html document with your contact form. Then create a new class for this colorbox event, and add a line in custom-low.js, something like this:

$(”.launch-contact-form”).colorbox({iframe:true,innerWidth:”75%”,innerHeight:”75%”}); (custom-low.js)

your html will be something like this:

<a class="launch-contact-form" src="path-to-your-html-contact-form.html">WRITE ME A MAIL</a>
(index.html)

I hope this can help! ;)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey