[Arsip] Akira! Custom Error Page Competition

Discussion in 'Arsip Event' started by Suzumiya-Haruhi, 24 April 2012.

Thread Status:
Not open for further replies.
  1. Suzumiya-Haruhi

    Suzumiya-Haruhi Unfriendly Admin

    17
    12
    53
    [​IMG]
    Departemen Teknis dan Komputasi Akira!
    Akira! -komikanimasi.web.id
    [hr]
    Kompetisi Custom Error Page.
    Kompetisi apa ini?
    Ini adalah kompetisi desain custom error page berbasis HTML atau PHP. Di kompetisi ini para member akan membuat sebuah custom error page baru untuk Akira!, menggantikan custom error page yang lama yang dapat diakses pada: error.html.

    Peraturan dan Tata Tertib.
    1. Kompetisi ini boleh diikuti oleh SIAPAPUN kecuali Super Admin Sheratan.
    2. Kompetisi ini akan dilaksanakan SELAMANYA selama Akira! masih ada atau saya masih niat buka kompetisi.
      Relax. I shall open this competition at least 3-4 months.
    3. Kompetisi ini telah mendapatkan persetujuan dari Super Admin Sheratan.
    4. Bentuk halaman yang diterima hanya yang berekstensi .HTML atau .PHP
    5. Diperbolehkan menggunakan CSS. Huruf yang boleh digunakan: Web Safe
      - Georgia, serif
      - "Palatino Linotype", "Book Antiqua", Palatino, serif
      - "Times New Roman", Times, serif
      - Arial, Helvetica, sans-serif
      - Arial Black, Gadget, sans-serif
      - "Comic Sans MS", cursive, sans-serif
      - Impact, Charcoal, sans-serif
      - "Lucida Sans Unicode", "Lucida Grande", sans-serif
      - Tahoma, Geneva, sans-serif
      - "Trebuchet MS", Helvetica, sans-serif
      - Verdana, Geneva, sans-serif
      - "Courier New", Courier, monospace
      - "Lucida Console", Monaco, monospace
    6. Jumlah maksimal gambar yang boleh dimasukkan: 4 gambar.
    7. Besar maksimal seluruh gambar: 100KB
    8. Besar maksimal file .HTML/.PHP yang boleh dibuat: 100KB
    9. Jumlah halaman yang dilombakan: 5 halaman. Terdiri dari:
      • 400 (Bad request) (Harus menyertakan kata-kata "400 Bad Request" dalam desainnya)
      • 401 (Authorization required) (Harus menyertakan kata-kata "401 Authorization required" dalam desainnya)
      • 403 (Forbidden) (Harus menyertakan kata-kata "403 Forbidden" dalam desainnya)
      • 404 (Not found) (Harus menyertakan kata-kata "404 Not Found" dalam desainnya)
      • 500 (Internal server error) (Harus menyertakan kata-kata "500 Internal Server Error" dalam desainnya)
    10. Desain yang dibuat harus menyertakan kata-kata "Departemen Teknis dan Komputasi Akira!"
    11. Jumlah huruf yang dapat digunakan: Unlimited
    12. Pemenang tidak terbatas hanya dari 1 orang.
      Artinya pemenang halaman 400 bisa saja berbeda dengan halaman 401

    Tata cara pengajuan desain
    Cukup posting code desain yang ada disini dengan bentuk:
    Jenis: HTML/PHP (Pilih salah satu) [Gunakan BBCode [*code]]
    Code:
    KODING HALAMAN ANDA
    CSS: (jika ada)
    Code:
    KODING CSS
    Link gambar yang digunakan (jika ada)
    1. http://www.tinypic.com/asafasada
    Contoh:
    Jenis: HTML
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
    
       <div class="content"> <br><br>
            <html>
    <body>
    <head><title>Error!</title></head><center>
    <img src="http://fc09.deviantart.net/fs71/f/2011/359/c/0/ncd_by_aegissheratan-d4k8ph6.png">
    <h1>You are not authorized to view this page</h1>
    
    <p>Akira! - Forum K&A Indonesia (2011)</p>
    
    </body>
    </html>
    
       </div>
    
       <span class="corners-bottom"><span></span></span></div>
    </div>
    Link gambar:
    1. http://fc09.deviantart.net/fs71/f/2011/ ... 4k8ph6.png

    Kriteria penilaian
    Kreatif, Inovatif, Informatif.

    Panitia (Dalam hal ini, saya dan Sheratan) diperbolehkan:
    1. Mengedit desain yang diambil menjadi pemenang atas dasar KEAMANAN
    2. Mengubah koding halaman yang diambil menjadi pemenang atas dasar KEAMANAN dan OPTIMISASI SEO.

    Hadiah
    1. GRP +10 dari saya
    2. Tag: Event Winner
    [​IMG]
    selama 1 bulan untuk 1 halaman.
    Kita punya 5 halaman yang diperlombakan. Artinya KALAU semuanya dimenangkan oleh 1 orang, maka orang itu berhak menyandang Event Winner selama 5 bulan dan +50 GRP

    May The Force be with you.
     
  2. Sheratan

    Sheratan Parental Advisory Staff Member Uploader Donatur Event Winner VN Development Team Masa Latihan

    3.728
    738
    248
    Update: Pemenang diambil perbulan setiap tanggal 30.
     
  3. Flame-kun

    Flame-kun 大蛇武錬葬! Staff Member

    529
    257
    148
    Macam begini kah?

    HTML code:
    Code:
    <html><head><title>error</title></head><body><img src="http://puu.sh/swdn"></body></html>
    Gw nggak ngerti kodenya biar height bisa disesuaikan sama browser.

    Link gambar:
    http://puu.sh/swdn

    Yang lainnya menyusul.
     
  4. Sheratan

    Sheratan Parental Advisory Staff Member Uploader Donatur Event Winner VN Development Team Masa Latihan

    3.728
    738
    248
    Antara benar dan salah.

    Benar karena:
    1. Sudah sesuai syarat, plus gambarnya cocok. :ok:

    Salah karena:
    1. Belum dijadikan HTML. @_@
     
  5. Dejiko

    Dejiko 6 years old Staff Member

    2.326
    547
    253
    hola, om~ :hai:

    Jenis : HTML (bahasa termudah sepanjang sejarah web desain :haha: )

    400
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content"> <br><br>
    <html>
    <head><title>Error!</title>
    </head>
    <body>
    <h1 align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira1.jpg" width="354" height="45"></h1>
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/400.jpg" width="250" height="256"></p>
    <h1 align="center">ERROR CODE : 400 BAD REQUEST </h1>
    <p align="center"><a href="http://komikanimasi.web.id/">Akira!</a> - Forum K&A Indonesia (2011)</p>
    
    <p align="center">&nbsp;</p>
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira2.jpg" width="528" height="35"></p>
    </body>
    </html>
    
       </div>
    
       <span class="corners-bottom"><span></span></span></div>
    </div>
    401
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content"> <br><br>
    <html>
    <head><title>Error!</title>
    </head>
    <body>
    <div align="center">
      <div align="left"><em>Error Code : 401 Autorization Required</em></div>
      <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/401.jpg" width="329" height="333"></p>
    </div>
    <h1 align="center">You are not authorized to view this page</h1>
    <p align="center"><a href="http://komikanimasi.web.id/">Akira!</a> - Forum K&A Indonesia (2011)</p>
    
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira3.jpg" width="528" height="132"></p>
    </body>
    </html>
    
       </div>
    
       <span class="corners-bottom"><span></span></span></div>
    </div>
    403
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content"> <br><br>
    <html>
    <head><title>Error!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
    <!--
    body,td,th {
    	color: #FFFFFF;
    }
    body {
    	background-color: #000000;
    }
    .style1 {color: #0066FF}
    -->
    </style></head>
    <body>
    <p><em>Error Code : 403 Forbidden</em></p>
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/403.jpg" width="186" height="240"></p>
    <h1 align="center">This Page is Forbidden for you </h1>
    <p align="center"><strong><a href="http://komikanimasi.web.id/">Akira!</a>- Forum K&amp;A Indonesia (2011)</strong></p>
    <p align="center"><strong>Departemen Teknisi dan Komputasi -<a href="http://komikanimasi.web.id/">Akira!</a></strong></p>
    </body>
    </html>
    404
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content"> <br><br>
    <html>
    <head><title>Error!</title>
    <style type="text/css">
    <!--
    .style2 {
    	font-size: 24px;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    }
    -->
    </style>
    </head>
    <body>
    <p><em>Error Code : 404 Not Found</em></p>
    <table width="601" border="0" align="center" cellpadding="2" cellspacing="2">
      <tr>
        <td width="354"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/404.jpg" width="350" height="335"></td>
        <td width="233" valign=middle><div align="center"><span class="style2">Halaman yang anda cari tidak dapat ditemukan atau telah diganti. Silahkan periksa kembali alamat tujuan atau hubungi Admin terdekat </span></div></td>
      </tr>
    </table>
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira3.jpg" width="528" height="132"></p>
    <p align="center"><a href="http://komikanimasi.web.id/">Akira!</a> - Forum K&A Indonesia (2011)</p>
    </body>
    </html>
    500
    Code:
    <div class="panel">
       <div class="inner"><span class="corners-top"><span></span></span>
       <div class="content"> <br><br>
    <html>
    <head><title>Error!</title>
    <style type="text/css">
    <!--
    .style1 {
    	font-size: 36px;
    	font-style: italic;
    	font-weight: bold;
    }
    body {
    	background-image: url();
    }
    -->
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    <body>
    <p align="center" class="style1">Error Code : 500 Internal Server Error </p>
    <hr>
    <h1 align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/500.gif" width="137" height="132"></h1>
    <p align="center"><a href="http://komikanimasi.web.id/">Akira!</a> - Forum K&A Indonesia (2011)</p>
    <p align="center"><img src="http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira2.jpg" width="528" height="35"></p>
    </body>
    </html>
    
       </div>
    
       <span class="corners-bottom"><span></span></span></div>
    </div>

    link gambar
    Code:
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira3.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira2.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/akira1.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/400.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/500.gif
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/404.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/403.jpg
    http://i1229.photobucket.com/albums/ee466/Dejiko1/Error/401.jpg

    SS

    desainnya sengaja saya buat berbeda-beda nyo (walaupun keliatannya beda dikit aja). biar ntar om bisa milih yang mana yang bagusnya dipakai

    kalau ada yang salah kasih tau ya, om :bye:

    =edit=
    mungkin seharusnya punya maso-tenshi itu begini
    Code:
    <html><head><title>error</title></head><body><img src="http://puu.sh/swdn"></body></html>
    kalau mau ngubah width sama height gambar tinggal diisi begini, <img src="http://puu.sh/swdn" width=xx height=xx>

    moga membantu :ok:
     
  6. Sheratan

    Sheratan Parental Advisory Staff Member Uploader Donatur Event Winner VN Development Team Masa Latihan

    3.728
    738
    248
    Oke... pemenang bulan lalu (Mei) Jatuh ketangan Dejiko. +50 GRP akan diberikan pada Dejiko. Sebagai konsekuensi, Dejiko tidak boleh ikut lomba ini di bulan Juni.
     
  7. Dejiko

    Dejiko 6 years old Staff Member

    2.326
    547
    253
    oke :ok: makasih om (kayaknya 50 banyak juga tuh)
     
Thread Status:
Not open for further replies.

Share This Page