• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

First Own Design for free

W33dRoCks

Banned User
Joined
Aug 18, 2009
Messages
475
Reaction score
1
Location
Spain
Hello everybody, today i make my first simple template for ACC, we dont got idea for pass to .html! but for experts on photoshop and webdesign i think will can pass to .html, if your got idea to pass .psd to .html, please send me a PM!

Photo:
websiteuc.png


But i am do not pro, i need working more for get a nice templates

Please, we need any say to me, how i can convert .psd to .html, thanks!

Here was .psd
 

Attachments

You don't convert them, you must know HTML to script this into a working website, and PHP if you want it to have cool features.
 
But, how i can take image for image? for put it on .html?
mmm, in adobe photoshop only i can take all working, but i cant take image for image, sorry for my basic english!
 
Do you mean how to split up the psd into multiple images to get it ready for coding?

You need to use the slice tool, create slices for the key images (remeber to right click and change the name) then after it is all sliced up you just go to file->save for web and devices then save as gif and only save user slices.
 
ok, i try to make it, now i try to edit the .html for transform to .php, and we got this code
PHP:
<html>
<head>
<title>website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (website.psd) -->
<img src="imágenes/website.png" width="800" height="600" alt="">
<!-- End Save for Web Slices -->
</body>
</html>
Only one image :(
 
yea you can't do a website with one image, its just not practical.

Need to get a small slice of background, slice of tables, table head, header, etc then when coding, you could either use tables or divs.

Coding and slicing is much much more difficult than the design
 
i think i will we can make the difficult design, but... we need transform all images! but i dont got f****** idea...
 
Frankly, it doesn't looks nice at all. Try another color scheme.
 
Back
Top