I was wondering.... All of your templates are supplied in both html and photoshop. I would normally just edit the individual images that i need changing one by one but I feel there must be a quicker way of doing this.... You supply complete photoshop files that you open the entire page in.... Is there by chance an easy way of going on to that photoshop file and then altering it all and simply exporting it all from photoshop to make the individual image files and html?? I apologise if I sound ignorant, I've been using photoshop for years and its my job but use it fro graphics and photos so have no idea about the web side of photoshop. Many thanks for any help you can offer.
You sure don't sound ignorant, ignorant is the one that doesn't ask any questions. There is an option to use Image Ready to make a HTML file for you using the slice tool , cut the Photoshop file in pieces with it and then save for web. Now you're wondering why we don't use this option? Because it's all automated and uses fixed width, height and positioning meaning if you add too much or to less text/content the website will break up. We all hand code the templates which makes them more streamlined and easier to edit using the CSS file. What you can do if you need to edit an image is: - Open the psd file edit and the part you want to change. - Go to the images folder take the image you want to change drag and drop it on the psd file. - Crop the psd file to the same size as the image and removed the layer with the old image. - Save it with the same name inside the images folder just overwrite it when asked by Photoshop. You don't even need to edit the HTML this way. And don't forget if you want to edit the font size or color/background color of text just use the CSS file to do so. Here is a post with great websites to learn more about CSS. When you're just editing the template you don't need to know a lot about CSS just the basic things. You can also just post for help in the XHTML/CSS Forum.
Many thanks for your advice... I think I learnt from that.... do it the long way, it works better in the end! They also say ignorance is bliss! Take it easy in those shades, you cant be in england, we don't have sunglasses here!, just rain glasses! :-( Matt
Ignorance is bliss was made up by some people that didn't want to learn anything I think. Sorry if this is not true making this ignorance on it's own To me ignorance is the root of all evil or is it money I'm not some smart nerd or so, it's ok to make mistakes, misspell words which I do a lot as I have dyslexia and my native language isn't English (I think you all know that) you may or may not see me mixing up words and letters which my spelling checker can't correct. But when you refuse to learn, ask questions and improve yourself that is the ignorance that is dangerous. Not knowing is ok if you don't want to know it's ignorance. That's what I think about it. I can be wrong, but at least I'm not ignorant.
thanks Mimoun relay nice advice you made as like before, i specially read your posts and come across nice solutions of my problems , Thanks to all also for this kind discussion
Yep - I'm not a big fan of the slicing that ImageReady does either. A different way to get really quick and easy CSS compliant html from your .psd files is use psd2cssonline.com . It's super quick, easy and free. The service uses the layers of your psd file to generate .png or .jpg images. It generates the CSS html as well. The whole thing takes seconds - upload the psd, "Save File As..." to save your html, png and/or jpg files. And it's totally free. Awesome.
I'm pretty new to css, but have done some tutorials and such. Basiclly i can find my way around. I don't however, know enough to start a new css site from scratch, but i'm really handy with photoshop, illustrator, and dreamweaver.I have some ideas as far as free templates go. If i were to biuld them in photoshop and use http://www.psd2cssonline.com/ , Would that be suffice enough to submitt a free template? Thanks,
I don't think http://psd2cssonline.com is going to generate what you could call finished, production ready templates. But I think it's a great way to get a really good start. Most of the tedious work is done for you, and the comments psd2css online leaves in the html code generated will help you go the rest of the way. Best of luck to you Jaybirddesigns
i've been messing around with that site and it seems that it embeds the css within the html page but, when i download a free template from this site i see that the css is linked. Which is more preffered? If linking is the more prefered can i export the sheet some how in dreamweaver?
I've had some requests for making the css style sheets external. Usually the advantages to external stylesheets are that authors may share a style sheet across many documents, or an author might change the style sheet without having to change the document, or with some scripting you can switch style sheets at runtime like for different skins on the same website. However for psd2cssonline.com, those advantages disappear due to the automated naming of layers. Even if I tried to rely on the layer name to 'match' CSS classes between documents I think it would become troublesome. In the end, psd2cssonline.com users would have one external .css page for every .html page - and at that point it's probably easier to just leave it internal. But I'll keep thinking about it and if I can make external style sheets make sense, I'll do it. Thanks. -- Shaun
I don't think http://psd2cssonline.com is going to generate what you could call finished, production ready templates. But I think it's a great way to get a really good start. Most of the tedious work is done for you, and the comments psd2css online leaves in the html code generated will help you go the rest of the way. Best of luck to you Jaybirddesigns
