Nice frontpage changes, but..

[bloc]

..those buttons are ehm, not good lol. Too much shadow on the texts there. I suggest you lose that shadow effect..or at least brighten the text up a bit. Right now it looks rather noobish.

Also, they nudge into/climb onto each other when you are getting close to 8-900px in width. Some margins or clearing on them might help.

So..when do we see same styling across the site then?

[Powerbob]

A welcome improvement thanks 

[Matthew K.]

I don't think it'd look bad to even use the button_submit styling. As that's SMF's style. Either that or button_strip.

[Aleksi "Lex" Kilpinen]

If we are indeed discussing the buttons in the boxes, like "Download SMF" and "Learn More"
I'd say ditch the buttons, leave the links. They look SOOOOO much better without the "button effect".

[Thantos]

There's a frontpage?

[Matthew K.]

@Thantos - http://www.simplemachines.org/

[Baby Daisy]

They look absolutely gorgeous to me, I guess I'm easily impressed

[grafitus]

..those buttons are ehm, not good lol. Too much shadow on the texts there. I suggest you lose that shadow effect..or at least brighten the text up a bit. Right now it looks rather noobish.

Also, they nudge into/climb onto each other when you are getting close to 8-900px in width. Some margins or clearing on them might help.

Yea, I'll say those. So, I'm perfect in design.

[bloc]

If we are indeed discussing the buttons in the boxes, like "Download SMF" and "Learn More"
I'd say ditch the buttons, leave the links. They look SOOOOO much better without the "button effect".

Yup. Gray(ish)-yellow background and smudged text - thats not a good combo. The hover-effect is nice though.

[flapjack]

it would look nice, something like 5-10 years ago

[bloc]

Here's something i tried after reading about gradients in CSS3(haven't actually used them yet myself lol).

Attached a screenshot + the code to exchange. (courtesy of Live Stylesheets extension for Chrome)

Code Select Expand

/**** Site Buttons ****/
.site_button
{
font-size: 1.1em;
display: block;
cursor: pointer;
padding: 0pt 8px;
line-height: 2.5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

border: solid 1px #888;
background: white;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9fa), to(#e0e4f0));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9fa), to(#e0e4f0));
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
background: -moz-linear-gradient(top, #f9f9fa, #e0e4f0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e4f0');
}
.site_button_active
{
font-size: 1.1em;
display: block;
cursor: pointer;
padding: 0pt 8px;
line-height: 2.5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

border: solid 1px #888;
background: white;
background: -webkit-gradient(linear, left top, left bottom, from(#fff0d0), to(#d0c0a0));
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff0d0), to(#d0c0a0));
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
background: -moz-linear-gradient(top, #fff0d0, #d0c0a0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0d0', endColorstr='#d0c0a0');
}
.site_button:hover, .site_button_active:hover
{
background: white;
text-decoration: none;
}


[ARG01]

I like Bloc's look better. 

[NanoSector]

There's a frontpage?

LOL

A discussion, SMF Friend comes in, "There's a frontpage?"

I like the look of Bloc's buttons, although it wasn't that bad if we used the default SMF submit buttons (as earlier mentioned).
I reported a bug with these buttons, too.

[SleePy]

Thank you Bloc.  I implanted the suggested changes
Also glad you could learn a little bit of CSS3 features.  Lots of fun to have with it.

[Garrett]

I like the New Frontpage. Is it CMS or PHP? [Content Management System's use PHP, I was just wondered if you made it using a CMS or Straight PHP]

[Matthew K.]

It's PHP, part of the SMF site itself, which is integrated with the forum.

[青山 素子]

The new front page is very... boxy...

I like the New Frontpage. Is it CMS or PHP? [Content Management System's use PHP, I was just wondered if you made it using a CMS or Straight PHP]

It's coded in PHP and HTML, integrated with SMF's layer system. There are a few posts on this site on how to do the same.

[MrGrumpy]

Shame similar icons aren't used in the forum software as the ones on the frontpage as smf default icons suck big time

[JBlaze]

Honestly, I'd prefer a more simple and clean approach to the frontpage. Something more web 2.0.

Take these softwares for example:
http://www.invisionpower.com/
http://xenforo.com/

Even the Twitter homepage is nice and simple (logout to see it properly)
http://twitter.com/

[Kindred]

web 2.0 is BS anyway...