Design and Win [Competition] [Closed]
Here you will find the latest competition contest and the entries for them. Hurry and submit yours now.
5 posts
Page 1 of 1
Quick Profile
Information
Posts: 961
Joined: Tue Apr 05, 2011 8:41 am View Full Profile
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]
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]
Last edited by smashapps on Fri May 10, 2013 11:53 pm, edited 1 time in total.
My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!
Quick Profile
Information
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am View Full Profile
What's suppose to be in the right box?
Quick Profile
Information
Posts: 961
Joined: Tue Apr 05, 2011 8:41 am View Full Profile
I am not sure. The competition is to design your own Chat, the entire layout. Mine is just an example.
My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!
Quick Profile
Information
Posts: 156
Joined: Mon Apr 16, 2012 3:13 pm View Full Profile
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>
Quick Profile
Information
Posts: 961
Joined: Tue Apr 05, 2011 8:41 am View Full Profile
That is kind of what I am after but it's too basic. You have the layout correct though.
My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!
5 posts
Page 1 of 1
Copyright Information
Copyright © Codenstuff.com 2020 - 2023