RumahPixel.com | Jasa Pembuatan Website » css https://www.rumahpixel.com Website Development & Design Solution Fri, 25 Aug 2023 07:27:28 +0000 id-ID hourly 1 http://wordpress.org/?v=3.5.2 Cara Membuat Efek Bayangan Tulisan dengan CSS Text Shadow https://www.rumahpixel.com/id/2015/01/cara-membuat-efek-bayangan-tulisan-dengan-css-text-shadow/ https://www.rumahpixel.com/id/2015/01/cara-membuat-efek-bayangan-tulisan-dengan-css-text-shadow/#comments Wed, 21 Jan 2015 16:50:49 +0000 rupixadmin http://www.rumahpixel.com/?p=643 Cara membuat efek tulisan berbayang sebenarnya tidak begitu sulit untuk dilakukan, karena untuk menciptakan efek shadownya, anda cukup bermain dengan CSS TEXT SHADOW, semua pengaturan untuk membuat efek teks/tulisan dengan berbagai model dan warna, anda cukup mengatur nilai value dari kode text shadow, sehingga offset sumbu (y) dan (x) dapat kita bentuk dan kita sesuaikan dengan keinginan.

Berbagai koleksi pilihan Efek Teks Bayangan Dengan CSS Text Shadow yang dapat anda jadikan sebagai referensi buat model Judul website/blog anda terlihat semakin menarik dan keren, seperti di bawah ini

RUMAH PIXEL

 

Efek Teks Bayangan
.text1 {
font-weight:700px;
font-size:35px;
background:#4aacf7;
color:#064475;
text-shadow:
1px 2px 1px #9ad2fe,
-1px -2px 1px #1895f7;
}

Efek teks ini yang paling saya suka, karena desain tampilan style-nya terkesan seperti ukiran relief, Sedangkan pada warna saya menggunakan hijau gelap pada bayangan teks yang sama dengan warna teks aslinya, sehingga seakan membuat teks timbul (Teks Emboss)

RUMAH PIXEL

 

Efek Teks Emboss
text2 {
font-weight:710px;
font-size:35px;
background:#3e6a06;
color:#3e6a06;
text-shadow:
-1px -1px 1px #528e06,
-1px -1px 3px #528e06,
1px 1px 1px #243d05,
1px 1px 3px #243d05,
1px -1px 1px #eafed2,
-1px 1px 1px #eafed2;
}
RUMAH PIXEL
Efek Teks Garis Sisi
text3 {
font-weight:700px;
font-size:35px;
background:#fafafa;
color:#91080b;
text-shadow:
1px 0px 0px #fff,
-1px 0px 0px #fff,
0px 1px 0px #fff,
0px -1px 0px #fff,
1px 1px 2px #000;
}
RUMAH PIXEL

 

Efek Teks Tiga Dimensi
text4 h2 {
font-weight:680px;
font-size:35px;
background:#f9f9d7;
color:#9a9d0b;
text-shadow:
1px 1px #404206,
2px 2px #727415,
3px 3px #727415,
4px 4px #727415,
5px 5px #727415,
6px 6px #727415,
7px 7px #404206,
8px 8px 7px #000;
}
RUMAH PIXEL

 

Efek Teks Tiga Dimensi
text5 h2 {
font-weight:680px;
font-size:35px;
background:#eee;
color:#45BEF7;
text-shadow:
0px 1px #577079,
0px 2px #577079,
0px 3px #577079,
0px 4px #577079,
0px 5px #577079,
0px 6px #577079,
0px 7px #577079,
0px 7px 10px #333;
}

Pada Light efek teks ini besaran angka value pada deret bayangan sama besar saat menambakhan tingkat ketajaman BLUR dengan tambahan sedikit demi sedikit pada efek bayangan teks aslinya, jika warna teks putih maka latar belakang kita ubah menjadi hitam, dan nilai offset sumbu (y) menjadi nol (0), sehingga anda akan dapat menghasilkan efek teks menyala seperti berikut

 

RUMAH PIXEL

 

Efek Teks Menyala
text6 h2 {
font-weight:755px;
font-size:35px;
background:black;
color:#fff;
text-shadow:
0 0 3px #FFFFA0,
0 0 5px #FFFF4D,
0 0 9px #FFFF41,
0 0 20px #FFFF2A,
0 0 25px #FFFF2B,
0 0 30px #FEFE00,
0 0 40px #F7F700;
}
RUMAH PIXEL

 

Efek Teks Menyala
text7 h2 {
font-weight:600px;
font-size:42px;
background:black;
color:black;
text-shadow:
0px 0px 4px #ccc,
-1px -5px 4px #ff3,
2px -10px 6px #fd3,
-3px -15px 11px #f80,
3px -18px 18px #f20;
}
RUMAH PIXEL

 

Efek Teks Warna-Warni
text8 h2 {
font-weight:900px;
font-size:47px;
background:#f5e6fe;
color:#fff;
text-shadow:
-1px -1px 0px #ddd,
2px 1px 0px #f93e47,
4px 2px 0px #f59b0f,
6px 3px 0px #f5dc0f,
8px 4px 0px #19a305,
10px 5px 0px #057fa3,
12px 6px 0px #052aa3,
14px 7px 0px #7605a3,
14px 8px 2px #000,
14px 5px 10px #000,
14px 5px 25px #000;
}

 

]]> https://www.rumahpixel.com/id/2015/01/cara-membuat-efek-bayangan-tulisan-dengan-css-text-shadow/feed/ 0 Cara Mengganti Background Website https://www.rumahpixel.com/id/2013/10/cara-mengganti-background-website/ https://www.rumahpixel.com/id/2013/10/cara-mengganti-background-website/#comments Tue, 15 Oct 2013 20:54:10 +0000 rupixadmin http://www.rumahpixel.com/?p=348 Untuk mengganti background blog atau website tentunya anda harus punya akses untuk memodifikasi susunan kode halamannya, baik lewat control panel, ftp maupun fasilitas yang sudah disediakan sistem kelola kontent (CMS). Setelah itu baru kita bisa lakukan dengan dua cara berikut:

1. Mengganti background website dengan html

Anda buka kode halaman utama/template blog atau website, kemudian cari kode <body> dan tambahkan kode seperti contoh berikut ini:

<body bgcolor=”blue”>

Jika anda ingin mengganti background dengan gambar

<body background=”nama-gambar.jpg”>

2. Mengganti background website dengan css

Anda buka kode halaman utama/template blog atau website, kemudian cari kode body diantara perintah body {..}, trus tambahkan kode seperti contoh berikut ini :

Jika anda ingin mengganti background dengan warna

body{
background-color:blue;
}

Jika anda ingin mengganti background dengan gambar

body{
background:url(nama-gambar.jpg);
}

khusus perintah background ini bisa ditambahkan beberapa elemen opsional : warna, pengulangan, dan posisi, sehingga jika lengkap bisa dituliskan:

body{
background: #CCC url(nama-gambar.jpg) repeat-x center top;
}

Yang artinya body
- Memiliki background warna abu-abu
- frontnya ada gambar dengan pengulangan secara horisontal
- posisi gambar secara horisontal di tengah/middle/center
- posisi gambar secara vertikal di atas/top

]]> https://www.rumahpixel.com/id/2013/10/cara-mengganti-background-website/feed/ 0 How to Build a Successful Website https://www.rumahpixel.com/id/2013/07/how-to-build-a-successful-website/ https://www.rumahpixel.com/id/2013/07/how-to-build-a-successful-website/#comments Sun, 07 Jul 2013 19:52:30 +0000 rupixadmin http://www.rumahpixel.com/?p=142 Due to the many news stories in recent years about big corporate websites going bankrupt it is a common misconception today that all or most websites are unprofitable and will not make their owners money. This assumption is based on the idea that if big corporations like Disney fail at making a website then your average guy on the street must fail horribly, of course that assumption is wrong. In the case of content driven websites the smaller independent operation often has the advantage over large corporate entities. While an individual or a small group does not have the resources of the large corporation, they also do not have the overhead. If you run a website out of your basement or your bedroom your overhead is already significantly smaller than that of a major corporation because you’re not running your website out of a brand new state-of-the-art office building. Additionally if you only have one employee, yourself, you’re also reducing your overhead compared to corporations who have to pay for workers who do the same things you do, but also management, building management, building security, maintenance, marketing consultants, development consultants, secretaries, and a myriad of other positions that by keeping your operation small you don’t need. The only advantage a corporation has over an individual is that they can afford to pay for gross amounts of advertising both online and off, whereas the typical individual cannot.

What’s great about the Internet is that everyone is on a level playing field. Due to the relatively cheap or free access to search engines you can compete with big websites with minimal investment on your part. You don’t need lots of money to run a popular profitable website, all you need is time and know-how, and the time requirement isn’t even that much. While some websites may require more maintenance than others a typical site can be managed in your spare time, in the evenings or on weekends.

As far as how much you can make? The sky’s the limit, however keep your head firmly planted on earth. It is possible to have a monthly income of a few hundred to a few thousand dollars off a website(s) you run in your spare time, that is an attainable goal. It is also possible to make much more than that, but expecting more is a less realistic goal. Don’t go into your website project with the expectation of millions of dollars, chances are it isn’t going to happen. However, if you are after supplemental income that will last residually for a long time (quite possibly the rest of your life), then this guide will tell you how to do it.

There are no miracles here or magic systems, you will need to follow the correct steps and you will need to work on things. Your first site might fail, your second one too, but maybe your third site will be the one to succeed. After I launched my first commercial site it took me a year and a half before I started making enough money to live on, which was $2-3,000 per month, and then another 8 months before I started making great money, which was 5 figures a month. There wasn’t anything magical about it when I finally became a successful self-employed website publisher. It was the result of work, sacrifice, and learning from my mistakes. I now make a very nice six figure sum yearly, but reaching this point first required that I live on a very strict budget back when my websites were only bringing in a few hundred a month. I have taken everything I learned in my road to success and placed it here. This guide bridges the gap between those who know how to build a website, and those who know how to build a successful website. You will not have to pay for this information, this guide is 100% free.

The articles in this guide assume you have a familiarity with web development technologies. If you do not yet know what server side programming or CSS is you should take our services.

]]> https://www.rumahpixel.com/id/2013/07/how-to-build-a-successful-website/feed/ 0