Page 1 of 1
Design and Win [Competition] [Closed]
Posted: Fri Apr 26, 2013 11:32 pm
by smashapps
Hello,
I need a 'concept' designed. Whoever can design the best all in one chat program will receive 50 credits. You only have to design an image of what it should look like in your program of choice i.e. Photoshop, Gimp, Illustrator, InDesign. I want to design the program in PHP and HTML5/CSS3. I started something but I am terrible at design....
You have 2 weeks from now so entries close: 11th May 2013
Reward: 50 credits
[Approved]
Re: Design and Win [Competition]
Posted: Tue Apr 30, 2013 8:38 pm
by mikethedj4
What's suppose to be in the right box?
Re: Design and Win [Competition]
Posted: Tue Apr 30, 2013 11:59 pm
by smashapps
I am not sure. The competition is to design your own Chat, the entire layout. Mine is just an example.
Re: Design and Win [Competition]
Posted: Wed May 01, 2013 6:33 am
by benji_19994
Code: Select all<head>
<style>
section{margin-top:6%;}
aside{
padding:20px;
border-left: 1px solid #eee;
float:right;
margin-right:20%;
}
aside li{
list-style-type:none;
}
#p-name{font-size:14px;line-height:40%;color:blue;}
#post{margin-left:2%;}
#message{ font-size:14px;}
#postWrap{margin-left:15%;border-left: 1px solid #eee;}
.btn-blue{height:30px;width:100px;border: none;color:white;weight:300;background: -webkit-gradient(linear, left top, left bottom, from(#0000FF), to(#0404B4));}
.btn-blue:hover{box-shadow: 1px 1px 1px #888888;}
</style>
</head>
<body>
<section>
<aside>
Who's Online<br>
<ul>
<li>Ben</li>
<li>Smashapps</li>
<li>Codenstuff</li>
<li>Shim</li>
</ul>
</aside>
<div id="postWrap">
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello aofsdigsbgjkfdngsadfoipbqwofnopasdbfjosksjdfskjfjkabndfjkvbdfbasdf<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello sadfnas<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello asdkfjslndfaskjfsbndfkasndfknskandfkjsndakfn<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello aofsdigsbgjkfdngsadfoipbqwofnopasdbfjosksjdfskjfjkabndfjkvbdfbasdf<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello sadfnas<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello asdkfjslndfaskjfsbndfkasndfknskandfkjsndakfn<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello aofsdigsbgjkfdngsadfoipbqwofnopasdbfjosksjdfskjfjkabndfjkvbdfbasdf<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello sadfnas<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello asdkfjslndfaskjfsbndfkasndfknskandfkjsndakfn<p>
</div><div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello aofsdigsbgjkfdngsadfoipbqwofnopasdbfjosksjdfskjfjkabndfjkvbdfbasdf<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello sadfnas<p>
</div>
<div id="post">
<p id="p-name"> Alex Frank</p>
<p id="message">hello asdkfjslndfaskjfsbndfkasndfknskandfkjsndakfn<p>
</div>
</div>
<div id="editBox" align="center"><textarea rows="10" cols="100"></textarea>
<br>
<input class="btn-blue" type="submit" value="Submit"></div>
</section>
</body>
Re: Design and Win [Competition]
Posted: Wed May 01, 2013 6:52 am
by smashapps
That is kind of what I am after but it's too basic. You have the layout correct though.