Selamat Datang Di Koranrakyat.com infokan berbagai kasus atau keluhan yang berkaitan dengan layanan publik dan tertarik jadi wartawan dan iklan kirim lamaran ke email cv anda ke email This email address is being protected from spambots. You need JavaScript enabled to view it.

Headline News

Pertemuan 5 Jam, Presiden Prabowo dan Presiden Putin Sepakati Penguatan Kerja Sama ESDM dan Pengembangan Industri
Last Updated on Apr 15 2026

Pertemuan 5 Jam, Presiden Prabowo dan Presiden Putin Sepakati Penguatan Kerja Sama ESDM dan...

MOSKOW ,KORANRAKYATCOM,- Sekretaris Kabinet (Seskab) Teddy Indra Wijaya mendampingi Presiden Prabowo Subianto pada kunjungan kenegaraan di Moskow, pada Senin, 13 April 2026. Presiden Republik Indonesia Prabowo Subianto melakukan pertemuan dengan Presiden Federasi Rusia Vladimir Putin setibanya...
Presiden Prabowo dan Presiden Macron Sepakati Penguatan Kemitraan Indonesia–Prancis
Last Updated on Apr 15 2026

Presiden Prabowo dan Presiden Macron Sepakati Penguatan Kemitraan Indonesia–Prancis

PARIS,KORANRAKYATCOM,-Presiden Republik Indonesia Prabowo Subianto melaksanakan pertemuan empat mata dengan Presiden Republik Prancis Emmanuel Macron, di Istana Élysée, Paris, pada Selasa (15/04/2026). Pertemuan tersebut merupakan bagian dari rangkaian lawatan luar negeri Presiden Prabowo ke...
BP BUMN Dorong Integrasi Sistem Pungutan Pajak Atas Transaksi Digital Luar Negeri yang Cepat, Real-Time, dan Aksesibel
Last Updated on Apr 15 2026

BP BUMN Dorong Integrasi Sistem Pungutan Pajak Atas Transaksi Digital Luar Negeri yang Cepat,...

JAKARTA,KORANRAKYATCOM, -- Kepala BP BUMN sekaligus COO Danantara, Dony Oskaria, menggelar rapat bersama Direktur Jenderal Pajak Kementerian Keuangan, serta perwakilan Direksi PT Bank Rakyat Indonesia (Persero) Tbk dan PT Jalin Pembayaran Nusantara, untuk membahas pengembangan sistem pembayaran...
BP BUMN Perkuat Peran BUMN untuk Mendukung Asta Cita Presiden Prabowo Subianto
Last Updated on Apr 15 2026

BP BUMN Perkuat Peran BUMN untuk Mendukung Asta Cita Presiden Prabowo Subianto

      JAKARTA ,KORANRAKYATCOM,— BP BUMN terus memperkuat perannya agar BUMN dapat menjadi penggerak pertumbuhan ekonomi sekaligus memberi manfaat sosial yang nyata bagi masyarakat yang sejalan dengan Asta Cita Presiden Prabowo Subianto.   Komitmen ini mengemuka dalam rapat internal...
Kolaborasi Bank Mandiri, Taspen dan BNI, Kemensetneg Gelar
Last Updated on Apr 15 2026

Kolaborasi Bank Mandiri, Taspen dan BNI, Kemensetneg Gelar "Mudik Aman, Rayakan Kebersamaan"

JAKARTA,KORANRAKYATCOM,- Kementerian Sekretariat Negara (Kemensetneg) menyelenggarakan Mudik Bersama Kemensetneg 2026 yang mengusung tema "Mudik Aman, Rayakan Kebersamaan" pada Selasa (17/03/2026).   Diberangkatkan dari Istora Senayan, Jakarta, Mudik Bersama Kemensetneg 2026 ini merupakan...

World Today

Redaksi

Redaksi

Monday, 31 October 2011 10:09

Images Styling

Sample Image
Sample Image
Sample Image

Icons Style

Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Buttons

Buttons Style 1

Button Text Button Text

Buttons Style 2

Button Text Button Text

Buttons Style 3

Button Text Button Text

Buttons Style 4

Button Text
Wednesday, 29 June 2011 03:32

This Joomla! template supports a wide variety of module positions which can be archived automatically by the system.The module positions are fully collapsible mean that if there are no modules published in particular position, this module position will disappear and the other modules with take this place. Also you can have 2-Columns layout (content, left or right)

Click here to view clearer picture

Wednesday, 29 June 2011 03:31

Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix.

The captain of an Italian cruise ship that ran aground off Italy made excuses and resisted a coast guard officer's repeated orders for him to reboard his stricken liner and aid passengers, an audio recording released Tuesday reveals.

Prosecutors have accused Capt. Francesco Schettino of manslaughter, causing a shipwreck and abandoning his vessel before all passengers were evacuated during the grounding of the Costa Concordia cruise ship off the Tuscan coast on Friday night.guard officer's repeated orders for him to reboard his stricken liner and aid passengers

Wednesday, 29 June 2011 03:10

Yt Framework uses xml file to render your layout. The framework supports all general features of a joomla template. The below is the list of features:

  • Multiple Layouts: Left-Main-Right, Left-Main, Main-Right, etc. With xml file, you can easy to create some layouts for a joomla template
  • Mobile Ready
  • Table-less Layout
  • Search Engine Friendly
  • Modules Types
  • Cross-browser Support
  • Typography
  • Validation
  • Template Parameters
  • Google Font
  • Font Size
  • RTL language support
Friday, 29 June 2012 09:07

EDITOR KORAN RAKYAT

 

Koran rakyat berdiri pada saat kran reformasi digulirkan, media massa bermunculan dengan adanya berbagai desakan dan tuntutan masyarakat maka Eko Anang Mendirikan media Koran Rakyat pada 09 Februari 2002 bertepatan hari Pers Nasional. Tentunya dengan semakin sulitnya persaingan media massa banyak koran yang dibuka begitu juga yang tutup, maka koran rakyat bisa bertahan terus hingga saat ini. Eko Anang Sutrisno,SE 

 awalnya bekerja dalam satu perusahaan media massa harian terkemuka di Jawa Timur yang juga pernah menjabat Ketua Persatuan Wartawan Indonesia Malang yang lahir pada 20 September 1968 ini, mencoba untuk berusaha bertahan dengan mengkompen berita rekan-rekan Wartawan dengan melalui Koran Rakyat Online melalui situs internet sehingga selain edisi cetak Koran Rakyat kini bertambah di situs internet memiliki Web : dengan alamat www.koranrakyatonline.com dan  www.koranrakyat.com Tentunya semangatnya tidak lain adalah untuk berjuang di media massa, sehingga bisa menampung Suara Hati Rakyat Indonesia serta berteriak ketika keadilan terluka.

  

Pimpinan Redaksi /Penanggung Jawab

EKO ANANG SUTRISNO,SE

Pimpinan Perusahaan

Dian Pujiastuti,SE

Redaksi Pelaksana :  Anang ,Ardhan,,  Sulthon, Fadil, Minyo, Tri Baskoro, SH     Ir. Imam Mdz (Bandung ), Doni Prawinata Kusuma, MM (Bisnis) , Doni, Ard, Vecky Angelo  (Jakarta Selatan) Ayu, (Jakarta) Barat)  ,Roji (Semarang) Dedi, (Malang),  , Ardhan FM, Fadil SA (Surabaya)   Zahrah, Maida   (Sidoarjo), Cici (Tulungagung) Atris D Basuki,SH (Kediri),Sutrisno (Blitar) , (Madiun) Drs.Djoko Purnomo, , kukuh,    Jok  (Margono) Edy Purwanto , (Bojonegoro) Yanto, (Banyuwangi)  Andi (Bondowoso) Johan, (Jember) Oki,( Gresik)  Rudi , (Tuban) Huda, ST  (Probolinggo),  Sutrisno  (Blitar) , Hamid (Aceh), Ni Ketut, Lia (Bali), Putri , Senja Dompu,(Metro Lampung) M. Solihin, , Rere ( Kalteng),

Team Penasehat hukum  Wisman Prana, SH

Eko Budi Prasetyo,SH.MHum 

Manager Iklan : Ratih Chandra

Pemasaran : Rudi

Redaksi / Iklan  Jl. Tunjungan 86-88  Lantai 2 No.32-63 Surabaya Telp 031 534.7862 Jl. Pulosari 1 Kota Malang  0341 703.1222  Yayasan Koran Rakyat Indonesia, Percetakan PT. Temprina Jawa Pos Group 

Email : This email address is being protected from spambots. You need JavaScript enabled to view it. // This email address is being protected from spambots. You need JavaScript enabled to view it.

 

 

 

 

Profile Editor

Paper people standing at the time the reform revolved faucet, emerging media with a variety of pressure and demands of society, Eko Anang Establishing the People newspaper media on February 9, 2002 to coincide National Press Day. Of course, the mass media has become increasingly difficult competition many newspapers as well as the lid is opened, the newspaper people could hang on until today. Eko Sutrisno Anang, SE initially worked in a leading daily mass media company in East Java has also been chairman of the Indonesian Journalists Association Malang was born on 20 September 1968, the attempt to try to survive with colleagues mengkompen news through newspaper reporter with the People CyberMedia via the website so other than the print edition of the People newspaper is now growing on the internet site has Web: www.koranrakyatonline.com address and www.koranrakyat.com Surely no other passion is to fight in the media, so that it can accommodate the conscience of the people of Indonesia and shout when justice was injured.

 

Chief Editor / Responsible Person 

EKO SUTRISNO Anang, SE

Chairman of the Company

Dian Pujiastuti, SE

Managing Editor: Anand, Ardhan, Megasari, Sulthon, Mega, Fadil, Minyo, Tri Baskoro, executive editor of SH Ir. Imam MDZ (Bandung), Doni Prawinata Kusuma, MM, Veky Angelo  (Jakarta ), Doni, Ard Agus (South Jakarta) Ayu, (West Jakarta), Roji (Semarang) Smith, (Malang), Heny, Ardhan FM, Fadil SA (Surabaya ) Hamida, Figures, Fian (Sidoarj0), Cici (vBulletin) Atris D Basuki, SH (Kediri), Sutrisno (Blitar), (Madison) Joko Purnomo, firm, Ngawi (Margono) Edy Purwanto, (Bojonegoro) Yanto , (Banyuwangi) .Dedi (Bondowoso) Johan, (Jember) Oki, (Gresik) Andi, (Tuban) Huda, ST (Probolinggo), Basuki, (Blitar), Hamid (Aceh), Ni Ketut, Lia (Bali), Women, Twilight Dompu, (Metro Lampung) M. Solihin, rianto (Semarang),  Rere (Kalimantan)

Team legal counsel Wisman Prana, SH

Eko Budi Prasetyo,SH.Mhum

Advertising Manager: Ratih Chandra

Marketing: Rudi

Editorial / Advertising Jl. Tunjungan 86-88 Level 2 32-63 Jl Surabaya Tel 031 534.7862.,  Pulosari 1 Malang 0341 703.1222 , Yayasan Koran Rakyat Indonesia Percetakan  Pt. Temprina Jawa Pos Group 

Email: This email address is being protected from spambots. You need JavaScript enabled to view it.  / This email address is being protected from spambots. You need JavaScript enabled to view it.

 

PEDOMAN PEMBERITAAN MEDIA SIBER

 

Kemerdekaan berpendapat, kemerdekaan berekspresi, dan kemerdekaan pers adalah hak asasi manusia yang dilindungi Pancasila, Undang-Undang Dasar 1945, dan Deklarasi Universal Hak Asasi Manusia PBB. Keberadaan media siber di Indonesia juga merupakan bagian dari kemerdekaan berpendapat, kemerdekaan berekspresi, dan kemerdekaan pers.

 

Media Siber memiliki karakter khusus sehingga memerlukan pedoman agar pengelolaannya dapat dilaksanakan secara profesional, memenuhi fungsi, hak, dan kewajibannya sesuai Undang-Undang Nomor 40 Tahun 1999tentang Pers dan Kode Etik Jurnalistik. Untuk itu Dewan Pers bersama organisasi pers, pengelola media siber, dan masyarakat menyusun Pedoman Pemberitaan Media Siber sebagai berikut :

 

1. Ruang Lingkup

a.           Media Siber adalah segala bentuk media yang menggunakan wahana internet dan melaksanakan kegiatan jurnalistik, serta memenuhi persyaratan Undang-Undang Pers dan Standar Perusahaan Pers yang ditetapkan Dewan Pers.

b.      Isi Buatan Pengguna (User Generated Content) adalah segala isi yang dibuat dan atau dipublikasikan oleh pengguna media siber, antara lain, artikel, gambar, komentar, suara, video dan berbagai bentuk unggahan yang melekat pada media siber, seperti blog, forum, komentar pembaca atau pemirsa, dan bentuk lain.

 

2. Verifikasi dan keberimbangan berita

a.           Pada prinsipnya setiap berita harus melalui verifikasi.

b.      Berita yang dapat merugikan pihak lain memerlukan verifikasi pada berita yang sama untuk memenuhi prinsip akurasi dan keberimbangan.

c.       Ketentuan dalam butir (a) di atas dikecualikan, dengan syarat:

o    Berita benar-benar mengandung kepentingan publik yang bersifat mendesak;

o    Sumber berita yang pertama adalah sumber yang jelas disebutkan identitasnya, kredibel dan kompeten;

o    Subyek berita yang harus dikonfirmasi tidak diketahui keberadaannya dan atau tidak dapat diwawancarai;

o    Media memberikan penjelasan kepada pembaca bahwa berita tersebut masih memerlukan verifikasi lebih lanjut yang diupayakan dalam waktu secepatnya. Penjelasan dimuat pada bagian akhir dari berita yang sama, di dalam kurung dan menggunakan huruf miring.

d.      Setelah memuat berita sesuai dengan butir (c), media wajib meneruskan upaya verifikasi, dan setelah verifikasi didapatkan, hasil verifikasi dicantumkan pada berita pemutakhiran (update) dengan tautan pada berita yang belum terverifikasi.

 

3. Isi Buatan Pengguna (User Generated Content)

a.           Media siber wajib mencantumkan syarat dan ketentuan mengenai Isi Buatan Pengguna yang tidak bertentangan dengan Undang-Undang No. 40 tahun 1999 tentang Pers dan Kode Etik Jurnalistik, yang ditempatkan secara terang dan jelas.

b.      Media siber mewajibkan setiap pengguna untuk melakukan registrasi keanggotaan dan melakukan proses log-in terlebih dahulu untuk dapat mempublikasikan semua bentuk Isi Buatan Pengguna. Ketentuan mengenai log-in akan diatur lebih lanjut.

c.       Dalam registrasi tersebut, media siber mewajibkan pengguna memberi persetujuan tertulis bahwa Isi Buatan Pengguna yang dipublikasikan :

o    Tidak memuat isi bohong, fitnah, sadis dan cabul;

o    Tidak memuat isi yang mengandung prasangka dan kebencian terkait dengan suku, agama, ras, dan antargolongan (SARA), serta menganjurkan tindakan kekerasan;

o    Tidak memuat isi diskriminatif atas dasar perbedaan jenis kelamin dan bahasa, serta tidak merendahkan martabat orang lemah, miskin, sakit, cacat jiwa, atau cacat jasmani.

d.      Media siber memiliki kewenangan mutlak untuk mengedit atau menghapus Isi Buatan Pengguna yang bertentangan dengan butir (c).

e.      Media siber wajib menyediakan mekanisme pengaduan Isi Buatan Pengguna yang dinilai melanggar ketentuan pada butir (c). Mekanisme tersebut harus disediakan di tempat yang dengan mudah dapat diakses pengguna.

f.        Media siber wajib menyunting, menghapus, dan melakukan tindakan koreksi setiap Isi Buatan Pengguna yang dilaporkan dan melanggar ketentuan butir (c), sesegera mungkin secara proporsional selambat-lambatnya 2 x 24 jam setelah pengaduan diterima.

g.      Media siber yang telah memenuhi ketentuan pada butir (a), (b), (c), dan (f) tidak dibebani tanggung jawab atas masalah yang ditimbulkan akibat pemuatan isi yang melanggar ketentuan pada butir (c).

