XtGem Forum catalog

21-11-2017 13:24
My Wapmaster merupakan layanan online umpan web, yang terdiri dari tools atau alat pengelola untuk blogger, serta tutorial publikasi lain yang berbasis web.
Tips : Jika mendapati halaman blank ( blank Page ) silahkan gunakan halaman VERSI NORMAL Kami. tq

New Update

Template sederhana responsive 3 kolom

W3schools.com sumber aslinya, template ini super sederhana dengan sedikit css, tapi sudah sangat responsive, dengan template ini kita tidak perlu memikirkan lagi tampilan pada browser apapun, sangat nyaman dan simpel.

resp3k.jpeg


Di nakhodai warna putih dan teal, Tema ini terasa hidup di bawah air terjun yang mengalir tanpa henti, yang di temani 7 ikan marmaid yang tidak tersentuh oleh manusia, Hihii... lebay...
Berikut struktur yang diterapkan:

CSS Example

<style>/* Stylesheet 1: */ body {background-color:#eee; font: 100% Lucida Sans, Verdana; margin: 20px; line-height: 26px; }
img,textarea,pre,table,blockquote{max-width:100%; height:auto; }
.container { xmin-width: 900px; }
.wrapper { position: relative; overflow: auto; }
#top, #sidebar, #bottom, .menuitem { border-radius: 4px; margin: 4px; }
#top { background-color: teal; color: #ffffff; padding: 15px; }
#menubar { width: 200px; float: left }
#main { padding: 10px; margin: 0 210px; }
#sidebar { background-color: teal; color: #ffffff; padding: 10px; width: 180px; bottom: 0; top: 0; right: 0; position: absolute; }
#bottom { border: 1px solid #d4d4d4; background-color: #f1f1f1; text-align: center; padding: 10px; font-size: 100%; line-height: 14px; }
#top h1, #top p, #menulist { margin: 0; padding: 0; }
.menuitem { background-color: #f1f1f1; border: 1px solid #d4d4d4; list-style-type: none; padding: 2px; cursor: pointer; }
.menuitem:hover { background-color: #ffffff; }
a { color: teal; text-decoration: none; }
a:hover { text-decoration: underline; }
#sidebar ul, #sidebar ol{list-style-type:none;padding:0;margin:0} #sidebar ul li, #sidebar ol li{padding:6px 2px 6px 16px;border-bottom:1px solid #eee} ul.breadcrumb {font-size:12px; text-transform: capitalize; padding: 4px 2px; list-style: none; }
ul.breadcrumb li {display: inline;} ul.breadcrumb li+li:before { padding: 2px; color: black; content: "/a0"; }
@media (max-width: 800px) { #sidebar { width: auto; position: relative; } #main { margin-right: 0; } }
@media (max-width: 600px) { #menubar { width: auto; float: none; } #main { margin: 0; } }


HTML HEAD & NAV

<div class="container wrapper"> <div id="top"> <h1>My Wapmaster</h1> <p>Free Online Tools And Generator</p> </div> <div class="wrapper"> <div id="menubar"> <ul id="menulist"> <li class="menuitem"><a href="#">Sidebar 1</a> <li class="menuitem"><a href="#">Wapmaster</a> <li class="menuitem"><a href="#">Contact Us</a> <li class="menuitem"><a href="#">Back To Tutorial</a> </ul> </div>

HTML CONTENT

<div id="main"> <p><ul class='breadcrumb' itemscope itemtype="http://schema.org/BreadcrumbList"> <li class='breadcrumbs' itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="http://ykub.xtgem.com" title="Beranda"> <span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li class='breadcrumbs' itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="http://ykub.xtgem.com/Home" title="service menu"> <span itemprop="name">Breadcrumb</span></a> <meta itemprop="position" content="2" /> </li> <li class='breadcrumbs' itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="<xt:url />"> <span itemprop="name"><script type="text/javascript">document.write('<a title="'+document.title+'" href="<xt:url>#">'+document.title+'</a>');</script></span></a> <meta itemprop="position" content="3" /> </li> </ul></p>
<h2>Content Kolom Postingan</h2> <p> My Wapmaster merupakan layanan online umpan web, yang terdiri dari tools atau alat pengelola untuk blogger, serta tutorial publikasi lain yang berbasis web.</p><p>Jika Anda tertarik mempelajari template ini <a href="http://ykub.xtgem.com/">silahkan klik disini</a> untuk keterangan lebih lanjut. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus elementum justo at leo dignissim placerat ullamcorper eu ex. </p></div>

HTML Sidebar 2

<div id="sidebar"> <h3>SideBar 2</h3> <p> <div class="searchbox"> <form action="http://www.google.com/search" method="get" id="sform"> <input type="hidden" name="sitesearch" value="ykub.xtgem.com" /> <input type="search" id="s" name="q" placeholder="search"> <input type="submit" value="cari"> </form> </div></p> <p> <ol><li>Disini sidebar kedua, </li></ol> sidebar ini letaknya dibawah memanjang pada tampilan tab, dan kanan pada desktop, Anda dapat memanfaatkan sidebar ini buat recent post, iklan dsb </p> </div> </div>

HTML Footer

<div id="bottom"> <p><a href="http://ykub.xtgem.com/privacy" title="privacy policy">Site Privacy</a> | <a href="http://ykub.xtgem.com/contact" title="kontak">Contact Us</a></p> <p>&copy;<script language="JavaScript"> Year=new Date(); var copyright=Year.getUTCFullYear(); document.write(" " + copyright); </script> Powered By <a title="xtgem" href="http://www.xtgem.com">www.xtgem.com</a></p> <p><a href="http://ykub.xtgem.com" title="title blog">Back To Tutorial</a> </p> </div> </div>




Template sederhana responsive 3 kolom Rated 4.5/5 based on 144 reviews
Oleh yakubnay Pada 2016-07-16 18:45:18
Tags: css , Template
nche
2017-11-05 06:51:52

Ijin pasang yg ini om... Manteb dah..

nche
2017-11-03 06:00:00

Masangnya gimna om.. Nambah pusing xtgem haha

Web3
2017-02-20 23:48:04

keren gan,warnanya adem :)

Please login in order to post comments: Login | Signup

Random Post



Total Average Rating:
star star
2.3 Out Of 5
Total Votes: 337
Your Rating:

Copy Url

Shortlink

My Wapmaster
Rating 4 stars
Deskripsi "Free Online Tools And Generator"
Author
Keywords wapmaster, script, tools and generator, Css, Xtgem, Blog Mobile, Mywapblog

Sharing Is Caring


Join And Backlink

HomeChatbox
Wapmaster ServiceContact
PartnersBlog
Buku TamuPrivacy
main menu Buat Menu Sendiri Dan Dapatkan 350 Backlink Gratis Disini main menu

Info Pengunjung
Country United States
I.p54.166.188.64
Host ec2-54-166-188-64.compute-1.amazonaws.com
Layar
Kunjungan 53
BrowserCCBot/2.0

Social



android.png Adroid App

Berlangganan Via Email

Delivered by FeedBurner

Daftar dan sebarkan penyingkat link url Anda, langsung dapat Dollar Daftar Sekarang

Mau pasang iklan tapi ga punya Paypal, gimana mencairkannya, jadikan pulsa saja, caranya daftar disini

Wapsite ini sepenuhnya dibuat menggunakan ucweb, download dan browsing super cepat, berikut link download aplikasinya


Menu Cepat

23 jenis list style pada Css, apa saja itu?
Aturan Baru Jadi Sebab Bintang Timnas Laris di Malaysia
sang begal komentar xtgem itu bernama badwords
Template sederhana responsive 3 kolom
cara ampuh memindah xt auth subscribe xtgem

Back
Translate this page