Response Time
24 — 48 hours
See better theme proposal here: http://stackideas.com/forums/proposal-for-a-new-theme#reply-130624
ES 1.2 has a new theme called "Frosty" which had some good styling tactics such as the stream icons. I noticed however that the profile image seemed rather small. This isn't uncommon but it does remove a little bit of the personal feel to it. So I decided to play around with FireBug and see what results I could make with making the image bigger (I used wireframe). As I worked, I figured why not simply the design to something more eye catching? After a while of playing around and adjusting things I came up with this result:
The cover right now takes up lots of space (which is fine), so I figured why not take advantage of some of that space? Seeing the user image in this size with the background creates a nice effect while not taking up too much space.
Rather than messing with the cover, it compliments it. Also the profile info items use only a single line which will make it feel more simple for the user.
I also designed a version that has the user items on the lower part of the cover as seen here:
Here is the Full sized version of the lower menu version. For fun I created another variation:
Because I saved a physical copy of the main example, I can make adjustments and tweaks if there is request for changes. Keep in mind that the code standards used in these examples is not the greatest because it's purely for showing rather than production. Also note that this is not a production template for ES because I had to make some changes to the DOM (document object model). Opinions? I know you folks are working on ES 1.2, this is for the future.
The main theme here is that the profile image have a chance to be bigger, the placement I provided allows for this.
ES 1.2 has a new theme called "Frosty" which had some good styling tactics such as the stream icons. I noticed however that the profile image seemed rather small. This isn't uncommon but it does remove a little bit of the personal feel to it. So I decided to play around with FireBug and see what results I could make with making the image bigger (I used wireframe). As I worked, I figured why not simply the design to something more eye catching? After a while of playing around and adjusting things I came up with this result:
The cover right now takes up lots of space (which is fine), so I figured why not take advantage of some of that space? Seeing the user image in this size with the background creates a nice effect while not taking up too much space.
Rather than messing with the cover, it compliments it. Also the profile info items use only a single line which will make it feel more simple for the user.I also designed a version that has the user items on the lower part of the cover as seen here:
Here is the Full sized version of the lower menu version. For fun I created another variation:
Because I saved a physical copy of the main example, I can make adjustments and tweaks if there is request for changes. Keep in mind that the code standards used in these examples is not the greatest because it's purely for showing rather than production. Also note that this is not a production template for ES because I had to make some changes to the DOM (document object model). Opinions? I know you folks are working on ES 1.2, this is for the future.
The main theme here is that the profile image have a chance to be bigger, the placement I provided allows for this.
17 Replies
The replies under this section are restricted to logged in users or users with an active subscription with us
