ulil's posts with tag: multiply
|  | Untuk menjawab tantangan yang ada di sini, akhirnya terpikir untuk membuat themes Islami bernuansa lingkungan.
Themes original: avlack
Versi: 2.0
Sumber gambar:
http://www.shutterstock.com
===============================
body {
background: url(http://farm4.static.flickr.com/3252/2709491631_2b401c75d7_o.png);
}
a, a:visited, a:link { color: #859515;
}
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 27px;
width: 159px;
background: url(http://farm4.static.flickr.com/3183/2710197254_36c678069f_o.jpg) no-repeat top left;
background-position: -30px 0;
z-index: 1000;
position: relative;
}
.railbody iframe {
margin-left: 5px;
}
.railbody {
padding: 15px;
width: 129px;
font-size: 12px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
z-index: 1000;
position: relative;
background-color: #EEF5E4;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #abd;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: #8da217;
}
td.rail {
background-color: #fff;
padding: 0;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background: url(http://farm4.static.flickr.com/3139/2710475784_c94370a729_o.jpg) no-repeat top right;
background-color: #fff;
background-position: 0 0px;
}
div#subnavc {
width: auto;
height: 20px;
background-color: #3f3f3f;
border-top: 6px solid #fff;
padding: 4px;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #0b5eb4;
}
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}
h1#page_owner_title {
font-size: 35px;
background-color: none;
background: none;
color: #3C5A02;
font-weight: bold;
height: 68px;
padding-left: 12px;
}
div#page_start {
padding: 0;
width: 760px;
border: 10px solid #fff;
border-top: none;
border-bottom: none;
margin: 0 auto;
}
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 10px 0 10px 0;
width: 780px;
height: 50px;
border: none;
border-top: 1px solid #999;
font-size: 10px;
color: #666;
background-color: #ddd;
background: url(http://farm4.static.flickr.com/3219/2710197244_39056403b2_o.jpg) no-repeat top right;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #7c9606;
color: #666;
font-weight: normal;
font-size: 24px;
font-family: serif;
border-bottom: 1px solid #9ECF01;
padding: 0;
background: #E8F6BB;
max-width: 550px;
}
.rolloverfordnd {
color: #7c9606;
color: #666;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
background-color: #e4f77c;
max-width: 550px;
}
.itemshadow {
max-width: 550px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #8da217;
color: #666;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #8da217;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: url(http://farm4.static.flickr.com/3020/2712020375_e05ab97434_o.jpg) repeat bottom right;
background-color: #fff;
color: #666;
border-top: 1px dotted #c7dc4e;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #fff;
color: #666;
border-top: 1px dotted #c7dc4e;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
color: #b40b0b;
border: none;
background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #0b5eb4;
border: none;
background: none;
}
a.go, .go {
color: #090;
border: none;
background: none;
}
.rail .userlogo {
border: 1px solid #999;
}
.caldiv1 { background-color: #ccc;
}
.caldiv1 td { font-size: 10px;
}
.caldate { font-size: 13px;
font-weight: bold;
}
.cald {
float: right;
text-align: center;
background-color: #fff;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #ccc;
width: 20px;
}
.calevent { margin: 0px 0px 8px 0px;
}
.caldiv1 td:hover { background-color: #fff;
}
.caldiv1 th {
background-color: #ccc;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff;
}
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a, div.header table.globalnav a.select { color: #fff;
}
div.header table.globalnav h3 { color: #ceee15;
}
.navinput {
border: none;
color: #666;
}
table.indextitle {display: none;
}
td#maincontent { padding: 0 25px 0 0;
margin: 0;
background-color: #fff;
}
div.header {
width: 780px;
margin: 0 auto;
background: none;
}
.infobox { background-color: #dced7e;
}
div.infobox .boxbody {
border: 1px solid #8da217;
}
div.gndd {
color: #ccc;
background-color: #333;
border: 1px solid #ccc;
}
div.ddsep { background-color: #ccc;
}
div.gndd a {
font-weight: bold;
border: 1px solid #333;
}
div.gndd a:hover {
background-color: #999;
}
ul li { list-style-image: url(http://farm4.static.flickr.com/3145/2537186051_b3e8d6de1a_o.png);
}
div.guidebox {
background: none;
background-color: #fff;
color: #666;
border: 1px dotted #c7dc4e;
}
div.add_sublabel a:hover {
color: #859515;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #ffffff;
}
div.prevnextphoto {
-moz-border-radius: 0;
background-color: transparent;
border: none;
border-bottom: 1px dotted #c7dc4e;
padding: 0 5px 5px 5px;
margin-bottom: 0 -5px 10px -5px;
color: #000;
font-family: serif;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
font-weight: normal;
font-size: 14px;
color: #859515;
}
div.prevnextphoto table td {
font-weight: bold;
font-size: 14px;
color: #8da217;
}
.replybox {
color: #000;
padding: 5px;
margin: 0 0 10px 0;
border: none;
border-top: 1px solid #9ECF01;
background: url(http://farm4.static.flickr.com/3150/2709531619_b863c0e1ed_o.gif) repeat-x top left;
background-color: #fff;
background-position: -40px -40px;
}
.replyboxread {
padding: 5px;
margin: 0 0 10px 0;
background: url(http://farm4.static.flickr.com/3150/2709531619_b863c0e1ed_o.gif) repeat-x top left;
background-color: #fff;
background-position: -25px -25px;
border: none;
border-top: 1px solid #ddd;
color: #888;
}
.quotet {
background: url(http://farm4.static.flickr.com/3098/2709531617_1917ba50cb_o.gif) repeat-y top left;
background-color: #fff;
background-position: -25px -25px;
}
============================================
|
Berhubung akhir-akhir ini banyak yang personal message "berantai" yang akan terus muncul jika ada yang me-reply, mungkin ada yang merasa terganggu. Kalau memang sudah dianggap gak penting lagi, bisa dihapus kok. Biar gak terus-terusan muncul. Caranya, di halaman depan mp kita ( my multiply) yang isinya Recent Updates. Di bagian atas nya itu ada link bertuliskan Preferences (di sampingnya RSS info). Klik saja link itu. Nanti akan muncul seperti gambar di bawah ini.  Cek list pada bagian Show "Subscribe," "Pin," and "Remove" links for each item. setelah itu klik OK. Kita akan kembali ke halaman depan lagi. Akan ada tambahan tanda kecil bergambar amplop, pin, dan lingkaran bertanda X di setiap pesan. Tinggal pilih pesan yang ingin di hilangkan dan klik tanda X.
seperti yang udah dijelasin sebelumnya, css itu bisa buat ngatur macam-macam, dari background sampai huruf. format penulisan css contohnya seperti ini: body { color: red;background: black; }kalau di mp ini adalah kode css untuk mengatur background halaman mp kita. untuk menjelaskannya kita buat permisalan saja seorang bos dan karyawannya. si bos (yaitu kita) ingin memberikan perintah pada karyawannya (maksudnya halaman blog kita). nama karyawan yang akan di tuju adalah body, sedangkan isi perintahnya adalah yang ada di antara {...}. untuk kode di atas si bos bermaksud memerintahkan si body (background halaman mp) supaya menggunakan huruf berwarna merah ( color: red;) dan warna backgroungnya harus hitam ( background: black;). kalau di mp nama karyawannya sudah di tentukan dari sananya, jadi kita tinggal menuliskan pesan yang sesuai untuk masing-masing "karyawan" itu. mau tau nama beberapa karyawannya, liat aja di sini.kalau pada situs buatan kita sendiri, kita bisa memberi nama karyawannya terserah kita. misalnya kita kasih nama kolom1: <html><head><title>test css</title><style type="text/css">#kolom1 { color:red;font-weight:bold; width: 100px; height: 50px; padding: 5px; background: black;} /*ini kode css-nya. ditujukan untuk tag <kolom1>*/</style></head><body><div id="kolom1">Ini judul</div> <!--bagian ini yang terkena efek css--><p>ini paragraf</p> </body></html>
kenapa ditambahin tanda # atau kenapa pake tag <div> udah dari sananya kali ya ^_^
hanya sekedar berbagi ilmu, dari seseorang yang juga baru belajar. jadi kalau ada salah dan khilaf, mohon doa restu...lho ;p pertama kita kenalan dulu deh ma yang namanya css ini. kalau dilihat dari kegunaannya sih, kayaknya css itu adalah kumpulan kode-kode yang dipakai buat mengatur tampilan halaman situs atau blog kita. bisa dipakai untuk memperindah bisa juga untuk memperburuk. tergantung citarasa seni kita. dengan css kita bisa mengatur background blog, huruf, tampilan link, jumlah dan posisi kolom pada halaman blog, dll. untuk bisa mengaktifkan css di halaman situs kita, ada 3 cara. pertama, ditulis langsung di tag htmlnya <html><head><title>test css</title></head><body><h1 style="color: red">ini judul</h1> <!--ini kode css-nya--><p>kalau yang ini paragraf</p></body></html>kedua, di tulis di dalam tag <style> <html><head><title>test css</title><style type="text/css">p { color:#0000FF;font-weight:bold; } /*ini kode css-nya. ditujukan untuk tag <p>*/</style></head><body><h1>Ini judul</h1><p>ini paragraf</p> <!--bagian ini yang terkena efek css--></body></html>yang terakhir, melalui link ke dokumen css lain <html><head><title>test css</title><link rel=stylesheet type="text/css"href="http://www.alamatsitus/styles/namafile.css"/></head>untuk mengedit css mp, bisa masuk ke setting > my site > costum css. ntar ada kotak buat masukin kode css-nya. bisa langsung nulisin kodenya misal: body { color:#0000FF;backgroun-color: black; }atau bisa masukin link ke dokumen css kita yang ada di situs lain. misalnya: <link rel=stylesheet type="text/css"href="http://www.alamatsitus/styles/namafile.css"/>oh iya, lupa. css itu singkatan dari Cascading Style Sheet ^_^
Blog saya yang beralamatkan di lilamr.multiply.com terhapus. Oleh tangan saya sendiri. Tadinya mau nyoba-nyoba aja. Mau di capture gambarnya untuk dijadikan tutorial. Ternyata pas tahap akhir, gak nyadar malah nekan tombol yes!. Dan akhirnya hilanglah sudah blog yang telah menemani saya selama 2 tahun terakhir ini.
Sedih rasanya. Tapi ya sudah lah. Masih bisa dibuat lagi. Walaupun data-datanya hilang. Mungkin di blog yang lalu ada banyak salah kata dan ucap. Mungkin memang lebih baik hilang kali ya.
Tidak ada yang kekal di dunia ini. Suatu saat kita pasti akan kehilangan apa yang kita miliki, kita sukai, kita cintai. Yang bisa kita lakukan hanyalah bersabar dan bangkit kembali dengan usaha dan kerja serta hasil yang lebih baik. Amin...
| |
