Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

What do you think of this layout?
theerinkal
post Dec 4 2008, 06:39 PM
Post #1


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



I already submitted this but it got rejected. Now I'm trying to make it look COOL! lol

The layout Works now right?

I'm trying to code both of the areas where the text is so that they are evenly going down like my site but it's not working that well.

The code that I'm using, In case you need it.

CODE
body {
background: #000;
background-image: url(http://i68.photobucket.com/albums/i31/dumb5567/backgrounds/celebrity/at_rpt.gif);
cursor: crosshair;
font-family: sans-serif;
color: white;}

#parent {text-align: left;
width:600px;
margin: -50px auto;
background-color: transparent;
border: 0px solid #000;}

#header {color: #277eb4;
position: center;
width: 615px;
height: 515px;
background-image: url(http://i68.photobucket.com/albums/i31/dumb5567/blend-ashleytisdale3333.gif);}#header img {border: 0;}

#nav {float: left;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 190px;
display:inline;
font-family: Georgia;
background-color: #000000;
font-size: 9px;
border-right: 2px solid #CCFFFF;
border-left: 2px solid #CCFFFF;
color: #ffffff;
text-align: left;}

#navarndsite a, #navarndsite a:link, #navarndsite a:active, #navarndsite a:visited
{ color:#fffcf5;
display: block;
font-size:15px;
font-family:sans-serif;
background-color: #03364a;
border-right: 8px solid #006666;
border-left: 8px solid #006666;
text-align: center;
text-decoration: none;}

#navarndsite a:hover { color:black;
text-decoration: none;
background-color: #006666;
border-right: 12px solid #03364a;
border-left: 12px solid #03364a;
cursor:nw-resize;
text-align: center;
font-weight: bold;
font-variant: small-caps;}


#content-right {border-right: 2px solid #CCFFFF;
float: left;
width:370px;
padding-left: 5px;
font-family: georgia;
font-size: 11px;
color: #ffffff;
text-align:left;
background-color: #000000;}


#content-right a { text-decoration: none;
font-family: georgia;
font-style: normal;
font-size: 9px;
color: #fff;
text-transform: lowercase;}

#content-right a:visited { text-decoration: none;
font-family: times new roman;
font-style: normal;
font-size: 11px;
font-color: lightblue;
text-transform: loxercase;}


#content-right a:hover { color:lightblue;
text-decoration: underline overline; cursor: move;}



textarea { border: 2px dotted #4B5A9F;
background-color:#fff;
width: 100px;
height: 50px;
font-family: Verdana;
font-size: 10px;
line-height: 11px;
color: #2F3963;}

input { border: 1px solid #ca9d7e;
background-color: transparent;
font-size: 8px;
line-height: 11px;
font-family: arial;
color: #ca9d7e;}

#title {
width: 600px;
height: 50px;
background-color: transparent;
color: lightblue;
font-family: arial bold;
font-size: 40px;
line-height: 14px;
text-align: center;
letter-spacing: 5;
padding: 5px 0px 0px 0px;}

h1 {font-variant: small-caps;
color: #fff;
font-size: 18px;
font-family: Arial;
font-weight: normal;
border-bottom: 2px dashed lightblue;
text-align: right;}

h2 {text-transfom: none;
color: #fff;
font-size: 18px;
font-family: Arial;
text-decoration: none;
background-color: #03364a;
text-align: center;
font-weight: normal;
border-bottom: 2px solid #295566;}

::-moz-selection {
background:#4B5A9F;
color:#DEDFED;}

b, strong { font-family: georgia;
font-size: 11px;line-height: 15px;
font-weight: bold;
color: 34a3cf;}

i, em { ffont-family: georgia;
font-size: 11px;line-height: 15px;
color: #fff;
font-style: italic;
boder-bottom: 1px dashed ##FF80FF;}

u { font-family: georgia;
font-size: 11px;
line-height: 15px;
color: #fff;
text-decoration: none;
border-bottom: 2px dashed #34a3cf;}

s, stroke { font-family: georgia;
font-size: 11px;line-height: 15px;
color: #bb9274;
text-decoration: line-through;}

m { font-family: georgia;
font-size: 11px;line-height: 15px;
color: #fff;
text-decoration: none;
background-color: #03364a;
padding: 0px 2px 0px 2px;
margin: 0px 2px 0px 2px;}

I'm would like to submit this again. Thanks in advance for the help! :)


This post has been edited by theerinkal: Dec 4 2008, 06:46 PM
 
 
Start new topic
Replies (1 - 10)
manny-the-dino
post Dec 4 2008, 06:41 PM
Post #2


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Your link doesn't work for me. Is this the layout?
 
theerinkal
post Dec 4 2008, 06:45 PM
Post #3


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



QUOTE(manny-the-dino @ Dec 4 2008, 05:41 PM) *
Your link doesn't work for me. Is this the layout?


Here this link should work. I copy & pasted it. The Layout (link works right?)
 
manny-the-dino
post Dec 4 2008, 06:50 PM
Post #4


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Okay, I see it now. As far as your layout, I think it looks a bit better. The image quality is still low & the font you used for "Ashley Tisdale" is pixelated. I would use a different one, tbh. Maybe using the same shades of blue would make everything tie in together. _unsure.gif
 
theerinkal
post Dec 4 2008, 07:05 PM
Post #5


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



QUOTE(manny-the-dino @ Dec 4 2008, 05:50 PM) *
Okay, I see it now. As far as your layout, I think it looks a bit better. The image quality is still low & the font you used for "Ashley Tisdale" is pixelated. I would use a different one, tbh. Maybe using the same shades of blue would make everything tie in together. _unsure.gif


ok
 
dilligrout
post Dec 4 2008, 07:14 PM
Post #6


Senior Member
*****

Group: Official Designer
Posts: 312
Joined: Dec 2007
Member No: 597,269



The edges look really rough becuase theyre white, change that and the layout looks pretty good =)

EDIT:
I didn't realize that the top image says 'Ashley Tisdale', the font is horrible I didn't even notice it at first.
 
theerinkal
post Dec 4 2008, 07:17 PM
Post #7


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



QUOTE(rjohnson1991 @ Dec 4 2008, 06:14 PM) *
The edges look really rough becuase theyre white, change that and the layout looks pretty good =)

EDIT:
I didn't realize that the top image says 'Ashley Tisdale', the font is horrible I didn't even notice it at first.



ok
 
dilligrout
post Dec 4 2008, 07:20 PM
Post #8


Senior Member
*****

Group: Official Designer
Posts: 312
Joined: Dec 2007
Member No: 597,269



I do have to admit that it looks much better than the layout you submitted =)
great job!
 
emberfly
post Dec 4 2008, 10:42 PM
Post #9


kthxbai
******

Group: Official Designer
Posts: 2,832
Joined: Feb 2008
Member No: 621,203



QUOTE(rjohnson1991 @ Dec 4 2008, 06:14 PM) *
The edges look really rough becuase theyre white, change that and the layout looks pretty good =)

EDIT:
I didn't realize that the top image says 'Ashley Tisdale', the font is horrible I didn't even notice it at first.


It's so plain.. and empty....
 
Blaqheartedstar
post Dec 4 2008, 10:54 PM
Post #10


Two can keep a secret if one of them is dead.
******

Group: Staff Alumni
Posts: 2,682
Joined: Jun 2005
Member No: 156,187



a little better in colors from the first time around but it looks messy.
the editing is a little too rough and the font/stroke is also pretty rough.
The rounded corners don't also look nor flow well with the rest of the layout.
Same with the content/nav and pattern for the background.
 
theerinkal
post Dec 5 2008, 07:42 AM
Post #11


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



QUOTE(Blaqheartedstar @ Dec 4 2008, 09:54 PM) *
a little better in colors from the first time around but it looks messy.
the editing is a little too rough and the font/stroke is also pretty rough.
The rounded corners don't also look nor flow well with the rest of the layout.
Same with the content/nav and pattern for the background.


so do you think I should've kept it like this? I'm talking about the picture. Then just edited the nav and content and played around with the coding?
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: