Kumpulan Generator

Kode Warna HTML


Color Picker

24 Generator CSS3

Pada posting kali ini Dhecun Blog akan coba memperkenalkan 24 Generator CSS3.
Semoga dengan adanya aplikasi ini , akan dapat memudahkan anda untuk mendapatkan susunan CSS3 dengan cepat.

1. CSS3.0 Maker Generator
Ini adalah perangkat gratis untuk berlatih css , nilai properti memungkinkan anda untuk menghasilkan Cascading Style Sheets sederhana untuk situs atau blog anda.



2. CSS3 Please
Adalah cross-browser CSS3 aturan generator.
Dengan generator ini anda dapat dengan mudah mengedit CSS3.



3. CSS3 Button Maker
Ini adalah CSS3 button keren , alat pembuat dan memberi anda berbagai pilihan untuk menggambar sesuatu , memilih warna untuk membuat sendiri CSS3 button.



4. CSS3 Pie
Internet explorer CSS3 , alat progresif membuat Internet Explorer 6-8 mampu rendering beberapa sifat yang paling berguna pada CSS3 dengan fitur seperti sudut dibulatkan , bayangan lembut dan gradien.



5. CSS3 Generator
Aplikasi CSS3 online ini , akan membuat anda menghasilkan CSS3 properti untuk radius perbatasan , bayangan kotak , bayangan teks , RGBA , font , beberapa kolom , mengubah ukuran kotak , kotak ukuran dan garis besar.



6. CSS3 Playground
Dibuat oleh freelance Lempeng Mike serta mendukung berbagai CSS3 properti , satu-satunya alat yang memungkinkan anda untuk melihat efek pada lebih dari satu unsur dan mengubah isi kotak.
Menakjubkan bukan...!!!



7. CSS3 Gradient Generator
Generator CSS3 adalah alat yang berguna untuk mendapatkan berbagai hasil gradien dan menyediakan antar muka pengguna grafis yang sederhana untuk bekerja dengan CSS webkit.



8. CSS3 Menu
Gratis dan menakjubkan dari CSS3 menu generator yang memungkinkan anda menghasilkan menu css dan tombol dengan CSS3 sudut bulat , gradien CSS3 dan CSS3 bayangan.



9. CSS3 Gen
Generator CSS3 membantu anda untuk membuat potongan berguna untuk radius perbatasan , bayangan kotak dan bayangan teks dengan mudah.
Cukup pilih elemen CSS3 , menyesuaikannya pada browser dan kemudian paste kan ke bagian yang diperlukan.



10. CSS3 Rounded Corner Generator
Adalah alat yang berguna dan membantu anda untuk menghasilkan kode yang diperlukan , yang digunakan untuk membuat sudut dibulatkan (border-radius) dengan hak CSS3 properti untuk halaman Web anda.


11. CSS3 Click Chart
Menampilkan semua properti css baru dengan judul di klik yang terbuka kotak di bagian bawah halaman untuk informasi pada fitur tertentu.



12. CSS3 Selectors Test
Ini adalah aplikasi yang menakjubkan serta memungkinkan anda untuk melakukan tes kecil yang sedang digunakan bersama-sama untuk menentukan apakah browser kalian akan bekerja dengan selector CSS atau tidak , dan jika ada CSS tidak kompatibel dengan CSS3 tes Selectors maka akan ditandai secara otomatis.



13. Quick 3-Color CSS3 Gradient Generator
Aplikasi ini berguna membuat gradien linier dan radial dengan prosedur sederhana dan mudah.



14. CSS Border Radius Generator
Ini alat generator membantu anda untuk membuat gaya sudut melengkung.



15. Border Image Generator
Aplikasi ini akan membantu anda untuk menghasilkan kode , untuk properti radius perbatasan dan memungkinkan satu gambar yang akan digunakan untuk gaya perbatasan dan latar belakang dari elemen tertentu.



16. CSS3 Column Generator
Ini adalah kolom CSS3 , alat generator multi dan kompatibel dengan Chrome , Safari , Firefox dan Deerpark Mozilla.
Sayangnya dalam bahasa yang berbeda , tetapi anda dapat menggunakan Google translate untuk bahasa Inggris nya.



17. CSS3 Sandbox
Aplikasi ini akan membantu anda untuk menghasilkan gradien linier , gradien radial , bayangan teks , bayangan kotak , transformasi dan stroke teks.



18. Xeo CSS
Berbasis web untuk menghasilkan kode yang bersih untuk CSS3 properti.
Ini juga merupakan CSS3 gradien pembangkit styling untuk desainer web.



19. CSS Corners
Aplikasi pembuat gradien CSS3 yang profesional.



20. CSS3 Gradient Button Generator
Sungguh menakjubkan CSS3 button Generator , kombinasi bayangan dengan perbatasan bulat.