h.      Media siber bertanggung jawab atas Isi Buatan Pengguna yang dilaporkan bila tidak mengambil tindakan koreksi setelah batas waktu sebagaimana tersebut pada butir (f).

 

4. Ralat, Koreksi, dan Hak Jawab

a.           Ralat, koreksi, dan hak jawab mengacu pada Undang-Undang Pers, Kode Etik Jurnalistik, dan Pedoman Hak Jawab yang ditetapkan Dewan Pers.

b.      Ralat, koreksi dan atau hak jawab wajib ditautkan pada berita yang diralat, dikoreksi atau yang diberi hak jawab.

c.       Di setiap berita ralat, koreksi, dan hak jawab wajib dicantumkan waktu pemuatan ralat, koreksi, dan atau hak jawab tersebut.

d.      Bila suatu berita media siber tertentu disebarluaskan media siber lain, maka:

o    Tanggung jawab media siber pembuat berita terbatas pada berita yang dipublikasikan di media siber tersebut atau media siber yang berada di bawah otoritas teknisnya;

o    Koreksi berita yang dilakukan oleh sebuah media siber, juga harus dilakukan oleh media siber lain yang mengutip berita dari media siber yang dikoreksi itu;

o    Media yang menyebarluaskan berita dari sebuah media siber dan tidak melakukan koreksi atas berita sesuai yang dilakukan oleh media siber pemilik dan atau pembuat berita tersebut, bertanggung jawab penuh atas semua akibat hukum dari berita yang tidak dikoreksinya itu.

e.      Sesuai dengan Undang-Undang Pers, media siber yang tidak melayani hak jawab dapat dijatuhi sanksi hukum pidana denda paling banyak Rp500.000.000 (Lima ratus juta rupiah).

 

5. Pencabutan Berita

a.           Berita yang sudah dipublikasikan tidak dapat dicabut karena alasan penyensoran dari pihak luar redaksi, kecuali terkait masalah SARA, kesusilaan, masa depan anak, pengalaman traumatik korban atau berdasarkan pertimbangan khusus lain yang ditetapkan Dewan Pers.

b.      Media siber lain wajib mengikuti pencabutan kutipan berita dari media asal yang telah dicabut.

c.       Pencabutan berita wajib disertai dengan alasan pencabutan dan diumumkan kepada publik.

 

6. Iklan

a.           Media siber wajib membedakan dengan tegas antara produk berita dan iklan.

b.      Setiap berita/artikel/isi yang merupakan iklan dan atau isi berbayar wajib mencantumkan keterangan "advertorial", "iklan", "ads", "sponsored", atau kata lain yang menjelaskan bahwa berita/artikel/isi tersebut adalah iklan.

 

7. Hak Cipta
Media siber wajib menghormati hak cipta sebagaimana diatur dalam peraturan perundang-undangan yang berlaku.

 

8. Pencantuman Pedoman
Media siber wajib mencantumkan Pedoman Pemberitaan Media Siber ini di medianya secara terang dan jelas.

 

9. Sengketa
Penilaian akhir atas sengketa mengenai pelaksanaan Pedoman Pemberitaan Media Siber ini diselesaikan oleh Dewan Pers.

 

Jakarta, 3 Februari 2012
(Pedoman ini ditandatangani oleh Dewan Pers dan komunitas pers di Jakarta, 3 Februari 2012).

  

 

Thursday, 26 May 2011 16:45

Temper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus

Thursday, 26 May 2011 16:44

Nunc mattis ligula eget augue mollis blandit. Duis ac tellus eget elit pulvinar volutpat vitae dapibus nunc. Maecenas suscipit velit quis risus tempor accumsan.

Monday, 31 October 2011 10:10

This page presents most of typographical aspects of Yt Framework. Make your readers happy with great Typography and User Experience!

Formatted text

Heading

This is an Heading 1

This is an Heading 2.

This is an Heading 3

This is an Heading 4

This is an Heading 5

Dropcap symbol

