![]() |
IOBit Software
|
|
|
||||||
| Programming Place to discuss programming including HTML, Java, C++, MySQL and others. |
![]() |
|
|
Thread Tools | Display Modes |
|
#1
|
||||
|
||||
|
I'm currently teaching myself html before moving on to more advanced subjects, like php.
I had some questions about how certain things were done, specifically on the front page. How was the basic layout done? I am looking at the rounded corners were set up. I can see its a different image file, but I dont understand how it fits together with the olive colored table. Also, am I correct that the website background is that dark green, and the table is olive green? I think I am, but want to make sure. I have no interest in stealing any part of this site, but I am interested in how it was created. Thanks for your time, more questions to follow ![]() |
| Sponsored links |
|
|
|
#2
|
||||
|
||||
|
I think I figured it out, but someone let me know if I am right.
using the corner gif, with it partially colored olive, and partially dark green, it overrides the backgroun color of the table and allows for the "round look" I figured this out as soon as I posted ![]() I guess I should have waited for it to sink in ![]() |
|
#3
|
||||
|
||||
|
that's one way to do it yes.. the othe way is to make the rounded part and then make the background transparent so you can put it against any color and only the rounded part will show. For instance, the green on the gif above would be transparent and only the olive would show.
__________________
"The American people will never knowingly adopt Socialism..." -Norman Thomas |
|
#4
|
||||
|
||||
|
The quickest way to see if an image has a transparent background is to drag your mouse over it and high-lite it. This will show the outline of the image.
Another way is to go to Edit > Select all, this will high-lite everything on the page. It will also show any hidden text/images/links that the page has.
__________________
Chaos......A repeating pattern of random events. |
|
#5
|
||||
|
||||
|
One concept I found important when learning design (which may or may not help you) is that no image is actually rounded on the web. It other words, every curve you see is part of an image taking the place of a square or rectangle, so with that rule in mind it may be easier to picture how the effect has been achieved.
|
| Sponsored links |
|
|
|
#6
|
||||
|
||||
|
unless it's vectored..
__________________
"The American people will never knowingly adopt Socialism..." -Norman Thomas |
|
#7
|
||||
|
||||
|
Quote:
|
|
#8
|
||||
|
||||
|
that is correct. a .gif or .jpg is not a vectored image and thus will be pixelated. While everything is displayed in pixels and a true rounding can almost never be accomplished, the vectored image is a bit different. A vectored image is more or less stored as a direction for how the image is displayed and thus it can be scaled up and down with out loss of quality. So you can create a high pixel count vectored image and no matter what size it is, it will retain its' quality. So you can get as close to a rounded corner as you possibly can. You can see good examples of vectoring in things like Flash.
__________________
"The American people will never knowingly adopt Socialism..." -Norman Thomas |
|
#9
|
||||
|
||||
|
Ah.. right, gotcha. Formats that transcend the traditional "web stuff rules."
Flash can connect right to a database now, too... I'd like to have time to learn it. |
|
#10
|
||||
|
||||
|
flash has been able to connect to a db for some time now..
__________________
"The American people will never knowingly adopt Socialism..." -Norman Thomas |
| Sponsored links |
|
|
|
#11
|
||||
|
||||
|
Quote:
|
|
#12
|
||||
|
||||
|
I agree. I don't think flash will be used to mainstream a site. If it's a design site, then it's a hit, but if it's an info site than I doubt it and recommend against it..
__________________
"The American people will never knowingly adopt Socialism..." -Norman Thomas |
|
#13
|
||||
|
||||
|
Quote:
|
![]() |
| Thread Tools | |
| Display Modes | |
|
|