New Widesreen Design with CSS... - GoFuckYourself.com

phil-flash · 06-26-2008, 10:02 PM

http://facedownassupuniversity.com

StuartD · 06-26-2008, 10: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, 11:22 PM

looks good, well done

cleopatra0628 · 06-26-2008, 11:23 PM

very good site. like it.

phil-flash · 06-27-2008, 03:54 PM

Quote:

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, 04: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, 07:28 PM

site looks like a hot seller

harvey · 06-27-2008, 07: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, 07:48 PM

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

Deej · 06-27-2008, 08:06 PM

If harvey says something about css... its so

mynameisyep · 06-27-2008, 08:16 PM

Verry nice indeed and I love the girls on it

harvey · 06-27-2008, 09:26 PM

Quote:

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, 10:22 PM

Quote:

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, 03:39 AM

Quote:

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, 04: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, 01:20 PM

Quote:

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, 01:33 PM

great looking site!

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

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

1BB · 06-30-2008, 01:38 PM

Nice diz man! Good luck

payd2purv · 06-30-2008, 01:39 PM

Why isn't it liquid?

Paper_Amar · 06-30-2008, 01:43 PM

Quote:

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, 01: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, 02:18 PM

Quote:

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, 02:19 PM

Quote:

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, 03: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, 03:59 PM

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

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

Quote:

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!!!

06-26-2008, 10:02 PM	#1
phil-flash Confirmed User Industry Role: Join Date: Apr 2003 Location: Florida Posts: 649	New Widesreen Design with CSS... http://facedownassupuniversity.com __________________ phil-flash Cash - Gallery Exporter

06-26-2008, 10:11 PM	#2
StuartD Sofa King Band Join Date: Jul 2002 Location: Outside the box Posts: 29,903	Very nice!! There's a few things I could nitpick at but all in all, that's some great CSS work __________________ This is me on facebook This is me on twitter

06-26-2008, 11:22 PM	#3
d-null . . . Industry Role: Join Date: Apr 2007 Location: NY Posts: 13,724	looks good, well done __________________ __________________ Looking for a custom TUBE SCRIPT that supports massive traffic, load balancing, billing support, and h264 encoding? Hit up Konrad! Looking for designs for your websites or custom tubesite design? Hit up Zuzana Designs Check out the #1 WordPress SEO Plugin: CyberSEO Suite

06-27-2008, 04:33 PM	#6
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	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 __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

06-27-2008, 07:48 PM	#9
gne112 Registered User Join Date: Dec 2005 Posts: 78	god CSS is the bomb. Looks so good and clean. __________________ Trying is first step towards Failure

06-26-2008, 11:23 PM	#4
cleopatra0628 Confirmed User Join Date: May 2008 Posts: 278	very good site. like it.

06-27-2008, 07:28 PM	#7
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,372	site looks like a hot seller __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

06-27-2008, 08:06 PM	#10
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	If harvey says something about css... its so __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

06-27-2008, 08:16 PM	#11
mynameisyep Confirmed User Join Date: Oct 2007 Posts: 233	Verry nice indeed and I love the girls on it __________________ The Adult Niche EMAIL ME

06-28-2008, 04:08 AM	#15
cranki Confirmed User Join Date: Feb 2005 Location: Café del Mar Posts: 5,162	design looks great, very clean and straight forward! gotta love css, I need to dig some more into it...

06-30-2008, 01:33 PM	#17
Sosa In Tushy Land Join Date: Oct 2002 Location: Nebraska Posts: 40,149	great looking site!

06-30-2008, 01:35 PM	#18
AlienQ - BANNED FOR LIFE best designer on GFY Join Date: Mar 2003 Location: IALIEN.COM - High Definition Video and Photographic Productions -ICQ 78943384 Posts: 30,307	Hot chicks but I do not see alot of face down ass up action __________________ NAKED HOSTING FTW!11 I'm On The INSANE PLAN $9.95/mo! \| The Alien Blog Adult News Worth Reading Updated Daily \| Content For Sale! 641 PICS 216 MINUTES OF VIDEO $350.00 \|ICQ: 78943384 \|

06-30-2008, 01:38 PM	#19
1BB Confirmed User Industry Role: Join Date: Jun 2008 Posts: 1,884	Nice diz man! Good luck

06-30-2008, 01:39 PM	#20
payd2purv Too lazy to set a custom title Join Date: Jan 2008 Location: Toronto Posts: 2,727	Why isn't it liquid? __________________

06-30-2008, 01:51 PM	#22
mikoleg Confirmed User Industry Role: Join Date: Jun 2008 Posts: 477	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. __________________ BangThemes.com - Adult web design, adult branding, adult premium blog themes. ICQ: 490719967 or support [at] bangthemes.com Last edited by mikoleg; 06-30-2008 at 01:54 PM..

11-26-2008, 03:19 PM	#25
GUNNER Confirmed User Join Date: May 2001 Posts: 2,098	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. __________________ gunner @tutamail.com 25 years in the jizz biz

11-26-2008, 03:59 PM	#26
alexchechs Confirmed User Join Date: May 2008 Location: BROOKLYN!!! Posts: 3,474	Overall good start and good CSS, but I would defintily slightly style it a bit more. __________________ Alex Chechs http://thefawnconspiracy.com