Because sometimes there is no next time, no time-outs, no second chances. Sometimes it's just now or never
30.7.11
1.3.11
20.2.11
Modul 3- Design Web CSS
Studi kasus
Script css
#wrapper {
margin: auto;
width: 1000px;
}
#header {
width: 1000px;
height:90px;
border: 1px solid blue;
}
#nav {
float: left;
width: 1000px;
height: 25px;
border: 1px solid red;
}
#cont {
width: 1000px;
height: 450px;
border: 1px solid green;
}
#sidebar {
float : left;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
width: 650px;
height: 370px;
border: 1px dashed blue;
}
#sidebar2 {
float: right;
margin-top: 20px;
margin-right: 20px;
width: 270px;
height: 370px;
border: 1px dashed purple;
}
#footer {
clear: both;
width: 1000px;
height: 30px;
border: 1px solid black;
}
Script html
header
Tugas praktikum
script CSS
#wrapper {
margin: auto;
width: 1000px;
}
.favelink {
float: right;
background-image: url(body.gif);
}
#header {
width: 1000px;
height:110px;
background-image: url(hhh.gif);
font-family: verdana;
text-align: left;
font-size: 10px;
color: #dcc4a6;
}
#nav {
float: left;
width: 1000px;
height: 25px;
background-image: url(ff2.gif);
}
#cont {
width: 1000px;
height: 450px;
background-image: url(bg2.gif);
background-repeat: default;
}
#sidebar {
float : left;
margin-top: 25px;
margin-right: 20px;
margin-left: 20px;
width: 650px;
height: 370px;
}
#sidebar2 {
float: right;
margin-top: 10px;
margin-right: 10px;
width: 300px;
height: 280px;
background-image: url(bs3.gif);
font-family: verdana;
text-align: left;
font-size: 10px;
color: #1f130b;
overflow: auto;
}
#sidebar3 {
float: right;
height: 120px;
width: 300px;
background-image: url(s3.gif);
margin-bottom: 5px;
margin-right: 10px;
margin-top:5px;
}
#footer {
clear: both;
width: 1000px;
height: 30px;
font-family: verdana;
font-size: 9px;
text-align: center;
color: #FFFFFF;
background-image: url(ff.gif);
}
ul {
margin:0;
padding:0;
list-style: none;
}
ul li {
position: relative;
float: right;
width:65px;
}
li ul {
position: absolute;
top: 1px;
display: none;
}
ul li a {
display: block;
text-decoration:none;
line-height:2px;
color:#cbb093;
padding:7px;
background:#2f1f14;
margin:1px 1px;
}
Script html
- credit
- gallery
- news
- profile
- home
.search
♥ My friends, my Inspiration.. ♥
Friends, Remember, when we first met..? We had such fun which I never will forget...
Since then, the times are so good because We've always stuck together… Thanks for every little things that you’ve done for me.. And I love you friends, more than you could ever imagine..
Well, Friends come and go in our lives. But in a few find places, so deep in our hearts, we’ll know that
they will always be with us..
Life give us friend to know that we have Rainbow..
Although in every shade of light and dark,
you’ll always have a prism to help me see the colors of my world…
And friends are like mornings, although you can’t have them for a whole day, you can be sure that they will be there when you wake up tomorrow, next year, and forever…
A friend is not nessasaraly someone who acts kindly to you, a true friend is one who even if may fight with you and argue,
will always fight for you when time comes.
A true friend understands you without talking about it. A true friend knows your weak places.
A true friend may laugh at you, but only to make you stronger, a true friend will laugh at your
jokes but not at jokes made by others aimed at you. They will be happy about your victories and will share your sorrows.
A friend is a person who you ultimately need, whether you realize it or not. One is lucky to have a true friend,
one that is hard to find though he/she is always close: themselves. A seond true friend is very hard to find,
almost imposible. some people live with only one friend (the one I mentioned first),
some live with none, lucky ones live with two.
by Miftah Faradisa - 109533423218 - S1 PTI off.A
15.2.11
Tugas Face-mu
#wrapper {
margin:auto;
width: 100%;
}
#header{
clear: both;
height: 90px;
border: 0px;
background-image: url(h.jpg);
background-repeat: repeat-x;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 100%;
height: 450px;
background: #550002;
background-repeat: repeat-x;
}
#footer {
clear : both;
height: 50px;
background-image: url(h.jpg);
background-repeat: repeat-x;
}
.cred {
font-family: tahoma;
font-size: 10px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.table1 {
font-family: tahoma;
font-size: 11px;
text-align: left;
color: #FFFFFF;
}
copyright © Miftah Faradisa
109533423218--S1 PTI 2009 off.A
Before Editing :
Script CSS dan html
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 50px;
background: #87bbfb;
}
.cred {
font-family: tahoma;
font-size: 10px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: tahoma;
font-size: 11px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
Continue reading Tugas Face-mu
8.2.11
Pemrograman Berbasis Web
===STUDI KASUS ===
Dibuat menggunakan beberapa halaman html yang di-link-kan dengan source code :
Setelah diedit :
Sebelum diedit :
Popular Posts
-
Nah, disini saya akan posting tentang mereka yang datang di kopdar Malang. Sebelum itu, saya mengelompokkan mereka, biar lebih gampang diide...
-
Lingkungan kerja saya sangat dekat dengan para ABG dan semuamasalah yang membelitnya. Ya, saat ini saya kerja sebagai guru di sebuah SMK. ...
-
Kadang dalam hidup ini semua hal nggak berjalan sesuai keinginan kita. Faktor penyebabnya bisa bermacam-macam. Salah satunya, karena orang t...
-
Oke, postingan ini terinspirasi dari kata "#ckptw" yang sering dipake anak-anak Sidoarjo yang habis ikut kopdar di Malang (atau en...
-
Semuanya berawal saat kabel charger original smartphone saya (si Andro) nyaris putus gara-gara digerogoti tikus. Baru beberapa hari pasca p...