Loading
Tampilkan postingan dengan label css. Tampilkan semua postingan
Tampilkan postingan dengan label css. Tampilkan semua postingan

5 April 2011

Request aplikasi/script

kami menyediakan jasa layanan request aplikasi/script,.
anda dapat merequest aplikasi / script di sini, dengan biaya yang sangat murah mulai dari 10rb.
biaya dapat berubah tergantung tingkat kesulitan aplikasi/script yang di request.

untuk request aplikasi/script cukup tingggalkan komen di sini atau bisa juga hub kami via Email atau YM atau untuk fast respon bisa SMS ke 085722440959

Email:
tawank.x@gmail.com
bobybibbob@gmail.com
YM:
tawank_x
bobybibbob

Posted by ctr 0 comments
Labels: , , , ,

29 Maret 2011

Download

Download Kumpulan Demo Tutorial Contoh Script dan Tool Web Programming

# Page Counter dengan PHP dan mysql (Page View & Page Visit)
# Demo Tutorial Contoh Script Menghitung Selisih Tanggal Menggunakan PHP, Javascript, dan MySQL
# Plugin firefox web developer
# Demo Tutorial Contoh Script Ajax Loader Load Content/Page
# Script polling dengan PHP dan database mysql
# Website Multimedia - mp3 streaming
# macam-macam fungsi waktu
# Demo dan Tutorial Combobox Menggunakan Script PHP Ajax Javascript MySQL
# Script Print dengan Javascript
# Medeteksi Browser Yang Digunakan User Menggunakan Javasript
# Javascript Calendar Date Picker / Javascript Calendar Popup / Kalender Javascript
# Tutorial Script PHP : Menampilkan data dari database
# Tutorial Script Ajax : Ajax Suggestion
# Tutorial Script Ajax: Ajax Comment
# Tutorial Script Ajax : Membuat miniChat/shoutbox dengan Ajaxt
# Javascript Checkbox Checked / Javascript Check All Checkbox
# Tutorial Script Ajax: Combobox dengan ajax
# Tutorial Script PHP: Membuat Captcha Dengan Script PHP
# Elemen FORM pada HTML
# Tutorial script Javascript : Membuat kalender sederhana dengan Javascript
# CSS (Cascading Style Sheet)
# Tutorial script Javascript : Jam digital dengan javascript
# Tutorial script PHP : Tes koneksi ke server MySQL menggunakan script PHP
# Tutorial script PHP : membulatkan bilangan pecahan dengan script PHP
# Tutorial script PHP : script untuk menampilkan informasi ip dan browser
# Tutorial script PHP : Format date pada PHP
# Check Javascript Browser Enabled / Disabled
# Script untuk mengubah ukuran ( resize ) gambar menggunakan javascript
# Tutorial dasar HTML
# Tutorial dasar javascript
# Javascript Validasi Email
Posted by bobybibbob 6 comments
Labels: , , , , , , , ,

CSS

# CSS (Cascading Style Sheet)
# Link Tanpa garis bawah (CSS)
Posted by ctr 0 comments
Labels:

28 Maret 2011

Plugin firefox web developer

satu lagi plugin gratisan yang sangat membantu buat para pe mbuat web, yaitu web developer. plugin ini bekerja di browser firefox. walaupun gratisan kemampuan plugin ini bisa di bilang cukup memuaskan, karena dapat mendeteksi error pada script CSS dan javascript.
kenapa Script CSS dan Javascript. soalnya CSS dan Javascript adalah client side dimana tempat pemrosesan script di sisi client(browser).


plugin tersebut bisa di download di SINI
Posted by ctr 2 comments
Labels: ,

21 Maret 2011

Jasa Pembuatan Website

Kami, team catment menawarkan jasa pembuatan website/SMS gateway untuk tugas/skripsi/tugas akhir/proyek akhir dll. kami juga menerima bimbingan dalam pembuatan website,.
web programming yang kami kuasai :
-HTML
-CSS
-PHP
-Javascript
-Ajax
-database MySQL
-jQuery
-CI (framework)

kami juga melayani pembuatan aplikasi facebook, install & pembuatan plugin wordpress.

untuk anda yang mengalami masalah dalam script, kami juga melayani pembetulan/perbaikan script.

