Join the Internet MosaicListings are Free!
How it Works | Blog | FAQ | Tell A Friend | Contact | Login
Username



yonihendra
Category



Business Industry Finance
Country



Indonesia
yoni hendra
Joined: 2011-08-20
View Guestbook

Bookmark This Page



  Mosaic Links

  Web Links

WAROENK ONLINE
Welcome to my Internet Mosaic page.
Gratis 1000 Backlinks
Receive 1000 Backlinks For Free!: 247backlinks.info is giving away 1000 free backlinks (no purchase necessary) if you sign up using this link!

Cara Membuat Pojok Rounded dalam CSS
How to Create Rounded Corner in CSS" atau bagaimana caranya untuk membuat sudut melingkar atau bulat pada kode CSS. Tips ini cocok sekali bagi anda yang ingin agar tampilan templatenya terlihat 3D.dengan sudut-sudut melingkar pada setiap bagian templatenya, seperti sidebar, header dll. Untuk membuat setiap bagian body template kita agar mempunyai sudut melingkar, caranya yaitu kita perlu menambahkan kode CSS -Moz-Border-Radius, pada bagian body template tersebut. misalnya kita ingin membuatnya pada bagian sidebar. caranya yaitu edit kode CSS sidebar pada halaman HTML template kamu dengan menambahkan kode -Moz-Border-Radius- seperti contoh dibawah ini.

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: $sidebar1bgColor;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}

Maka hasilnya akan seperti gambar dibawah ini : maaf gambar ini hanya contoh loch....



Contoh gambar sidebar diatas menggunakan kode -moz-border-radius- pada setiap sisinya dengan ukuran 20px atau 20pixel. bila kamu ingin membuat agar sudut bulatan tersebut hanya pada sebagian sisi sidebar saja. kamu hanya cukup menggunakan 1, 2 atau tiga bagian dari kode radius tersebut.

contohnya untuk semua sisi

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;

Contoh untuk sisi sebelah kiri atas dan kanan atas

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;

Pada dasarnya  ...

Cara Membuat Lingkaran dalam CSS
How To Create a Circle in CSS, atau membuat sebuah bagian template menjadi berbentuk bulat,bundar dan sebagainya. Tips ini hampir sama dengan Tips sebelumnya yaitu How To Rounded Corner in CSS , tentang membuat sudut-sudut melingkar pada bagian template, bedanya tips kali ini yaitu membuat bagian template menjadi bulat atau bundar seluruhnya. sebagai contoh Blog Tips and Trick membuat bagian header template yang dibagi 3 bagian, dan 2 dari bagian header tersebut manjadi bulat seperti pada gambar dibawah ini.

Gambar 0.1

Untuk membuat agar bagian header tersebut menjadi bulat atau berbentuk lingkaran. kita perlu menggunakan kode -Moz-Border-Radius- pada kode CSS yang ada pada halaman HTML template kita pada bagian header tersebut. contohnya seperti dibawah ini.

#header-wrapper1 {
float: left;
margin: 12px 0px 12px 0px;
padding: 0px 0px 0px 0px;
width: 170px;
height: 170px;
background: $headerbgColor;
border-top: 10px solid #747474;
border-bottom: 10px solid #747474;
border-left: 10px solid $headerBorderColor;
border-right: 10px solid $headerBorderColor;
-moz-border-radius-topleft: 95px;
-moz-border-radius-topright: 95px;
-moz-border-radius-bottomleft: 95px;
-moz-border-radius-bottomright: 95px;
}

Pada contoh kode diatas yang berwarna kuning adalah kode radius yang akan membuat header tersebut menjadi bulat, dan kode yang berwarna biru adalah ketebalan garis pinggir atau border tersebut. bila kamu tidak mau memakai garis pinggir, kamu bisa menghapus kode yang berwarna biru tersebut. yang penting untuk membuat header tersebut menjadi ...

How To Create 3D Template
How to create 3D Template, atau bagaimana caranya membuat agar template kita terlihat 3D. cara untuk membuat bagian dari body template kita agar terlihat 3D, yaitu kita hanya perlu menambahkan nilai ukuran border dan perpaduan warna pada pada bagian template tersebut. ada juga cara lainnya, yaitu dengan memasukan background gambar yang sudah berbentuk 3D pada bagian template tersebut.

Yang akan Blog Tips and Trick bahas kali ini, yaitu tentang cara membuat agar tampilan dari template kita terlihat 3D tanpa menggunakan Background gambar. contohnya untuk membuat bagian sidebar, Headder, dll  dari template tersebut terlihat 3D seperti contoh pada gambar dibawah ini.


Agar bagian template kita terlihat 3D seperti pada contoh gambar diatas. caranya adalah  sebagai berikut ini.

1. Misalnya kita akan membuat bagian sidebar kita terlihat 3D. yang harus kamu lakukan adalah Edit kode CSS sidebar tersebut pada halaman HTML template kamu dengan memberi nilai ukuran border dan paduan warna pada background dan setiap sisi sidebar itu, contohnya :

#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: #0000c0;       /*-Background = Biru --*/
border-top: 10px solid #6666ff;   /*-Border atas = Biru Muda-*/
border-bottom: 10px solid #6666ff;  /*-Border Bawah = Biru Muda-*/
border-left: 10px solid 1414b0;  /*-Border kiri = Biru Tua--*/
border-right: 10px solid 1414b0;  /*-Border kanan = Biru Tua--*/
}

2. Terus misalnya pada bagian Header sidebar tersebut ingin dibuat 3D juga, ...

Download AVG Antivirus Free Edition 2012 Gratis

AVG Anti-Virus adalah salah satu antivirus gratis yang paling terkenal dan banyak digunakan. Tidak peduli Anda sedang berselancar di Internet, melakukan pencarian web, atau hanya bermain Facebook, AVG AntiVirus Free akan tetap melindungi Anda.
AVG Antivirus Free Edition 2012 menyediakan antivirus dan antispyware dasar untuk Windows dan telah tersedia untuk di-download secara gratis.
Beberapa fitur menarik:
  • Free protection against viruses and spyware (antivirus and antispyware)
  • Surf and search with confidence with AVG LinkScanner’s real-time protection
  • Stay protected on social networks with AVG Social Networking Protection
  • AVG Smart Scanning works while you’re away and runs in low-priority mode when you return
  • Stay up-to-date with AVG Community Protection Network and AVG Protective Cloud Technology
  • Fast, effective security that is kind on resources
  • Compatible with Windows 7, Windows Vista and Windows XP
Sekarang pada versi 2012 baru telah dirilis dan datang dengan fitur baru sebagai berikut:
  • Less HDD space required
  • 50 percent faster scans
  • Less processes
  • Improved bootup time
  • Improved browser launch time
Anda dapat mendownload AVG Antivirus Free Edition 2012 dengan menggunakan direct link berikut:

AVG Antivirus Free Edition 2012 (32)
AVG Antivirus Free Edition 2012 (64)

Link download di atas adalah link full standalone offline installer sehingga Anda tidak perlu koneksi internet saat menginstal antivirus.



Copyright © 2012 Island Media