New Widesreen Design with CSS...

**StuartD** · 06-26-2008, 09:11 PM

Very nice!!
There's a few things I could nitpick at but all in all, that's some great CSS work

**d-null** · 06-26-2008, 10:22 PM

looks good, well done

**cleopatra0628** · 06-26-2008, 10:23 PM

very good site. like it.

**phil-flash** · 06-27-2008, 02:54 PM

Originally posted by StuartD

Very nice!!
There's a few things I could nitpick at but all in all, that's some great CSS work

Thanks for the comments everyone! Much appreciated!

StuartD... what can you nitpick at? I would like to know so I can fix the problems. I did find out that some of my transparent png's are not displaying correctly in EI5 and 6. But other than that can you tell me what you found to be wrong please? Thanks!

p-f

**Deej** · 06-27-2008, 03:33 PM

Love the FDAU girls...

We met briefly in phx and spoke about you looking for new design, looks like you got it done

looks good, its definitely bandwidth friendly

**fris** · 06-27-2008, 06:28 PM

site looks like a hot seller

**harvey** · 06-27-2008, 06:42 PM

looks nice, although I'd use an ul for the yearbook, that way you can just add a linked thumb and it will automatically adjust to your css. in example, where you have

Code:

		<div class="yearbook-tn">
			<div class="yearbook-tn-placeholder">
				<a href="/student-nikki.php"><img src="http://facedownassupuniversity.com/pix/yb_nikki.jpg" alt="Next Door Nikki" /><br />Next Door Nikki</a>
			</div>
		</div>

I'd use

Code:

		<li><a href="/student-nikki.php"><img src="http://facedownassupuniversity.com/pix/yb_nikki.jpg" alt="Next Door Nikki" /><br />Next Door Nikki</a></li>

so, instead of

Code:

#yearbook					{
							position:				relative;
							height:					1360px;
							width:					980px;
							background:				#759aea	url('../pix/dani-legspread.png') no-repeat scroll;
							background-position: 	345px 82px;
							border-top:				1px solid black;
							border-bottom:			1px solid black;
							}	
#yearbook-padding			{
							margin-top:				3px;
							padding:				0 0px 0px 29px;
							}
.yearbook-tn,
.yearbook-tn-special		{
							float: 					left;
							height: 				200px;
							width: 					133px;
							text-align: 			center;
							margin: 				10px 25px 0 0;
							padding:				0;
							}	

.yearbook-tn-placeholder	{
							height: 				195px;
							width: 					133px;
							line-height: 			15pt;
							background: 			#435c9e url('../pix/yb_bg.gif') no-repeat
							}
.yearbook-tn img			{
							height:					175px;
							width:					131px;
							border:					0;
							position:				relative;
							top:					1px;
							}
.yearbook-tn-special img	{
							height:					176px;
							width:					133px;
							border:					0;
							}
.yearbook-tn a:link					{text-decoration:		none; color: #000;}
.yearbook-tn a:visited				{text-decoration:		none; color: #000;}
.yearbook-tn a:hover				{text-decoration: 		none; color: #fff992; background: none;}
.yearbook-tn a:active				{text-decoration: 		none; color: #000;}
.yearbook-tn-special a:link			{text-decoration:		none; color: #000;}
.yearbook-tn-special a:visited		{text-decoration:		none; color: #000;}
.yearbook-tn-special a:hover		{text-decoration: 		none; color: #fff992; background: none;}
.yearbook-tn-special a:active		{text-decoration: 		none; color: #000;}

you'd need to define just the ul, li, a: and container div if needed. Less code and easier to manage. ah, I'd make that black font white or at least some contrasting color over a blue bg. Anyway, well done, nicely organized CSS

**gne112** · 06-27-2008, 06:48 PM

god CSS is the bomb. Looks so good and clean.

**Deej** · 06-27-2008, 07:06 PM

If harvey says something about css... its so

**mynameisyep** · 06-27-2008, 07:16 PM

Verry nice indeed and I love the girls on it

**harvey** · 06-27-2008, 08:26 PM

Originally posted by Deej

If harvey says something about css... its so

ha ha, not really, I just try, but thanx anyway

and you're not too shabby either, don't you dare to play the humble card, bro

**Deej** · 06-27-2008, 09:22 PM

Originally posted by harvey

ha ha, not really, I just try, but thanx anyway

and you're not too shabby either, don't you dare to play the humble card, bro

thanks man, i try...

i try a little of everything...

CSS saves the day most times though... super efficient...

**StuartD** · 06-28-2008, 02:39 AM

Originally posted by phil-flash

Thanks for the comments everyone! Much appreciated!

StuartD... what can you nitpick at? I would like to know so I can fix the problems. I did find out that some of my transparent png's are not displaying correctly in EI5 and 6. But other than that can you tell me what you found to be wrong please? Thanks!

p-f

Oh, not so much wrong... just some things that could have been cleaned up a little more, for example.

ie: In your LU box, you have 27 images in there, each with an inline style set (margin-top: 5px;) which, while not wrong, will be a huge pain in the neck should you ever want to change that in the future.

You have a really great use of CSS in your page yet still have a ton of inline CSS that is copied over and over and over again when really it should just be another CSS class.

Another is that you have quite a lot of <br /> tags in your page but when using proper CSS to space everything, they really should not be required. Especially immediately before or after an image. Your margins and padding can already do the work of a br tag.

Just minor things like that... like I said, nit picking. It's all very well done and works quite well anyway.

As for IE 6 or less, doing an all CSS site for those browsers is one of the biggest headaches you'll ever give yourself online.

**cranki** · 06-28-2008, 03:08 AM

design looks great, very clean and straight forward!

gotta love css, I need to dig some more into it...

**phil-flash** · 06-30-2008, 12:20 PM

Originally posted by harvey

looks nice, although I'd use an ul for the yearbook, that way you can just add a linked thumb and it will automatically adjust to your css. in example, where you have

Code:

		<div class="yearbook-tn">
			<div class="yearbook-tn-placeholder">
				<a href="/student-nikki.php"><img src="http://facedownassupuniversity.com/pix/yb_nikki.jpg" alt="Next Door Nikki" /><br />Next Door Nikki</a>
			</div>
		</div>

I'd use

Code:

		<li><a href="/student-nikki.php"><img src="http://facedownassupuniversity.com/pix/yb_nikki.jpg" alt="Next Door Nikki" /><br />Next Door Nikki</a></li>

so, instead of

Code:

#yearbook					{
							position:				relative;
							height:					1360px;
							width:					980px;
							background:				#759aea	url('../pix/dani-legspread.png') no-repeat scroll;
							background-position: 	345px 82px;
							border-top:				1px solid black;
							border-bottom:			1px solid black;
							}	
#yearbook-padding			{
							margin-top:				3px;
							padding:				0 0px 0px 29px;
							}
.yearbook-tn,
.yearbook-tn-special		{
							float: 					left;
							height: 				200px;
							width: 					133px;
							text-align: 			center;
							margin: 				10px 25px 0 0;
							padding:				0;
							}	

.yearbook-tn-placeholder	{
							height: 				195px;
							width: 					133px;
							line-height: 			15pt;
							background: 			#435c9e url('../pix/yb_bg.gif') no-repeat
							}
.yearbook-tn img			{
							height:					175px;
							width:					131px;
							border:					0;
							position:				relative;
							top:					1px;
							}
.yearbook-tn-special img	{
							height:					176px;
							width:					133px;
							border:					0;
							}
.yearbook-tn a:link					{text-decoration:		none; color: #000;}
.yearbook-tn a:visited				{text-decoration:		none; color: #000;}
.yearbook-tn a:hover				{text-decoration: 		none; color: #fff992; background: none;}
.yearbook-tn a:active				{text-decoration: 		none; color: #000;}
.yearbook-tn-special a:link			{text-decoration:		none; color: #000;}
.yearbook-tn-special a:visited		{text-decoration:		none; color: #000;}
.yearbook-tn-special a:hover		{text-decoration: 		none; color: #fff992; background: none;}
.yearbook-tn-special a:active		{text-decoration: 		none; color: #000;}

you'd need to define just the ul, li, a: and container div if needed. Less code and easier to manage. ah, I'd make that black font white or at least some contrasting color over a blue bg. Anyway, well done, nicely organized CSS

That is a good idea... I will take a look at doing that. THANKS!

**Sosa** · 06-30-2008, 12:33 PM

great looking site!

**AlienQ - BANNED FOR LIFE** · 06-30-2008, 12:35 PM

Hot chicks but I do not see alot of face down ass up action

**1BB** · 06-30-2008, 12:38 PM

Nice diz man! Good luck

**payd2purv** · 06-30-2008, 12:39 PM

Why isn't it liquid?

**Paper_Amar** · 06-30-2008, 12:43 PM

Originally posted by phil-flash

http://facedownassupuniversity.com

hey,

Great looking tour. Congrats on going CSS.

Been trying to get in touch with you for a bit, can you drop me a quick note on icq/email or leave your email here so i can drop you a note?

Thank you

Amar
447542128
[email protected]

**mikoleg** · 06-30-2008, 12:51 PM

Just an advice from experienced css/xhtml developer. The spaces you created on css are simply useless. Save your bits taking the spaces off! The cleanest and the best optimized css file shell fit in one line per class, id. Just separate the blocks of related styles and if you are good enough you would easily read it and follow the code. Why to do so.. its simple, you save your bits of code and loading time. The search bots will go through the file faster and yeah it might not be that much time save but line by line you optimize everything.

Sample:
.porn {background:#fff; color:#000; font-size:1em; width:200px; height:100px;}

Cheers.

**phil-flash** · 06-30-2008, 01:18 PM

Originally posted by Paper_Amar

hey,

Great looking tour. Congrats on going CSS.

Been trying to get in touch with you for a bit, can you drop me a quick note on icq/email or leave your email here so i can drop you a note?

Thank you

Amar
447542128
[email protected]

[email protected]

**phil-flash** · 06-30-2008, 01:19 PM

Originally posted by mikoleg

Just an advice from experienced css/xhtml developer. The spaces you created on css are simply useless. Save your bits taking the spaces off! The cleanest and the best optimized css file shell fit in one line per class, id. Just separate the blocks of related styles and if you are good enough you would easily read it and follow the code. Why to do so.. its simple, you save your bits of code and loading time. The search bots will go through the file faster and yeah it might not be that much time save but line by line you optimize everything.

Sample:
.porn {background:#fff; color:#000; font-size:1em; width:200px; height:100px;}

Cheers.

Thanks! I will probably do that. During the design it is a lot easier for me to seperate everything... keeps it clean and organized for me... but now that it is done... you have a good point. Thanks!

**GUNNER** · 11-26-2008, 01:19 PM

The new site is looking great, and thanks for the joins you've been sending! I'm guessing enrollment is up at FDAU University, because you've got an impressive student body there... speaking of impressive student bodies, makes me wish I was back in college.

**alexchechs** · 11-26-2008, 01:59 PM

Overall good start and good CSS, but I would defintily slightly style it a bit more.

**Deej** · 11-26-2008, 02:02 PM

Originally posted by GUNNER

The new site is looking great, and thanks for the joins you've been sending! I'm guessing enrollment is up at FDAU University, because you've got an impressive student body there... speaking of impressive student bodies, makes me wish I was back in college.

Phil and his FDAU Girls made the phx forum so memorable this year!!!

New Widesreen Design with CSS...

New Widesreen Design with CSS...

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment