Sabtu, 30 November 2013

Cara Membuat Border Sekitar Post di Blogger


oleh Naomi Bolton, Demand Media
Menggunakan layanan blog-publishing gratis yang disediakan oleh Blogger memungkinkan bisnis Anda untuk menyampaikan informasi penting untuk pelanggan Anda, bahkan jika Anda belum memiliki sebuah situs web.Blogger menawarkan berbagai template untuk menyesuaikan tata letak blog Anda, tetapi Anda juga dapat mengedit kode HTML langsung untuk membuat perubahan. Membuat perbatasan di sekitar pos di Blogger, misalnya, akan memungkinkan isi posting untuk menonjol dan lebih terlihat. Hal ini berguna jika Anda perlu untuk menyampaikan informasi dalam langkah-langkah atau bagian yang ingin Anda tetap terpisah dari satu sama lain.
Langkah 1
Arahkan ke situs Blogger dan masuk ke akun Anda.
Langkah 2
Klik posting blog yang ingin Anda edit atau klik "Create New Post" tombol.
Langkah 3
Klik "HTML" tombol di sudut kiri atas layar.
Langkah 4
Masukkan kode
<div style="border: 1px solid black; padding: 10px;">
sebagai tag pembuka untuk posting sekitar yang Anda ingin membuat perbatasan.
Langkah 5
Pengganti nomor setelah "perbatasan" properti dengan nilai lebar yang Anda inginkan perbatasan Anda menjadi.
Langkah 6
Pengganti "solid" value dengan putus-putus, alur, ridge, inset, ganda atau awal tergantung pada jenis perbatasan yang Anda inginkan di sekitar pos Anda.
Langkah 7
Pengganti "hitam" dengan warna yang Anda inginkan perbatasan Anda menjadi. Nilai dapat berupa nama warna seperti merah, biru, hijau, kuning atau kode hex warna, seperti # C92020.
Langkah 8
Pengganti nomor setelah "bantalan" properti dengan nilai jarak Anda ingin konten posting Anda berasal dari garis perbatasan.
Langkah 9
Masukkan </ div> tag untuk menutup bagian kode. Misalnya untuk membuat putus-putus, perbatasan kuning yang 5px lebar dan memiliki padding 10px, kode akan menjadi sebagai berikut:
<div style="border: 5px berlari yellow; padding: 10px;"> </ div>
Langkah 10
Klik tombol "Compose" tombol di bagian atas halaman untuk melihat batas Anda. Anda sekarang dapat menambahkan konten Anda di dalam perbatasan baru jika posting baru.
Langkah 11
Klik tombol "Preview" tombol untuk melihat preview tentang bagaimana posting Anda dengan perbatasan di sekitarnya akan muncul ketika diterbitkan.
Langkah 12
Klik tombol "Publish" tombol jika Anda puas dengan hasil dan ingin mempublikasikannya ke Blogger.

Jumat, 29 November 2013

Gambar situs efek video dengan CSS

OLEH MATTHEW JAMES TAYLOR PADA 15 JULI 2009
Membuat gambar situs web terlihat seperti video dengan efek CSS ini
Saya sering mendengarkan last.fm , ini merupakan stasiun radio internet yang luar biasa tetapi mereka juga memiliki sebuah website baik. Satu hal yang saya temukan benar-benar menarik adalah flash pemutar audio mereka. Sementara itu bermain musik itu siklus melalui gambar artis. Tidak hanya itu, tetapi menambahkan filter untuk gambar sehingga mereka terlihat seperti fuzzy, layar video CRT pixelated tua - inilah contoh:
Gambar video FM Terakhir
Efek ini dicapai dengan menambahkan lapisan transparan sebagian di atas gambar di flash, tapi kita bisa mencapai gaya yang sama dengan HTML dasar dan CSS. Inilah yang saya siapkan sebelumnya:
Sebuah gambar pelangi berubah menjadi video
Dan di sini adalah gambar yang sama tanpa filter video untuk perbandingan:
Sebuah gambar pelangi standar

Bagaimana menambahkan filter video

Ini sangat mudah, semua yang perlu Anda lakukan adalah membungkus gambar Anda di div dan termasuk tiga bentang setelah gambar. Berikut adalah apa yang tampak HTML seperti: (Catatan I given div kelas 'crt' - tabung sinar katoda)
<div class="crt"> <img src="image.jpg" width="300" height="400" alt="Video Image!" /> <span class="screen"></span> <span class="top"></span> <span class="bottom"></span> </div> 
CSS ini sedikit lebih rumit tetapi Anda dapat men-download gambar saya CSS Video untuk menghemat waktu.
 .crt { float:left; position:relative; overflow:hidden; } .crt img { display:block; float:left; } .crt span.screen { display:block; position:absolute; top:0; left:0; width:1000px; height:1000px; background:transparent url(crt-screen.gif) top left repeat; } .crt span.top { display:block; position:absolute; top:0; left:0; width:1000px; height:70px; background:transparent url(crt-top.png) top left repeat-x; } .crt span.bottom { display:block; position:absolute; left:0; bottom:0; width:1000px; height:110px; background:transparent url(crt-bottom.png) bottom left repeat-x; } 
Anda juga perlu men-download tiga gambar, crt-screen.gif , crt-top.png , dan crt-bottom.png .Gambar-gambar ini membentuk pola pixel ditambah bayangan atas dan bawah.

Dukungan untuk IE 6 dan di bawah

Kau tidak berpikir itu akan mudah kan? Kami memiliki versi lama Internet explorer untuk menangani! IE6 dan versi yang lebih tua tidak mendukung transparansi alpha dalam gambar png jadi kita akan menonaktifkan bayangan atas dan bawah bagi para pengguna miskin. Untuk melakukan itu, kami akan mengekspos IE-satunya stylesheet menggunakan IE komentar bersyarat. Pastikan Anda memasukkannya setelah stylesheet utama. Berikut HTML:
 <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="crt-ie.css" media="screen" /> <![endif]--> 
Download IE-satunya stylesheet di sini , itu sangat sederhana:
 .crt span.top, .crt span.bottom { display:none; } 

Mari kita lebih lanjut dan mengurangi kualitas ;)

Jika kabur pixelation tidak cukup untuk Anda, maka mari kita tambahkan beberapa penerimaan yang buruk hanya untuk bersenang-senang. Untuk melakukan itu saya akan menambah rentang lagi dengan animasi bersalju crt-snow.gif . Saya juga akan menggunakan link bukan div dan memungkinkan salju yang akan dimatikan ketika Anda membawa lebih dari gambar. Sayangnya bagi pengguna IE6 hover tidak akan bekerja, sehingga Anda akan terjebak dengan penerimaan yang buruk selamanya, kecuali tentu saja Anda meng-upgrade browser Anda. Di sini adalah dalam semua kemuliaan kabur:
Sebuah gambar pelangi berubah menjadi video
Nice! Itu benar-benar berkualitas buruk sekarang. Berikut HTML diubah dengan rentang ekstra:
 <div class="crt"> <img src="image.jpg" width="300" height="400" alt="Video Image!" /> <span class="snow"></span> <span class="screen"></span> <span class="top"></span> <span class="bottom"></span> </div> 
Dan di sini adalah file CSS lengkap dengan bit ekstra untuk lapisan salju animasi:
 .crt { float:left; position:relative; overflow:hidden; } .crt img { display:block; float:left; } .crt span.screen , .crt span.snow { display:block; position:absolute; top:0; left:0; width:1000px; height:1000px; background:transparent url(crt-screen.gif) top left repeat; } .crt span.snow { background:transparent url(crt-snow.gif) top left repeat; } .crt:hover span.snow { display:none; } .crt span.top { display:block; position:absolute; top:0; left:0; width:1000px; height:70px; background:transparent url(crt-top.png) top left repeat-x; } .crt span.bottom { display:block; position:absolute; left:0; bottom:0; width:1000px; height:110px; background:transparent url(crt-bottom.png) bottom left repeat-x; } 
Itu saja untuk saat ini. Anda dapat men-download efek video saya demo (crt.zip) yang mencakup semua file yang disebutkan di atas jika Anda ingin bereksperimen dengan itu.Bersenang-senang. - Matt =)

Ikuti saya di Twitter @ mattjamestaylor

Senin, 25 November 2013

Artikel Desain Grafis & Fitur

Menggunakan Perangkat yang Tepat untuk Ayub,


Adrienne Turcotte
Banyak desainer baru mengembangkan ketertarikan untuk satu program tertentu - seringkali Photoshop - yang mereka mungkin telah digunakan sebagai penggemar sebelum mereka pernah mulai belajar desain grafis. Sementara kebanyakan orang berpikir bahwa Photoshop baik untuk segala sesuatu di bawah matahari, penggunaan utama dalam desain cetak untuk mengedit foto.

Apakah Anda pernah bertanya-tanya mengapa Adobe Creative Suite (Standard) termasuk InDesign, Illustrator, dan Photoshop? Mengapa Corel Suite meliputi Corel Draw dan Photopaint? Setiap program memiliki kekuatan khusus dan dirancang untuk keperluan tertentu.

Layout halaman: Adobe InDesign, Corel Draw, Quark Xpress
Logos dan vektor kerja: Adobe Illustrator, Corel Draw, Macromedia Freehand
Photo editing dan web grafis: Adobe Photoshop, Corel Photopaint


Desain Logo

Beberapa desainer pemula menggunakan Photoshop untuk membuat logo. Logo harus dirancang sebagai grafis vektor sehingga mereka dapat ditingkatkan untuk berbagai ukuran, dan dicetak pada sesuatu yang kecil sebagai pena atau sebagai besar sebagai billboard. Grafik dibuat di Photoshop tidak terukur, sehingga satu-satunya pilihan adalah untuk merancang pada resolusi yang sangat tinggi, dan itu tidak ideal. Ini adalah pilihan yang lebih baik untuk membuat logo sebagai vektor grafis dan kemudian untuk mengambil file vektor ke Photoshop untuk menambahkan efek raster diinginkan sesuai kebutuhan.


Page Layout

Photoshop tidak mampu membuat dokumen multi-halaman. Beberapa desainer mencoba untuk bekerja di sekitar ini dengan membuat beberapa file individual satu halaman. Namun, Photoshop telah membatasi kemampuan mengedit teks, dan teks raster tidak mencetak sejelas teks vektor. Menyimpan sebuah file dengan beberapa lapisan drastis dapat meningkatkan ukuran file, membuat mereka rumit dan sulit untuk mentransfer, tapi render file sebagai gambar pipih menghilangkan kemampuan Anda untuk mengedit teks (atau lapisan lainnya) di masa depan.


Graphics Web dan Digital Art

Sementara Photoshop terutama program mengedit foto, juga dapat digunakan sangat efektif untuk merancang grafis web dan seni digital. Hal utama yang perlu diingat saat membuat karya seni di Photoshop adalah untuk merancang potongan pada resolusi yang tepat untuk ukuran jadi. (Jika Anda membuat seni digital Anda dalam format vektor, dapat diubah ukurannya tanpa kehilangan resolusi, dan untuk alasan ini beberapa seniman memilih untuk membuat ilustrasi dasar sebagai seni vektor dan kemudian menambahkan warna dan tekstur di Photoshop.) Umumnya untuk pekerjaan cetak, sebuah resolusi 300 ppi (pixel per inch, kadang-kadang disebut dpi, atau "titik per inci") pada ukuran jadi sudah cukup.


Kesimpulan

Photoshop adalah program yang sangat kuat, tapi itu tidak pernah dimaksudkan untuk menjadi perangkat serbaguna. Walaupun mungkin tampak sulit - bahkan luar biasa - pada awalnya, itu layak meluangkan waktu untuk membiasakan diri dengan program yang tepat untuk pekerjaan itu.
Copyright (c) 2008, Adrienne Turcotte, All Rights Reserved
- See more at: http://translate.googleusercontent.com/translate_c?depth=1&hl=id&ie=UTF8&prev=_t&rurl=translate.google.com&sl=en&tl=id&u=http://designertoday.com/Articles/5460/Using.the.Right.Tool.for.the.Job.aspx&usg=ALkJrhj7RiDvQEI-y4FF37Dxmv2pT3fvfw#sthash.ctxykniC.dpuf

Minggu, 24 November 2013

Cara Buat Rumah Minimalis



Diedit oleh Flickety , DifuWu , BR , Mileycyrussoulja dan 7 lainnya

Minimalis adalah salah satu prestasi arsitektur penobatan abad ke-20 . Spare dan efisien sementara masih mengundang , minimalis menarik di hampir setiap ruang . Dengan kekacauan kurang untuk mengarungi dan mental proses , keindahan bawaan masing-masing bagian furnitur atau seni di rumah benar-benar mulai menonjol . Jika Anda ingin membuat desain visual mencolok yang mudah untuk melihat dan bahkan lebih mudah untuk hidup di , inilah cara .


1Change satu ruangan pada suatu waktu . Kecuali Anda hanya pindah ke suatu tempat, sulit untuk menyederhanakan seluruh rumah sekaligus. Fokus pada satu kamar, dan membiarkan hal itu menjadi pusat Anda tenang . Gunakan untuk menginspirasi Anda untuk menyederhanakan kamar berikutnya, dan berikutnya . Kemudian lakukan luar sama!


2Start dengan furnitur . Hal terbesar di setiap ruangan adalah furnitur , sehingga selalu terbaik untuk mulai menyederhanakan sebuah ruangan dengan melihat furnitur . Semakin sedikit perabotan , lebih baik ( dalam alasan , tentu saja) . Pikirkan yang furnitur dapat dihilangkan tanpa mengorbankan kenyamanan dan livability . Pergi untuk beberapa potong polos , furnitur sederhana (di sini , contoh meja kopi minimalis ) dengan padat , warna tenang .


3Keep hanya penting . Apakah melihat furnitur Anda atau apa pun di dalam ruangan , tanyakan pada diri Anda jika item tersebut benar-benar penting . Jika Anda dapat hidup tanpa itu , mendapatkannya . Cobalah untuk strip ruangan bawah untuk penting nya - Anda selalu dapat menambahkan beberapa pilihan item luar penting nanti. Jauhkan seluruh desain (rumah ) di atas kertas sesederhana mungkin pada awalnya , dengan komponen yang diperlukan , dan kemudian perlahan-lahan tambahkan dekorasi yang diinginkan .





4Clear lantai . Kecuali untuk perabotan , lantai Anda harus benar-benar jelas . Tidak ada yang harus kekacauan lantai , tidak ada yang harus ditumpuk , tidak ada yang harus disimpan di lantai. Setelah Anda mendapatkan furnitur Anda ke penting telanjang , jelas segala sesuatu yang lain di lantai - baik menyumbangkannya , sampah itu , atau menemukan tempat untuk itu keluar dari pandangan .





5Clear permukaan . Sama halnya dengan semua permukaan datar . Tidak memiliki apa-apa pada mereka , kecuali satu atau dua dekorasi sederhana ( lihat di bawah ) . Donasi , sampah atau menemukan tempat penyimpanan out-of -sight untuk segala sesuatu yang lain . Ini akan membuat segalanya jauh lebih minim tampan .


6Clear dinding . Beberapa orang menggantung segala macam hal di dinding mereka . No- bisa - dilakukan di rumah minimalis . Bersihkan dinding Anda kecuali satu atau dua potongan sederhana dari karya seni yang bagus ( lihat di atas ) .



7Store barang-barang keluar dari pandangan . Hal ini telah disebutkan dalam tips di atas , tetapi Anda harus menyimpan semua yang anda butuhkan tak terlihat , di laci dan lemari . Rak buku dapat digunakan untuk buku toko atau DVD atau CD , tetapi seharusnya tidak banyak lagi kecuali dekorasi sederhana ( tidak utuh koleksi hal ) .


8DE - kekacauan . Jika Anda membersihkan permukaan datar dan lantai , dan menyimpan barang-barang di lemari dan laci , Anda mungkin ingin untuk de - kekacauan area penyimpanan Anda juga. Anda dapat melakukan ini dalam tahap selanjutnya jika Anda ingin .


9Gunakan karya seni sederhana . Untuk menjaga ruang dari yang membosankan , Anda dapat menempatkan sebuah lukisan sederhana , gambar atau foto , dibingkai dengan tenang , warna solid , pada setiap dinding jika Anda ingin . Tinggalkan beberapa dinding kosong jika memungkinkan .


10Use dekorasi sederhana . Seperti disebutkan dalam tips di atas , satu atau dua dekorasi sederhana dapat berfungsi sebagai aksen untuk ruang minimalis . Sebuah vas bunga atau tanaman pot kecil adalah dua contoh klasik . Jika sisa ruangan Anda telah ditundukkan warna , aksen Anda bisa menggunakan warna cerah ( seperti merah atau kuning ) untuk menarik mata dan memberikan ruang polos percikan energi.



11Prefer jendela perawatan biasa. Bare jendela , atau sederhana , tirai berwarna padat , atau sederhana , tirai kayu yang baik . Terlalu banyak barang hiasan di sekitar jendela adalah kekacauan .



12Adopt pola polos . Warna solid yang terbaik untuk penutup lantai ( jika Anda memilikinya) , furniture , dll pola kompleks , seperti bunga atau dam , adalah kekacauan visual .


13Make sebagian besar warna tenang . Anda dapat memiliki percikan warna cerah dalam ruangan , tetapi sebagian besar ruangan harus warna lebih halus - putih minimalis klasik , tapi benar-benar setiap warna solid yang tidak stres mata yang baik ( tanah warna datang ke pikiran , seperti blues , cokelat , kulit cokelat , atau hijau ) .


14Edit dan menghilangkan . Bila Anda telah disederhanakan ruangan, Anda mungkin bisa berbuat lebih banyak . Berikan beberapa hari , kemudian melihat segala sesuatu dengan mata segar . Apa yang bisa dihilangkan ? Disimpan dari pandangan ? Apa yang tidak penting ? Anda dapat kembali ke setiap kamar setiap beberapa bulan , dan kadang-kadang Anda akan menemukan hal-hal yang dapat menyederhanakan bahkan lebih.



15Have tempat untuk segalanya . Dalam sebuah rumah minimalis , sangat penting bahwa Anda menemukan tempat untuk segala sesuatu , dan ingat di mana tempat-tempat yang . Dimana blender Anda pergi? Berikan tempat , dan tongkat dengan itu . Bertujuan untuk tempat logis yang dekat dengan tempat hal ini digunakan , untuk membuat hal-hal yang lebih efisien , tetapi kuncinya adalah untuk menunjuk tempat .


16Sit kembali, bersantai , dan menikmati . Setelah Anda telah disederhanakan ruangan, luangkan waktu untuk melihat-lihat dan menikmatinya . Hal ini begitu damai dan memuaskan . Ini adalah imbalan atas kerja keras Anda .


Tips :
Kualitas daripada kuantitas . Alih-alih memiliki banyak hal di rumah Anda , Anda sebagai minimalis ( atau minimalis dalam pelatihan ) akan memilih hanya beberapa hal benar-benar baik yang Anda cintai dan sering digunakan . Sebuah meja benar-benar baik , misalnya, adalah lebih baik daripada 5 buah pers -board furniture .
Contoh . Foto di bagian atas artikel ini adalah contoh yang bagus dari sebuah rumah minimalis . Bergaya tradisional Jepang rumah (berpikir wabi sabi misalnya) adalah contoh besar lainnya dari minimalisme .
Minimal furnitur . Sebuah ruang minimalis hanya akan berisi bagian penting beberapa furnitur . Sebuah ruang tamu , misalnya, hanya mungkin memiliki sofa , kursi atau yang lain cinta kursi , meja kopi , hiburan minimalis berdiri ( bukan yang besar dengan sekelompok rak ) , televisi , dan beberapa lampu . Bahkan bisa mengandung kurang ( sofa , kursi , dan meja kopi , misalnya) . Bedroom A mungkin memiliki tempat tidur sederhana ( atau bahkan hanya kasur ) , lemari, dan mungkin berdiri malam atau rak buku .
Dekorasi aksen . Sebuah rumah benar-benar jelas dari hal-hal yang kadang-kadang bisa sedikit membosankan , sebenarnya . Jadi, bukannya memiliki meja kopi benar-benar bebas dari setiap benda , Anda bisa memiliki vas sederhana dengan beberapa bunga , misalnya. Atau meja yang jelas mungkin hanya memiliki foto keluarga . Sebuah dinding dinyatakan kosong mungkin memiliki sepotong berselera seni . Dekorasi rumah minimalis modern tidak polos dan kosong , melainkan merupakan upaya oleh pemilik untuk menghasilkan keindahan rumah dengan sederhana atau kurang ornamentasi .
Sebuah rumah minimalis kurang stres . Clutter adalah suatu bentuk gangguan visual , dan segala sesuatu dalam visi kami menarik di perhatian kita setidaknya sedikit a . Semakin sedikit kekacauan , stres kurang visual yang kita miliki . Sebuah rumah minimalis tidak hanya lebih menenangkan , tetapi juga lebih menarik . Pikirkan tentang foto-foto rumah yang berantakan ( misalnya penimbun A & E series ) , dan foto rumah minimalis . Orang-orang dengan hampir tidak ada di dalamnya kecuali beberapa perabot yang indah , beberapa karya seni yang bagus , dan dekorasi cantik sangat sedikit , adalah orang yang paling menarik bagi kita, bahkan jika hanya sadar .
Permukaan yang jelas . Dalam sebuah rumah minimalis , permukaan datar yang jelas , kecuali satu atau dua dekorasi . Tidak ada sejumlah pernak - pernik , dan jelas bukan tumpukan buku atau kertas atau barang-barang lainnya .
Sebuah rumah minimalis mudah dibersihkan . Sulit untuk membersihkan sejumlah besar objek , atau untuk menyapu atau vakum sekitar sekelompok mebel . Semakin banyak hal yang Anda miliki, semakin Anda harus tetap bersih , dan lebih rumit itu adalah untuk membersihkan sekitar barang-barang itu . Pikirkan tentang betapa mudahnya untuk membersihkan ruang kosong dibandingkan satu dengan 50 objek di dalamnya . Itu contoh ekstrim , tentu saja, seperti artikel ini tidak menyarankan Anda memiliki ruang kosong , tapi itu hanya untuk menggambarkan perbedaan. Arsitektur minimalis menggunakan gagasan bahwa kurang lebih , ornamen harus kualitas daripada kuantitas . Bangunan (rumah ) adalah dilucuti untuk minimal hanya menyisakan dinding yang diperlukan , jendela besar yang sederhana dan atap datar . Hal ini dapat menghasilkan ruang yang besar, kombinasi dari ruang tamu , dapur dan ruang makan yang terlihat luas. Gaya dapat menggunakan warna-warna alami yang dapat dengan mudah dilihat di alam dan keindahan bahan alami untuk selesai seperti ubin batu nyata , logam nyata dan panel kayu halus, dll gaya tersebut menggunakan bahan bangunan modern dan proses manufaktur modern, dan tidak mengherankan , modernis mungkin ingin tampilan dan nuansa seperti gaya rumah .