21. Layer Styles
Pengguna Photoshop akan mencintai Layer Styles.
CSS3 efek didefinisikan menggunakan dialog layer style yang akan segera akrab bagi siapa saja yang menggunakan produk Adobe.
Sangat mudah , logis , dan menyenangkan untuk digunakan.



22. CSS3 me
Jika anda ingin sesuatu yang sederhana , cepat dan mudah , generator ini CSS3 bisa menjadi alat.
Ini salah satu utilitas yang paling bagus dan mendukung perbatasan , bayangan kotak , opasitas dan gradien latar belakang yang sederhana.
Anda juga dapat meminta IE-spesifik filter untuk menghasilkan kode.



23. CSS3 Button Generator
Efek CSS3 dapat menghasilkan yang sangat cantik akan tombol tanpa gambar.
Generator Tombol CSS3 memungkinkan anda untuk tweak font , padding , border , gradien latar belakang , inner shadow , drop shadow dan bayangan teks menggunakan atas / bawah kontrol yang dapat lebih mudah dan lebih logis daripada slider.
Selain menyediakan cross-browser kode CSS3 , alat ini memungkinkan anda untuk menyimpan dan berbagi gaya dengan orang lain.



24. Ultimate CSS Gradient Generator
Generator CSS Ultimate Gradient adalah generator gradien akhir.
Menggunakan antarmuka yang mirip dengan Photoshop dan menciptakan cross-browser kode yang meliputi filter IE.


Semoga bermanfaat...!!!

Pasang Iklan

Pasang iklan di blog Dhecun Blog.

Kategori pemasangan :
1. Rp.10.000 per bulan.
2. Rp.100.000 per tahun.

Silahkan jika berminat untuk memasang iklan hubungi saya lewat formulir dibawah ini.
Saya akan secepatnya membalas pesan anda lewat Email atau No.HP yang sudah anda cantumkan tentang keterangan jumlah biaya yang harus di transfer untuk biaya pasang iklan dan data rekening.

Cantumkan dalam kotak sebject :
Pasang iklan

Cantumkan dalam kotak message :
1. Judul iklan
2. Deskripsi iklan
3. URL gambar format jpg , png , gif
Contoh URL gambar : http://www.gratispulsa.com/image/banner-125x125.gif
4. Pemasangan Rp.10.000 per bulan atau Rp.100.000 per tahun

Terima kasih.

Cara Hack Password Facebook-Yahoo-Twitter

Hack Email Facebook Teman
Ingin lihat Password account Facebook , Yahoo , Twitter , dan account login lainnya dari teman anda...?

Keliatan jahat banget ya seperti black hacker aja hehehe :)

Kali ini Dhecun Blog akan mencoba membahas tips dan trik jitu rahasia mengungkap password Facebook , Yahoo , Twitter dan lain-lain dari teman kalian.
Tapi ingat ya , saya tidak merekomendasikan trik ini untuk berbuat jahat.
Ngehack password Facebook teman adalah dosa lho...!!!
Saya pun tidak mau kecipratan dosanya :(
Tapi untuk sekedar mempelajarinya , tidak apa-apa hehehe . . .

Catatan :
1. Sebelumnya Dhecun Blog memohon maaf yang sebesar-besarnya jika ada pihak yang merasa dirugikan dengan trik ini.
2. Trik ini sekarang tidak berlaku apabila anda menggunakan browser Mozilla Firefox ataupun Google Chrome , usahakan menggunakan browser lain seperti Opera karena sudah saya buktikan di browser Opera terbukti berhasil 100%.

Saya akan memberitahu trik mudah untuk melihat password yang biasanya ketika di ketikkan saat login suatu akun apapun hanya akan terlihat sebagai simbol lingkaran , bintang , atau apapun agar tidak terlihat orang lain , contohnya saat kita ingin login ke Facebook seperti gambar dibawah ini :


Klik gambar untuk memperbesar


Terlihat pada gambar diatas bahwa Address Bar nya masih www.facebook.com dan kita masih belum tahu apa sih passwordnya (Password Berbentuk Bulat-Bulat).

Bagaimana apakah masih penasaran...?

Baiklah kita lanjutkan dengan mengintip password nya.

Caranya sangat mudah kok , tinggal copy kode javascript dibawah ini kemudian paste-kan kode javascript tersebut ke Address Bar browser anda seperti pada gambar dibawah ini :


Klik gambar untuk memperbesar


Kode javascript :
javascript:(/* BinusHacker Tutorial By UtuH */ function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Passwordnya adalah:\n\n" + s); else alert("Tidak ada password bintang disini.");})();

Jika sudah di paste-kan kemudian tekan Enter dan anda harus bilang Woooowwwwowwwwww..........karena muncul pesan Allert berisi password seperti pada gambar di bawah ini :


Klik gambar untuk memperbesar

Secara otomatis password yang terhidden akan muncul di pesan Allert seperti yang saya contohkan diatas adalah :

Username : contoh@yahoo.com
Password : indonesia

Semoga bermanfaat...!!!

Mengenal Elemen Pada Kode HTML Blog

Font Properties
Property
Valid Values
Example
font-family [font name or type] font-family: Verdana, Arial;
font-style normal | italic font-style:italic;
font-variant normal | small-caps font-variant:small-caps;
font-weight normal | bold font-weight:bold;
font-size [ xx-large | x-large | large | medium | small | x-small | xx-small ] | [ larger | smaller ] | percentage | length font-size:12pt;
font font-style || font-variant || font-weight ] ? font-size [ / line-height ] ? font-family font: bold 12pt Arial;


Color and Background Properties
Property
Valid Values
Example
color color color: red
background-color color | transparent background-color: yellow
background-image url | none background-image: url(house.jpg)
background-repeat repeat | repeat-x | repeat-y | no-repeat background-repeat: no-repeat
background-attachment scroll | fixed background-attachment: fixed
background-position position | length ] | {1,2} | [ top | center | bottom ] || [ left | center | right ] background-position: top center
background transparent | color || url || repeat || scroll || position background: silver url(house.jpg) repeat-y


Text Properties
Property
Valid Values
Example
letter-spacing normal | length letter-spacing:5pt
text-decoration none | underline | overline | line-through text-decoration:underline
vertical-align sub | super | vertical-align:sub
text-transform capitalize | uppercase | lowercase | none text-transform:lowercase
text-align left | right | center | justify text-align:center
text-indent length | percentage text-indent:25px
line-height normal | number | length | percentage line-height:15pt


Box Properties
Property
Valid Values
Example
margin-top length | percentage | auto margin-top:5px
margin-right length | percentage | auto margin-right:5px
margin-bottom length | percentage | auto margin-bottom:1em
margin-left length | percentage | auto margin-left:5pt
margin length | percentage | auto {1,4} margin: 10px 5px 10px 5px
padding-top length | percentage padding-top:10%
padding-right length | percentage padding-right:15px
padding-bottom length | percentage padding-bottom:1.2em
padding-left length | percentage padding-left:10pt; }
padding length | percentage {1,4} padding: 10px 10px 10px 15px
border-top-width thin | medium | thick | length border-top-width:thin
border-right-width thin | medium | thick | length border-right-width:medium
border-bottom-width thin | medium | thick | length border-bottom-width:thick
border-left-width thin | medium | thick | length border-left-width:15px
border-width thin | medium | thick | length {1,4} border-width: 3px 5px 3px 5px
border-top-color color border-top-color:navajowhite
border-right-color color border-right-color:whitesmoke
border-bottom-color color border-bottom-color:black
border-left-color color border-left-color:#C0C0C0
border-color color {1,4} border-color: green red white blue; }
border-top-style none | solid | double | groove | ridge | inset | outset border-top-style:solid
border-right-style none | solid | double | groove | ridge | inset | outset border-right-style:double
border-bottom-style none | solid | double | groove | ridge | inset | outset border-bottom-style:groove
border-left-style none | solid | double | groove | ridge | inset | outset border-left-style:none
border-style none | solid | double | groove | ridge | inset | outset border-style:ridge; }
border-top border-width | border-style | border-color border-top: medium outset red
border-right border-width | border-style | border-color border-right: thick inset maroon
border-bottom border-width | border-style | border-color border-bottom: 10px ridge gray
border-left border-width | border-style | border-color border-left: 1px groove red
border border-width | border-style | border-color border: thin solid blue
float none | left | right float:none
clear none | left | right | both clear:left


Classification Properties
Property
Valid Values
Example
display none | block | inline | list-item display:none
list-style-type disk | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none list-style-type:upper-alpha
list-style-image url | none list-style-image:url(icFile.gif)
list-style-position inside | outside list-style-position:inside
list-style keyword || position || url list-style: square outside url(icFolder.gif)



Positioning Properties
Property
Valid Values
Example
Applies to
clip shape | auto clip:rect(0px 200px 200px 0px) all elements
height length | auto height:200px DIV, SPAN and replaced elements
left length | percentage | auto left:0px absolutely and relatively positioned elements
overflow visible | hidden | scroll | auto overflow:scroll all elements
position absolute| relative | static position:absolute all elements
top length | percentage | auto top:0px absolutely and relatively positioned elements
visibility visible | hidden | inherit visibility:visible all elements
width length | percentage | auto width:80% DIV, SPAN and replaced elements
z-index auto | integer z-index:-1 absolutely and relatively positioned elements


Printing Properties
Property
Valid Values
Example
page-break-before auto | always || left | right page-break-before:always
page-break-after auto | always || left | right page-break-before:auto


Pseudo Classes
Property
Valid Values
Example
cursor auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help { cursor:hand; }
active, hover, link, visited n/a a:hover { color:red; }
first-letter, first-line any font manipulating declaration p:first-letter{
float:left;color:blue
}

Semoga bermanfaat...!!!

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers

Google+ Followers

Google+ Badge