My second ever (good) design

4 Pages
1
2
3
→
Last »

You cannot start a new topic
You cannot reply to this topic

Rate Topic:

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 12 July 2011 - 10:50 AM (#1)

My second ever (good) design

and lots of abuse of CSS

http://callum.x10hosting.com/

Not a line of JavaScript - it was written to enhance my knowledge of CSS, and it certainly has done!

It works in Chrome and Firefox, and works in Safari for some people but not others. This is what it is meant to look like:

Spoiler

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

JustinP

Group: Members
Posts: 311
Joined: 26-February 11
LocationEarth!

Posted 12 July 2011 - 01:39 PM (#2)

For some reason, it's displaying the footer above the twitter/about/porfolio/github links. o.O

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 12 July 2011 - 01:45 PM (#3)

JustinP, on 12 July 2011 - 01:39 PM, said:

For some reason, it's displaying the footer above the twitter/about/porfolio/github links. o.O

Make your browser window bigger!

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

JustinP

Group: Members
Posts: 311
Joined: 26-February 11
LocationEarth!

Posted 12 July 2011 - 02:06 PM (#4)

callumacrae, on 12 July 2011 - 01:45 PM, said:

Make your browser window bigger!

It doesn't get bigger D:

gushort

Group: Members
Posts: 460
Joined: 05-January 11
LocationToronto

Posted 12 July 2011 - 02:46 PM (#5)

Very nice ... simple and clean.

Beau

Group: Members
Posts: 303
Joined: 30-January 11
Expertise:HTML,CSS,Graphics

Posted 12 July 2011 - 04:37 PM (#6)

I like it, but the fact that those links aren't centred is killing me and makes me want to punch my screen!

Quote

my friend is Matt the old singer, we're the same religion and grew up in the same area

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 12 July 2011 - 04:49 PM (#7)

I cant work out how to center them, I was hoping that nobody would notice :-(

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

Beau

Group: Members
Posts: 303
Joined: 30-January 11
Expertise:HTML,CSS,Graphics

Posted 12 July 2011 - 05:17 PM (#8)

It's because you've put padding and margin left on every link in the list. This means that it's applied to the first link too. Quick choppy fix is to slam it all in a div and move the div left a bit.

Quote

my friend is Matt the old singer, we're the same religion and grew up in the same area

dida

Group: Members
Posts: 1982
Joined: 10-March 10
Expertise:HTML,CSS,PHP,Java,Javascript,Python,Ruby on Rails,Node.js,SQL,Graphics,Flash,MongoDB,CouchDB,Cassandra

Posted 12 July 2011 - 06:16 PM (#9)

Is that your real phone number?

TheEmpty

I say words in sequences.

Group: Members
Posts: 5169
Joined: 02-October 10
Expertise:HTML,CSS,PHP,Java,Javascript,Python,Ruby on Rails,SQL

Posted 12 July 2011 - 06:31 PM (#10)

fades are too long

Reserved.

arronhunt

I'm a httpster

Group: Moderators
Posts: 3400
Joined: 09-March 10
LocationLos Angeles, CA
Expertise:HTML,CSS,Javascript,Graphics,Flash

Posted 12 July 2011 - 06:50 PM (#11)

JustinP, on 12 July 2011 - 01:39 PM, said:

For some reason, it's displaying the footer above the twitter/about/porfolio/github links. o.O

That is because he is using set variables to offset the content, instead of making it absolutely centered in the window

callumacrae, on 12 July 2011 - 04:49 PM, said:

I cant work out how to center them, I was hoping that nobody would notice :-(

A couple ways. The basic equation I use is to set the left margin equal to

-1*((window_with/2)-(object_width/2))

dida, on 12 July 2011 - 06:16 PM, said:

Is that your real phone number?

Call and find out!

ThatRailsGuy, on 12 July 2011 - 06:31 PM, said:

fades are too long

Agreed x 3

DO NOT OPEN THIS

Spoiler

iCyan

Group: Members
Posts: 205
Joined: 15-May 11
Expertise:HTML,CSS,Graphics,Flash

Posted 12 July 2011 - 08:13 PM (#12)

Beau, on 12 July 2011 - 05:17 PM, said:

It's because you've put padding and margin left on every link in the list. This means that it's applied to the first link too. Quick choppy fix is to slam it all in a div and move the div left a bit.

nth child targeting might help?

iCyan Allias

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 13 July 2011 - 03:12 AM (#13)

Beau, on 12 July 2011 - 05:17 PM, said:

It's because you've put padding and margin left on every link in the list. This means that it's applied to the first link too. Quick choppy fix is to slam it all in a div and move the div left a bit.

Fixed! Also, don't be boring -

li:first-child a

dida, on 12 July 2011 - 06:16 PM, said:

Is that your real phone number?

Call and find out!

ThatRailsGuy, on 12 July 2011 - 06:31 PM, said:

fades are too long

Fixed

arronhunt, on 12 July 2011 - 06:50 PM, said:

That is because he is using set variables to offset the content, instead of making it absolutely centered in the window

How do I do that? :'(

Uploading changes now, I've added some about text too

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 13 July 2011 - 10:24 AM (#14)

Firefox is retarded

	-moz-transition-delay: 0.11s, 0.01s, 0.01s;

I shouldn't have to do that...

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

SapporoGuy

Group: Members
Posts: 934
Joined: 10-June 11
LocationSonyLand

Posted 13 July 2011 - 11:50 AM (#15)

Nice!

However, I don't know if phpBB is all that great for a resume entry.
I miss the 1.4.x series!

callumacrae

{{ post.author }}

Group: Members
Posts: 2867
Joined: 20-January 11
LocationWarwickshire, England
Expertise:HTML,CSS,PHP,Javascript,Node.js,SQL

Posted 13 July 2011 - 01:28 PM (#16)

I haven't got anything proper the write there yet

I've made a *lot* of money through phpBB, though :-D

Front-end developer and writer
Twitter | GitHub | phpBB Contributor and Website Team Member | lynxphp

SapporoGuy

Group: Members
Posts: 934
Joined: 10-June 11
LocationSonyLand

Posted 13 July 2011 - 01:50 PM (#17)

Wow!
Never expected people to actually make money off a opensource forum

derTechniker

BadBoy™

Group: Members
Posts: 1210
Joined: 06-July 10
LocationAustria
Expertise:HTML,CSS,PHP,Javascript,SQL

Posted 13 July 2011 - 04:26 PM (#18)

SapporoGuy, on 13 July 2011 - 01:50 PM, said:

Wow!
Never expected people to actually make money off a opensource forum

Why not? I made a shitload of money with wordpress ;-)

It's about customizing the open source software and adding functionality.

SapporoGuy

Group: Members
Posts: 934
Joined: 10-June 11
LocationSonyLand

Posted 14 July 2011 - 12:23 AM (#19)

I can see the possibilities with Wp, drupal and modx but a "forum"! That is what surprised me

AlvinL

Group: Members
Posts: 6
Joined: 12-June 10
Expertise:HTML,CSS,Java,Graphics

Posted 24 September 2011 - 10:24 PM (#20)

At least try to be original?

http://chpwn.com/

Share this topic:

4 Pages
1
2
3
→
Last »

You cannot start a new topic
You cannot reply to this topic

LaTeX Code

webdevRefinery Forum: My second ever (good) design - webdevRefinery Forum

Welcome!

Mean coders suck. Learn from nice ones.

Pick a background

Rate Topic:

callumacrae

My second ever (good) design

JustinP

callumacrae

JustinP

gushort

Beau

callumacrae

Beau

dida

TheEmpty

arronhunt

iCyan

callumacrae

callumacrae

SapporoGuy

callumacrae

SapporoGuy

derTechniker

SapporoGuy

AlvinL

Share this topic:

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users

Delete Post

Skin and Language

Execution Stats

LaTeX Code

webdevRefinery Forum: My second ever (good) design - webdevRefinery Forum

Welcome!

Mean coders suck. Learn from nice ones.

Pick a background

Rate Topic: //<![CDATA[ rating = new ipb.rating( 'topic_rate_', { url: 'http://webdevrefinery.com/forums/index.php?app=forums&module=ajax&section=topics&do=rateTopic&t=9215&md5check=' + ipb.vars['secure_hash'], cur_rating: 0, rated: 0, allow_rate: 0, multi_rate: 1, show_rate_text: true } ); //]]>

My second ever (good) design

Share this topic:

1 User(s) are reading this topic 0 members, 1 guests, 0 anonymous users

Delete Post

Skin and Language

Execution Stats

Enter your sign in name and password

Rate Topic:

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users