web yang pernah kami tangani :
https://funbox-production.com
http://multieticket.tk

dan banyak juga yang tidak di hosting (localhost)

informasi lebih lanjut :
tlp/sms: 085722440959
email : tawank.x@gmail.com / bobybibbob@gmail.com
YM : tawank_x / bobybibbob

kunjungi juga lapak kami di kaskus.us
Posted by ctr 14 comments
Labels: , , , , , , , , , ,

29 Maret 2010

Membuat Link tanpa garis bawah dengan CSS


Sebelumnya saya sudah pernah menulis tentang CSS atau Cascading Style Sheet. Tapi kali ini saya akan sharing trik penggunaan script CSS untuk menghilangkan garis bawah pada Link Text, dan menhhilangkan border pada Link Gambar.

Menghilangkan Garis Bawah Semua Link pada Halaman Web

Pada dasarnya sebuah link otomatis akan mempunyai garis bawah. Tapi dengan menggunakan CSS/Cascading Style Sheet, garis bawah itu bisa dihilangkan dengan mudah. Caranya, tempatkan script CSS berikut di bagian <head>...</head> halaman web yang Anda buat (bersama title, description, dan keyword). Dengan menggunakan kode ini, garis bawah pada seluruh link di halaman web Anda akan hilang.


<html>

<head>

<title>menghilangkan garis bawah pada link</title>

<style type="text/css">

a {text-decoration:none;}

</style>

</head>

<body>

<a href=" http://catment.blogspot.com">Link belajar web programing</a>

</body>

</html>



Menghilangkan Garis Bawah Sebagian Link pada Halaman Web

Jika hanya ingin menghilangkan garis bawah pada link-link tertentu, bukan pada seluruh link seperti yang terjadi kalau memakai kode di atas, anda dapat menyisipkan kode script ke dalam style Link atau memanggilnya dengan class. Contoh dan kodenya seperti yang berikut ini.


<html>

<head>

<title>menghilangkan garis bawah pada link</title>

</head>

<body>

<a href=" http://catment.blogspot.com" style="text-decoration:none;">Link belajar web programing</a>

</body>

</html>


Atau


<html>

<head>

<title>menghilangkan garis bawah pada link</title>

<style type="text/css">

.tanpaGarisBawah {text-decoration:none;}

</style>

</head>

<body>

<a href="http://catment.blogspot.com" class="tanpaGarisBawah">Link belajar web programing</a>

</body>

</html>



Menghilangkan Border Semua Link Gambar pada Halaman Web

Pada dasarnya apabila kita membuat Link Gambar akan terdapat border di sekeliling gambar yang di buat Link, tapi ada sebagian browser yang tidak memunculkan border tersebut. Apabila anda pengguna Opera dan Firefox, border tersebut muncul pada browser Opera dan Firefox. Dengan CSS border tersebut dapat dihilangkan,caranya sisipkan kode CSS ke tag <head>...</head>.contoh scriptnya sebagai berikut:


<html>

<head>

<title>menghilangkan garis bawah pada link</title>

<style type="text/css">

img {border:0;}

</style>

</head>

<body>

<a href="catment.blogspot.com"><img src="catment.jpg" /></a>

</body>

</html>


Menghilangkan Border tertentu pada Link Gambar pada Halaman Web

Anda juga bisa menghilangkan border di bagian Link gambar tertentu saja, caranya sama denga menghilangkan garis pada Text Link tertentu di atas yaitu dengan cara menyisipkan sript CSS pada tag <img>. Untuk contoh bisa di lihat pada script di bawah ini:


<html>

<head>

<title>menghilangkan garis bawah pada link</title>

</head>

<body>

<a href="catment.blogspot.com"><img src="catment.jpg" style="border:0;" /></a>

</body>

</html>


Posted by ctr 2 comments
Labels: , ,

6 Maret 2010

CSS (Cascading Style Sheet)


Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan untuk perkembangan website pada tahun 1996. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakan secara berurutan, yang kemudian akam membentuk hubungan parent-chile pada setiap style.

Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Spesifikasi CSS diatur oleh World Wide WebConsurtium (W3C).CSS memmungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode persentasi yang berbeda, seperti melalui layar, cetak, suara (suwaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat di tampilkan secara berbeda, baik dari segi gaya tampilan atau sekema warna dengan menggunakan CSS.

Keuntungan menggunakan CSS
CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text, dan table menjadi lebih ringkas sehingga tidak terjadi perulangan tulisan.
Keuntungan :

  • Memisahkan presentation sebuah dokumen dari content dokumen itu sendiri
  • Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web
  • Mempercepat proses rendering/pembacaan HTML

Penempatan CSS

# Inline Style Sheet
Pada posisi ini, CSS di tuliskan di dalam elemen HTML, dan mempunyai ciri-ciri:

  • - Merupakan style yang terlemah karena editing harus dilakukan dimana inline berada
  • - Mirip dengan atribut biasa
  • - Bagian dari <BODY>

Format statemen : selector {property:value}
Nama selector bisa merujuk ke tag HTML yang akan di edit, sebagai contoh apabila tag paragraf di ubah dengan CSS maka dapat ditulis sebagai berikut :

P {property:value}

Contoh penggunaan inline style sheet:

<html>
<head>
<title>Contoh</title>
<head>
<body>
<p style="font-style:italic">tulisan ini tercetak miring</p>
</body>
</html>

Jika source di atasa di jalankan di web browser, maka akan di dapatkan tulisan miring “tulisan ini tercetak mirirng”.

# Embedded Style Sheet
Penulisan CSS di dalam dokumen HTML dan menggunakan tag <style>....</style> yang di tempatkan pada bagian page header atau diantara tag <head>....</head>. Penggunaan embedded style sheet akan memberikan efek terhadap satu halaman saja.
Format statemen:
"HTML tag" {"CSS property":" value"}
"HTML tag" {"CSS propertyI" : " valueI" ; " CSS property2" : " value2" ;...}
Contoh:

<html>
<head>
<title>Embedded Style Sheet</title>
<style type=" text/css" >
P {font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #FF0000}
</style>
</head>
<body>
<p>Tulisan ini menggunakan Embedded Style Sheed</p>
</body>
</html>

# Linked Style Sheet

Style disimpan dalam file yang berbeda dari file HTML dan disimpan dalam format ”*.css”.
Secara umum, linked style memili ciri-ciri:

  • - Disimpan di file lain sehingga sebuah css dapat dipakai di banyak file HTML lainya
  • - File hanya berisi style bukan tag HTML

Untuk menggunakan file lain yang berisi css pada file HTML, digunakan tag <link> yang ditempatkan pada bagian tag hedaer atau diantara <head>...</head>
Untuk menggunakan linked style sheet, setidaknya di butuhkan 2 file yang masing-masing berfungsi sebagai file css dan HTML.

  • Pertama, buat file css dan simpan menggunakan nama mystyle.css denganisi script css sebagai berikut:

P {font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #FF0000}



  • Selanjutnya buat sebuah file HTML yang disimpan pada direktori yang sama dengan file css yang sudah dibuat dengan script HTML sebagai berikut :

<html>
<head>
<title>Linked Style Sheet</title>
<link rel=" stylesheet" hreft=" mystyle.css" type=" text/css" >
</head>
<body>
<p>Tulisan ini menggunakan Linked Style Sheed</p>
</body>
</html>

Aturan penulisan pada CSS

Sintak CSS dibagi dalam 3 bagian :
Selector{property:value}
Keterangan :

  • -Selektor berisi tag HTML yang akan di definisikan (body, H1, font, dll)
  • -Property merupakan atribut yang akan di-set/diubah
  • -Value merupakan nilai dari property

Contoh penulisan CSS:

H1
{
Font-family : arial;
Color : #0000FF
}

Keterangan:

H1 merupakan selector
Font-family merupakan property, dan
#0000FF merupakan value

Untuk mendeklarasikan property secara berkelompok, dapat menggunakan penghubung koma (,) dan & contoh :

H1, H2 {Color : #0000FF}
H1, H2 & H3 {Color : #0000FF}
Untuk menuliskan komentar pada CSS dapat menggunakan tanda:

  • -/*.....*/ (titik-titik di isi komentar)
  • -<!-- ....--> (titik-titik di isi komentar)
[Download E-book]
Posted by ctr
Labels: