|
|
|
Hello,
I recently created a template in PS i just need to know how to code the template, what do i need to know?
|
|
My signature [/left][/i][/size]
|
|
|
|
|
|
HTML and CSS are the languages responsible for the data and display of a web page, so those two.
|
|
|
|
|
|
ah sounds easy enough
i was looking through some already coded templates and some say "#header" im going to guess thats the id of the header (whatever you named it in photoshop?(
|
|
My signature [/left][/i][/size]
|
|
|
|
|
|
#header is id header, yeah. but it's based on whatever id="header" is in your HTML. So for instance you could have #benisreallycool in your CSS as long as you have id="benisreallycool" in your HTML.
|
I'm gonna start dishing out internet beatings if people keep it up with this 4chan shit, I swear.
|
|
|
|
|
|
I'm not sure if photoshop still has the thing where you can splice it up as a web page (and if it is there, I also don't know how good it would be at this point in time), but what you'll want to do is not that (probably). Instead you need to break your PSD into single files that can be used for your template. Like on background image, a header image, footer image, title bars, content pieces, etc. Once you break it apart, you put it together using HTML and CSS.
|
|
|
|
|
ah sounds easy enough i was looking through some already coded templates and some say "#header" im going to guess thats the id of the header (whatever you named it in photoshop?( easy 5 step solution: 1. Go to photoshop, open up your psd file of your template. 2. push ctrl+i 3. Ctrl + 0 4. Ctrl + S 5. alt+f4 This combination of keys, although it will appear to do nothing at first, will save a .txt file in the same folder as your psd, with html and css code for the template. enjoy.
|
|
k
|
|
|
|
|
That doesn't work on Macs... 
|
Looking for a coder, PM me. |
|
|
|
|
That doesn't work on Macs... I don't think that works at all. That looks like: Inverse (I don't know) Save Exit
|
|
|
|
|
That doesn't work on Macs... I don't think that works at all. That looks like: Inverse (I don't know) Save Exit That's what I thought, I was liek "Does he wanna really pee someone off?" Then realised you were being mean. But Hi-5 if you succeeded. 
|
Looking for a coder, PM me. |
|
|
|
|
You guys just HAD to ruin it, didn't you?
|
|
k
|
|
|
|
|
|
It's just like the body: {display: none};
|
|
|
|
|
ah sounds easy enough i was looking through some already coded templates and some say "#header" im going to guess thats the id of the header (whatever you named it in photoshop?( easy 5 step solution: 1. Go to photoshop, open up your psd file of your template. 2. push ctrl+i 3. Ctrl + 0 4. Ctrl + S 5. alt+f4 This combination of keys, although it will appear to do nothing at first, will save a .txt file in the same folder as your psd, with html and css code for the template. enjoy. Yes, this method is the way most professional graphics and web designers do it. 'Cept that he did it slighty wrong. CTRL + W ALT + F4 Then it creates the .txt of the CSS and JS codes. Fredy's way is the longer way that was used in CS + CS2. In CS3 and CS4, the above way is the best.
Last Edit: Oct 27, 2009 21:48:56 GMT by iiPod
|
Looking for a coder, PM me. |
|
|
|
|
You guys just HAD to ruin it, didn't you? Sorry, but your imma troll signature just spoke so clearly to me. But if you really want the quick way you go to C:\Windows and then you delete the System32 folder.
Last Edit: Oct 27, 2009 23:03:47 GMT by Eric
|
|
|
|
|
You guys just HAD to ruin it, didn't you? Sorry, but your imma troll signature just spoke so clearly to me. But if you really want the quick way you go to C:\Windows and then you delete the System32 folder. It doesn't make a template, you liar. But I did get a MacBook Pro from it.
|
|
|
|
|
Anyway. Go here. It has some good tutorials for going from PSD to HTML/CSS.
|
I'm gonna start dishing out internet beatings if people keep it up with this 4chan shit, I swear.
|
|
|
