FPSBANANA > Tutorials > FPSB > Other/Misc

CSS Slicing Tutorial! Difficulty: Intermediate
Category: FPSB > Other/Misc	Author(s): Did you create this? Request ownership
Lets get started, first of all, make sure you have your template ready. If not, you should stop reading this because it would be no use to you. I also wanna thank AK for the template. I did not make this template! Ak-Productions did, I have full permission to use this! 1.Open your PSD in Adobe Image-Ready. 2.Slice the images you would like. Click to enlarge 3.Once you have sliced all images and are sure that everything is what you want it to be, go to File > Save Optimized As... ( Ctrl + Shift + Alt + S ) Click to enlarge 4. Now under settings, select other. (located at the bottom of save) Click to enlarge 5. Select Slices under the HTML drop down menu. Click to enlarge 6. Now under Slice Output, select Generate CSS and select Referenced : By ID and press OK. Click to enlarge 7. Now just save your webpage with the name you want. Final Result: Click to enlarge
Added: 2 years ago	Tags: slicing, tutorial

Feedback (4)

	Cobalt . www.fragpegs.comY2M
	Posted 2 years ago
Oh VERY nice, i wish i knew this existed a couple months ago when i was trying to figure out how to do this. i finally figured it out, but if i had read this it would have been alot easier. anyway, fantastic tutorial, and although you didn't make it, it was a good find and an awesome submission.
- www.fragpegs.com
	. The Ministry of GamingY2M
	Posted 2 years ago
Gj, nw

	:: Once a Top Dog, Always a Top Dog! Y2M
	Posted 2 years ago
You did. Exactly why i posted this one from ages ago! This is different from his. This one is for CSS.

	Spectro. . Y2M
	Posted 2 years ago
I could've sworn I just saw one of these earlier.. oh well, nice job.

Add Feedback

Provide constructive feedback. What is "constructive"?

You cannot post yet!
Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

To post in this submission register or login.

Assessment

The community's verdict.

User Rating [+]
9.3/10

bScore
9.3/10

You cannot assess yet!
Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

To vote on this submission register or login.

Stamps

This Tutorial in a nutshell...

No stamps recorded

You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.

Added by...

::
Once a Top Dog, Always a Top Dog!

:: Admin, Ripe Member and BM Supervisor

[+] Donate