XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme design questions 
  4.  / Converting a Design into a actual site
Register
1
benell
Converting a Design into a actual site

  • 2007/9/27 10:26

  • benell

  • Just popping in

  • Posts: 63

  • Since: 2003/12/7


Hi i have a new design for my website, after being away here for nearly a year :)

But i have a design which is rounded i was wondering if anyone can help me slice it.

Or point out how to slice it :)

Regards,

Roy
...
2
skenow
Re: Converting a Design into a actual site

  • 2007/9/27 10:37

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


You just missed the tutorial by Biteronboard
3
benell
Re: Converting a Design into a actual site

  • 2007/9/27 10:57

  • benell

  • Just popping in

  • Posts: 63

  • Since: 2003/12/7


Thanks but that doesn't show how to slice a rounded design :)

thats where my problems at though :(
...
4
Will_H
Re: Converting a Design into a actual site

  • 2007/9/27 12:11

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


rounded? as in corners? sure it does.

Regardless if your design is "rounded" or not you need to see a square.

Imagine your deign is a perfect circle.

We need to break it down into 9 sections

TL TC TR
LL CC RR
BL BC BR

theres your slices.
5
benell
Re: Converting a Design into a actual site

  • 2007/9/27 13:09

  • benell

  • Just popping in

  • Posts: 63

  • Since: 2003/12/7


http://www.van-mierlo.org/downloads/design.JPG

thats the thingie i fast stripped it from logos and images :)

but in the center there will be pictures that should change on hover or events.
...
6
Will_H
Re: Converting a Design into a actual site

  • 2007/9/27 13:14

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


ya, you still slice it the same way, almost. you just hide the center images and slice against either transparency or a bg color.

I imagine that your end idea was fixed width, in this case, you have 2 slices. top, bottom.

Then dynamically replace your images with the use of coordinates. You can essentially create "containers".
7
benell
Re: Converting a Design into a actual site

  • 2007/9/27 13:20

  • benell

  • Just popping in

  • Posts: 63

  • Since: 2003/12/7


Quote:

Biteronboard wrote:
ya, you still slice it the same way, almost. you just hide the center images and slice against either transparency or a bg color.

I imagine that your end idea was fixed width, in this case, you have 2 slices. top, bottom.

Then dynamically replace your images with the use of coordinates. You can essentially create "containers".


Coordinates and containers? :) never worked with that whats that about?
...
8
Will_H
Re: Converting a Design into a actual site

  • 2007/9/27 13:35

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


Hmm ok, lets try a bit more simple technique.

Gonna show you excatly how to slice this, but I am assuming there are only 3 images in the center there, if there are more you will need to adjust.

Resized Image

If your center images are going to change on mouseover, then all you have to do is replace the images that are here in pphotoshop and save them to a seperate location, you will now have your <a> images and your <a:hover> images.

If you use javascript you can do smoot transitions between your mouseout and mouseover images.

your call.
9
Will_H
Re: Converting a Design into a actual site

  • 2007/9/27 13:40

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


uhp, actually i missed a piece in the top-right there, but if its the same blue sky bg, you are down town. otherwise, just get that corner within the boundaries of the slice.
10
benell
Re: Converting a Design into a actual site

  • 2007/9/27 14:06

  • benell

  • Just popping in

  • Posts: 63

  • Since: 2003/12/7


thx m8 didnt think of just slicing them like that :)
...

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

242 user(s) are online (168 user(s) are browsing Support Forums)

Members: 0

Guests: 242

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits