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...!!!

Read More

Komentari artikel ini...!!!

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.

Read More

Komentari artikel ini...!!!

Cara Hack Password Facebook-Yahoo-Twitter

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...!!!

Read More

Komentari artikel ini...!!!

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...!!!

Read More

Komentari artikel ini...!!!