Nero, Shut Up And Rice: Gaiden - Topic

tetu locked me in an internet room and forced me to css for 5 hours

gonna finish a mockup i'm doing and then i'll post the png here before i start writing the actual screen

MidnightRider

Member

Posts: 11,881

Joined: Aug 17 2007

Gold: 0.00

#37

Jul 15 2015 06:23pm

Quote (Nereaux @ Jul 15 2015 02:24pm)

shitbird tetu sending me impossible css tasks to complete his irl job for him

[four hours later]

kms

Can you forward his work to me as well?

I've been meaning to learn CSS for ages and never really committed.
Pretty much all I know comes from the few clocks I've made, haha.

Quote (Nereaux @ Jul 15 2015 07:32pm)

tetu locked me in an internet room and forced me to css for 5 hours

gonna finish a mockup i'm doing and then i'll post the png here before i start writing the actual screen

You doing LS, HS, or both?

This post was edited by MidnightRider on Jul 15 2015 06:24pm

Nereaux

Member

Posts: 17,374

Joined: Jul 6 2007

Gold: 12,143.67

#38

Jul 15 2015 06:38pm

Quote (MidnightRider @ Jul 15 2015 04:23pm)

Can you forward his work to me as well? ;)

I've been meaning to learn CSS for ages and never really committed.
Pretty much all I know comes from the few clocks I've made, haha.

You doing LS, HS, or both?

both

i'd show you the things he made me do but it was all on jsfiddle and i deleted and rewrote everything after each assignment

i decided not to do a mock-up because i only want to design elements that are within my capacity to write in cleanly.

i can tell you i'll be using this color palette though: http://i.imgur.com/UvWyUF4.png

gonna play around with a sans-serif typeface that'll go well with miller while i work on this ish

Nereaux

Member

Posts: 17,374

Joined: Jul 6 2007

Gold: 12,143.67

#39

Jul 15 2015 07:53pm

work in progress

Quote

body{
margin: 0;
padding: 0;
background-color: #f7f7f7;
height: 100%;
width: 100%;
font-size: 16px;
}

@font-face {
font-family: rText;
src: url(Images/Fonts/Miller/Miller-Text-Italic_30504.ttf);
}

#hero{

}

#footer{
position: absolute;
bottom: 0;
background-color: #28312E;
height: 33.333%;
width: 100%;
}

#footer > span{
width: 100%;
float: right;
margin: 0 auto;
position: relative;
font-family: rText;
color: #f7f7f7;
font-size: 0.75em;
text-transform: uppercase;
text-align: center;
}

#footerTop{
position: relative;
background-color: #2A3938;
height: 16.5%;
width: 100%;
top: 0;
}

#searchBar{
box-sizing: border-box;
top: 25%;
margin: 0 auto;
position: relative;
background-color: #424A4A;
height: 15%;
border: 0;
border-radius: 5px;
width: 65%;
}

#goBar{
display: inline;
float: right;
position: relative;
box-sizing: border-box;
background-color: #2A3938;
height: 100%;
width: 16.5%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
}

#weekday{
top: 5%;
width: 100%;
position: relative;
font-family: rText;
color: #F7524E;
text-align: center;
float: left;
font-size: 1em;
}

#Clock{
top: 10%;
width: 100%;
position: relative;
font-family: rText;
color: #F7524E;
text-align: center;
float: left;
font-size: 0.75em;
}

Code

<body onload="init()">

<div id="Clock"><a id="hour"></a>:<a id="minute"></a></div>
<div id="weekday"></div>

<div id="footer">

<div id="footerTop"></div>
<div id="searchBar">
<div id="goBar"></div>
</div>
<span>looking for something?</span>

</div>

Tetu_880

Member

Posts: 4,678

Joined: Jul 7 2007

Gold: 9,529.00

#40

Jul 15 2015 08:24pm

Quote (Nereaux @ Jul 15 2015 06:32pm)

tetu locked me in an internet room and forced me to css for 5 hours

gonna finish a mockup i'm doing and then i'll post the png here before i start writing the actual screen

It would feel like less time if your foot wasn't bleeding, just sayin.

Go Back To Graphic Design Topic List