Textpattern CMS

#1 2006-06-02 05:54:31

matthewmcinerney

Member

Registered: 2005-12-28

Posts: 25

Re-design of ThroughItAll.net

I just finished the redesign of ThroughItAll.net

I had tried to last night unsuccesfully, because of some trouble with Internet Explorer, so I scrapped the idea and went with a darker site.
I dropped the SIFR method for titles, because I noticed it was slowing down some computer I tested the site on. I also minimized the number of images used on the right menus. I think this design is a little more simple and organized. Hopefully you all enjoy it.

by the way, it is web standards compliant

Last edited by matthewmcinerney (2006-06-02 05:54:56)

#2 2006-06-03 18:23:59

squaredeye

Member

From: Greenville, SC

Registered: 2005-07-31

Posts: 1,495

Website

Re: Re-design of ThroughItAll.net

matthew,
You may check the clearing on the .post img element
notice that some of the pictures overlap the player if the text is not long or large enough to wrap past the image.

I like the grey.
I like the pink.
well suited.

The img could use atleast 4 px top padding as well.
it would keep it off the post title.

Looking good.

---

• I am Squared Eye and I am launching have launched Pattern Tap

#3 2006-06-03 18:41:25

matthewmcinerney

Member

Registered: 2005-12-28

Posts: 25

Re: Re-design of ThroughItAll.net

ma_smith wrote:

matthew,
You may check the clearing on the .post img element
notice that some of the pictures overlap the player if the text is not long or large enough to wrap past the image.
I like the grey.
I like the pink.
well suited.
The img could use atleast 4 px top padding as well.
it would keep it off the post title.
Looking good.

thanks for the feedback
how would you suggest I deal with the images? I try to keep them small enough so that they won’t run into the download box, but would there be an easier way to do that?

#4 2006-06-03 20:46:12

Walker

Plugin Author

From: Boston, MA

Registered: 2004-02-24

Posts: 592

Website

Re: Re-design of ThroughItAll.net

Hey…..just do this:

<code>
.listenlink
{
padding:6px;
border: 1px black solid;
background-color:#262626;
margin:6px;
display:block;
clear: right;
margin-top: 10px;
}
</code>

That <code>margin-top</code> is just a guess….but the <code>clear: right</code>, should handle it. (If you want to have left and right floating pics within articles, make it <code>clear:both;</code>

Last edited by Walker (2006-06-03 20:46:24)

---

Me, Myself, and I

#5 2006-06-04 03:24:51

matthewmcinerney

Member

Registered: 2005-12-28

Posts: 25

Re: Re-design of ThroughItAll.net

just gave it a shot, the clear fixed the overlap, so I think i’m all set. thanks

Last edited by matthewmcinerney (2006-06-04 03:25:41)

#6 2006-06-12 11:05:37

stdmedia

Member

From: Canada

Registered: 2006-01-05

Posts: 51

Re: Re-design of ThroughItAll.net

I really dig this design! May I suggest a bump in line height? It’ll just increase the readablity and open it up a little bit. Otherwise it’s fantastic.