This is special drop cap symbol styling for magazine / newspaper text paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique sem vel turpis egestas cursus. Vivamus vehicula ligula non orci sollicitudin iaculis in nec enim. Ut eu magna at erat ultricies porta. Quisque vehicula ultrices mauris, ut pellentesque dui fermentum ac. Maecenas condimentum egestas tempor. Morbi bibendum congue purus eu ultrices. Cras pretium commodo velit non convallis. Sed ornare, arcu vitae sagittis elementum, metus lacus pulvinar ligula, non gravida elit sapien vestibulum odio. Pellentesque eget quam lectus, in fermentum urna. Ut libero dui, lobortis eget adipiscing quis, tristique fermentum nunc.

Code

Below is a sample of pre tag or code class:

pre, .code{   background-color: #FFFFDD;   border-color: #CCCCCC;   border-style: solid;   border-width: 1px 1px 1px 5px;   font: 1em/1.6 Monaco,Consolas,"Courier News",monospace;   padding: 10px 15px; } 

Blockquote

This is a sample Blockquote. LoremLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Vivamus vehicula ligula non orci sollicitudin iaculis in nec enim.
This is a sample Blockquote. LoremLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Vivamus vehicula ligula non orci sollicitudin iaculis in nec enim.!

High light

This is a highlight phrase. Use class="highlight".

Lists Style

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur

Un-Ordered List

  • This is a sample Un-Ordered List.
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Definition List

This is a sample Definition List.
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Un-Ordered List(arrow, email, star)

  • This is a sample Arrow style.
  • Use <ul class="yt-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Arrowlist.
  • This is a sample Email style.
  • Use <ul class="yt-typo-list list-email"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.
  • This is a sample Star style.
  • Use <ul class="yt-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Starlist.

Un-Ordered List(home, call, check)

  • This is a sample Home style.
  • Use <ul class="yt-typo-list list-home"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.
  • This is a sample Call style.
  • Use <ul class="yt-typo-list list-cal"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.
  • This is a sample Check style.
  • Use <ul class="yt-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul>
  • This is a sample Checklist.

Block row

01This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-1">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-1">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-1">03.</span>Your content goes here!</p> to form a block number!

01This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-2">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-2">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-2">03.</span>Your content goes here!</p> to form a block number!

01This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-3">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-3">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="yt-typo-blocknumber"><span class="yt-typo-bignumber-3">03.</span>Your content goes here!</p> to form a block number!

Message Boxes & Legend Styles

Boxes Style

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

Legend Style

Legend - Style 1

This is a Legend Style 1. Use <div class="yt-typo-legend legend1"> <h3 class="legend-title">Legend - Style 1</h3> text here! </div> to create a Legend Style 1!

Legend - Style 2

This is a Legend Style 2. Use <div class="yt-typo-legend legend2"> <h3 class="legend-title">Legend - Style 2</h3> text here! </div> to create a Legend Style 2!

Bubbles

Bubbles1

This is a sample Bubble. Use <div class="yt-typo-bubble1"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED SPEECH BUBBLE </span>
ROUNDED SPEECH BUBBLE

Bubbles4

This is a sample Bubble. Use <div class="yt-typo-bubble4"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED NOTE BUBBLE</span>
SQUARE THINKING BUBBLE

Bubbles2

This is a sample Bubble. Use <div class="yt-typo-bubble2"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED SPEECH BUBBLE</span>
SQUARE SPEECH BUBBLE

Bubbles3

This is a sample Bubble. Use <div class="yt-typo-bubble3"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED NOTE BUBBLE</span>
ROUNDED THINKING BUBBLE

Form

Fieldset

Special Fieldset - Style 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.
Special Fieldset - Style 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.

Form Elements





Icons Style

Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Buttons

button style1

This is a sample button style1 with color blue. Use <a class="blue yt-typo-button style1">Button style1</a> to make it

Color: blue

Button style1

Color: green

Button style1

Color: orange

Button style1

Color: magenta

Button style1

Color: red

Button style1

Color: orangellow

Button style1

Color: white

Button style1

Color: rosy

Button style1

Color: pink

Button style1

Color: black

Button style1

Color: gray

Button style1

Color: brown

Button style1
Monday, 31 October 2011 10:09

Images Styling

Sample Image
Sample Image
Sample Image

Icons Style

Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Buttons

Buttons Style 1

Button Text Button Text

Buttons Style 2

Button Text Button Text

Buttons Style 3

Button Text Button Text

Buttons Style 4

Button Text