GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   New Widesreen Design with CSS... (https://gfy.com/showthread.php?t=837613)

phil-flash 06-26-2008 10:02 PM
New Widesreen Design with CSS...
 
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 :thumbsup

d-null 06-26-2008 11:22 PM
looks good, well done :thumbsup

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 (Post 14382664)
Very nice!!
There's a few things I could nitpick at but all in all, that's some great CSS work :thumbsup
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 :winkwink:

looks good, its definitely bandwidth friendly :thumbsup

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 :winkwink:

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 (Post 14386548)
If harvey says something about css... its so :winkwink:
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 :winkwink:

Deej 06-27-2008 10:22 PM
Quote:
Originally Posted by harvey (Post 14386701)
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 :winkwink:
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 (Post 14385885)
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 (Post 14386506)
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 (Post 14382642)

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 (Post 14395095)
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 (Post 14395136)
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.

http://facedownassupuniversity.com/lu/misty_001.jpg

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 (Post 15110044)
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.

http://facedownassupuniversity.com/lu/misty_001.jpg
Phil and his FDAU Girls made the phx forum so memorable this year!!!


All times are GMT -7. The time now is 07:12 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123