Web geeks, i need help.

[boykolotz]

---

Hi to all web geek out there, i just want to know if unsaon ni cya, naa bani cyay plugin sama sa JQuery.



TIA,
boykolotz

[boykolotz]

or kani guys, iyang portfolio gani unsaon ni?

Hero » Portfolio

[0kimangel0]

It is a combination of css and jQuery bro. The concept is just changing the opacity of the image to 0.1 on mouse hover event. The opacity of the title of the image is also changed to 1 from 0 on mouse hover event.

Check the code here:
Edit this Fiddle - jsFiddle

[jackdi]

I am not a geek... dili pod ko web developer....
Pero dili bah mas dali kung mogamit nalang ka og similar free wordpress themeplate.
Nya customize a bit dayon from there?

Mao man god ni pirmi ako buhaton. Im into blogger and i use free blogger templates, nya ako dayon i-customize according sa ako gusto.

Di lang ko kahibaw if asay mas sayon, sa blogger(html) ba or sa wordpress (php).

[boykolotz]

@0kimangel0 - Woah! Thank you Sir, it really helps , And i'm also wondering about the filtering, on that template but im gonna figure it out

@jackdi - HEHEHE. Dle man ko blogger, ng practice ra jud ko para ani

[jackdi]

@jackdi - HEHEHE. Dle man ko blogger, ng practice ra jud ko para ani

Ahihihi! Blogger nga blogspot.com ako pasabot Master.
Parehas ta, nag-practice ra pod ko. WP themes lang na imo. Blogspot themes lang na ako.

[0kimangel0]

You are welcome bro. I just copied the code from the site you gave. Just use Firebug if you are using Firefox or Chrome Developer Tools (Right Click the element and click "inspect element" or ctrl+shift+j) to play around with the frontend (HTML, CSS, javascript/jQuery) of a site you like.

[boykolotz]

@jackdi, Lol. I know that mao gani ni ana ko dle ko Blogger. Pero maau man ko ug hardcode. Maong adapt lang ko ani.

@0kimangel0, Okay master

[boykolotz]

@0kimangel0, Master. Dle man mo work, >.< akong gi balhin sa HTML, dle lage?

Spoiler! 

<script>
jQuery(".project.small .inside a").hover(
			function() {
				jQuery(this).find('img:last').stop().fadeTo("fast", .1);
				jQuery(this).find('img:last').attr('title','');	
			},
			function() {
				jQuery(this).find('img:last').stop().fadeTo("fast", 1);	
		});
			
		jQuery(".project.small .inside").hover(	
			function() {				
				jQuery(this).find('.title').stop().fadeTo("fast", 1);
				jQuery(this).find('img:last').attr('title','');				
			},
			function() {				
				jQuery(this).find('.title').stop().fadeTo("fast", 0);							
		});
		
	
	
	jQuery(".project.small").css("opacity", "1");	
</script>

[jackdi]

@jackdi, Lol. I know that mao gani ni ana ko dle ko Blogger. Pero maau man ko ug hardcode. Maong adapt lang ko ani.

Ahihihi!
Sorry Bro... i thought wrongly.

By the way, nindot kaayo na imo skills Bro dah. Suya jud ko og ingon-ana.