Meiji
How do I make an meiji?
What is a meiji? How do you make a meiji? This script and codes were developed by Nugroho Indra Utomo on 17 October 2022, Monday.
Meiji - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>meiji</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Meiji</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/parts.css" rel="stylesheet" type="text/css">
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/jquery.js" language="JavaScript"></script>
<script src="js/rollover.js" language="JavaScript"></script>
<script src="js/jquery.fancybox-1.3.1.js" language="JavaScript"></script>
<script type="text/javascript">
$(document).ready(function() { $("#product1, #product2, #product3, #product4, #product5, #product6, #product7, #product8, #product9, #product10, #product11").fancybox({ 'titleShow' : false, 'autoScale' : false, 'width' : '687', 'height' : '647', 'overlayColor' : '#1b0b04', 'overlayOpacity' : '0.8', 'transitionIn' : 'fade', 'transitionOut' : 'fade' }); });
</script>
</head>
<body>
<div id="headerArea"> <div id="utilityArea"> <div class="logo"><a href=""><img src="images/logo.gif" alt="logo" title="logo" /></a></div> <ul class="link"> <li><a class="contact" href=""></a></li> <li><a class="sitemap" href=""></a></li> </ul> <div class="fontsize"> <p></p> <ul> <li class="small"><a href=""></a></li> <li class="medium"><a href=""></a></li> <li class="large"><a href=""></a></li> </ul> </div> <div class="search"> <form onSubmit="return" name="search_form"> <input id="i_search_input" class="text i_searchBox ui-autocomplete-input" type="text" name="kw" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></input> <input type="hidden" value="s" name="ie"></input> <input type="image" value="" onmouseout="this.src='images/hdbtn_search_off.gif'" onmouseover= "this.src='images/hdbtn_search_on.gif'" src="images/hdbtn_search_off.gif" <input> </form> </div> </div> <!---- /. utilityArea ----> <div class="menu-area"> <ul> <li class="product"><a href="products/">商品情報</a></li> <li class="campaign"><a href="gallery/">CM・キャンペーン</a></li> <li class="recipe"><a href="recipe/">レシピ</a></li> <li class="learning"><a href="learned/">知る・学ぶ</a></li> <li class="shopping"><a href="shopping/">ショッピング・宅配サービス</a></li> <li class="support"><a href="support/">お客様サポート</a></li> <li class="csr"><a href="csr/">CSR活動</a></li> <li class="company"><a href="corporate/"><img src="images/menu_companylink_off.gif" alt="企業情報" width="96" height="23"></a></li> </ul> </div> <div id="submenu-area"> <ul> <li><a href="https://catalog-p.meiji.co.jp/products/sweets/chocolate/"><img src="images/hdsub_coic_off.gif" onmouseover="this.src='images/hdsub_coic_on.gif'" onmouseout="this.src='images/hdsub_coic_off.gif'" alt="おかし・アイス" width="116" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/dairies/milk_drink/"><img src="images/hdsub_milk_off.gif" onmouseover="this.src='images/hdsub_milk_on.gif'" onmouseout="this.src='images/hdsub_milk_off.gif'" alt="乳製品" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/foods_drink/cocoa_powderdrink/"><img src="images/hdsub_drfd_off.gif" onmouseover="this.src='images/hdsub_drfd_on.gif'" onmouseout="this.src='images/hdsub_drfd_off.gif'" alt="食品・飲料" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/baby_mother/milkpowder/"><img src="images/hdsub_chca_off.gif" onmouseover="this.src='images/hdsub_chca_on.gif'" onmouseout="this.src='images/hdsub_chca_off.gif'" alt="ベビー&マザー" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/sportsnutrition/sports/"><img src="images/hdsub_sprt_off.gif" onmouseover="this.src='images/hdsub_sprt_on.gif'" onmouseout="this.src='images/hdsub_sprt_off.gif'" alt="スポーツ栄養" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/beauty_health/beauty/"><img src="images/hdsub_hebe_off.gif" onmouseover="this.src='images/hdsub_hebe_on.gif'" onmouseout="this.src='images/hdsub_hebe_off.gif'" alt="美容・健康" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/medicalfoods/nutritional_products/"><img src="images/hdsub_lcfd_off.gif" onmouseover="this.src='images/hdsub_lcfd_on.gif'" onmouseout="this.src='images/hdsub_lcfd_off.gif'" alt="栄養食品・流動食" width="115" height="22"></a></li> <li><a href="https://catalog-p.meiji.co.jp/products/drug/isodine/"><img src="images/hdsub_frmc_off.gif" onmouseover="this.src='images/hdsub_frmc_on .gif'" onmouseout="this.src='images/hdsub_frmc_off.gif'" alt="くすり" width="115" height="22"></a></li> </ul> </div> <!-- //div.submenu-area -->
</div>
<!-- headerArea -->
<div id="wrap"> <div id="wrapInner"> <!-- / Header Area --> <div id="dirPathArea"></div> <div id="mainArea"> <!-- ==================== Contents Area ==================== --> <div id="contents"> <!--#milch_product--> <div id="milch_product" class="clearfix"> <!--#shareBt--> <div id="shareBt" class="clearfix"> <ul> <li class="fb"> <iframe src="https://www.facebook.com/plugins/like.php?app_id=160324944057915&href=http%3A%2F%2Fwww.meiji.co.jp%2Fsweets%2Fchocolate%2Fmchoco%2F&send=false&layout=button_count&width=120&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowtransparency="true"></iframe> </li> <li class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-text="しあわせをはかるものさしが、チョコレートだったら。明治ミルクチョコレート。 #meiji_milkchocolate" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></li> </ul> </div> <!--/#shareBt--> <!--#headBlock--> <div id="headBlock"> <div class="milk"> <h1><a href="/sweets/chocolate/mchoco/"><img src="images/logo_001.png" alt="ミルクチョコレート"></a></h1> </div> <div id="breadcrumb"> <ul> <li><a href="/sweets/chocolate/mchoco/">top</a></li> <li>商品情報</li> </ul> </div> </div> <!--/#headBlock--> <!--#contentsInner--> <div id="contentsInner"> <ul class="leftColumn"> <li class="leftColumnBlock001"><a href="#"><img src="images/block_image_17_off.png" alt="商品情報" width="160" height="86" id="商品情報"></a></li> <li class="leftColumnBlock001"><a href="/sweets/chocolate/mchoco/history/index.html"><img src="images/block_image_16_off.png" alt="ミルチ・ヒストリー" width="160" height="86" id="ミルチ・ヒストリー"></a></li> <li class="leftColumnBlock001"><a href="/sweets/chocolate/mchoco/ad/index.html"><img src="images/block_image_15_off.png" alt="ミルチの新聞広告" width="160" height="86" id="ミルチの新聞広告"></a></li> <li class="leftColumnBlock001"><a href="/sweets/chocolate/mchoco/story/index.html"><img src="images/block_image_14_off.png" alt="ミルチのおはなし" width="160" height="86" id="ミルチのおはなし"></a></li> <li class="leftColumnBlock001"><img src="images/block_image_13.png" alt=""></li> <li class="leftColumnBlock001"><img src="images/block_image_13.png" alt=""></li> </ul> <!--.rightColumn--> <div class="rightColumn"> <!--.rightColumnBlock001--> <div class="rightColumnBlock001"> <div class="itemListContent"><a id="product1" href="#popup1"><img src="images/block_image_01_off.png" alt="ミルクチョコレート" id="ミルクチョコレート"></a> <div class="desc"> <div id="popup1" class="popupbox" > <div class="img_box"><img src="images/product_img_001.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ミルクチョコレート</dt> <dd class="product_description"> 厳選された材料を使ったチョコレートだけが名乗れる「ピュアチョコレート」の称号。</dd> <dd class="product_description">芳醇なカカオとミルクの味と香りをお楽しみください。</dd> <dd class="product_description">ガナッシュやチョコレートケーキなど手作りチョコレートの材料にも最適です。</dd> <dd class="product_weight">■ 内容量・・・・・50g</dd> </dl> </div> </div> </div> <div class="itemListContent"><a id="product2" href="#popup2"><img src="images/block_image_02_off.png" alt="ブラックチョコレート" id="ブラックチョコレート"></a> <div class="desc"> <div id="popup2" class="popupbox" > <div class="img_box"><img src="images/product_img_002.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ブラックチョコレート</dt> <dd class="product_description">キレのある上質な苦みに、カカオが華やかに香る、こだわりのビターチョコレートです。</dd> <dd class="product_weight">■ 内容量・・・・・50g</dd> </dl> </div> </div> </div> <div class="itemListContentLast"><a id="product6" href="#popup6"><img src="images/block_image_06_off.png" alt="ホワイトチョコレート" id="ホワイトチョコレート"></a> <div class="desc"> <div id="popup6" class="popupbox" > <div class="img_box"><img src="images/product_img_006.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ホワイトチョコレート</dt> <dd class="product_description">原料を厳選し、コクのあるミルク感とすっきりした後味を実現した明治伝統のホワイトチョコレートです。</dd> <dd class="product_weight">■ 内容量・・・・・40g</dd> </dl> </div> </div> </div> </div> <!--/.rightColumnBlock001--> <!--.rightColumnBlock001--> <div class="rightColumnBlock001"> <div class="itemListContent"><a id="product4" href="#popup4"><img src="images/block_image_04_off.png" alt="ミルクチョコレートBOX" id="ミルクチョコレートBOX"></a> <div class="desc"> <div id="popup4" class="popupbox" > <div class="img_box"><img src="images/product_img_004.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ミルクチョコレート BOX</dt> <dd class="product_description">芳醇なカカオとミルクの味と香りが味わえる、明治を代表するピュアチョコレート。食べやすいひと口サイズです。</dd> <dd class="product_weight">■ 内容量・・・・・28 枚</dd> </dl> </div> </div> </div> <div class="itemListContent"><a id="product5" href="#popup5"><img src="images/block_image_05_off.png" alt="ブラックチョコレートBOX" id="ブラックチョコレートBOX"></a> <div class="desc"> <div id="popup5" class="popupbox" > <div class="img_box"><img src="images/product_img_005.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ブラックチョコレートBOX</dt> <dd class="product_description">キレのある上質な苦みに、カカオが華やかに香る、こだわりのビターチョコレート。食べやすいひと口サイズです。</dd> <dd class="product_weight">■ 内容量・・・・・28 枚</dd> </dl> </div> </div> </div> <div class="itemListContentLast"><a id="product3" href="#popup3"><img src="images/block_image_03_off.png" alt="ハイミルクチョコレート" id="ハイミルクチョコレート"></a> <div class="desc"> <div id="popup3" class="popupbox" > <div class="img_box"><img src="images/product_img_003.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ハイミルクチョコレート</dt> <dd class="product_description">上質な素材を使って、ミルク本来の香りとコクにこだわったチョコレートです。</dd> <dd class="product_weight">■ 内容量・・・・・50g</dd> </dl> </div> </div> </div> </div> <!--/.rightColumnBlock001--> <!--.rightColumnBlock001--> <div class="rightColumnBlock001"> <div class="itemListContent"><a id="product7" href="#popup7"><img src="images/block_image_07_off.png" alt="ベストスリー袋" id="ベストスリー袋"></a> <div class="desc"> <div id="popup7" class="popupbox" > <div class="img_box"><img src="images/product_img_007.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ベストスリー袋</dt> <dd class="product_description">芳醇なカカオとミルクの味と香りが味わえるミルクチョコレートと、ミルク本来の香りとコクにこだわったハイミルクチョコレート、キレのある上質な苦みに、カカオが華やかに香るこだわりのブラックチョコレートの人気3商品が1袋になったエンジョイパックです。</dd> <dd class="product_weight">■ 内容量・・・・・184g</dd> </dl> </div> </div> </div> <div class="itemListContent"><a id="product8" href="#popup8"><img src="images/block_image_08_off.png" alt="ブラックチョコレート粒" id="ブラックチョコレート粒"></a> <div class="desc"> <div id="popup8" class="popupbox" > <div class="img_box"><img src="images/product_img_008.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ブラックチョコレート粒</dt> <dd class="product_description">ちょっとビターな大人な味わいのブラックチョコレート。手につきにくい粒タイプ。</dd> <dd class="product_weight">■ 内容量・・・・・38g</dd> </dl> </div> </div> </div> <div class="itemListContentLast"><a id="product9" href="#popup9"><img src="images/block_image_09_off.png" alt="ハイミルクチョコレート" id="ハイミルクチョコレート_2"></a> <div class="desc"> <div id="popup9" class="popupbox" > <div class="img_box"><img src="images/product_img_009.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ハイミルクチョコレート粒</dt> <dd class="product_description">まろやかなミルクのコクがおいしい、ハイミルクチョコレート。手につきにくい粒タイプ。</dd> <dd class="product_weight">■ 内容量・・・・・38g</dd> </dl> </div> </div> </div> </div> <!--/.rightColumnBlock001--> <!--.rightColumnBlock001--> <div class="rightColumnBlock001"> <div class="itemListContent"><a id="product10" href="#popup10"><img src="images/block_image_10_off.png" alt="ミルクチョコレートススティックパック" id="ミルクチョコレートススティックパック"></a> <div class="desc"> <div id="popup10" class="popupbox" > <div class="img_box"><img src="images/product_img_010.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ミルクチョコレートスティックパック 10枚</dt> <dd class="product_description">芳醇なカカオとミルクの味と香りが味わえる、明治を代表するピュアチョコレー ト。</dd> <dd class="product_description">携帯しやすいスティックタイプです。</dd> <dd class="product_description">【コンビニエンスストア・駅売店などでお買い求めいただけます】</dd> </dl> </div> </div> </div> <div class="itemListContent"><a id="product11" href="#popup11"><img src="images/block_image_11_off.png" alt="ブラックチョコレートスティックパック" id="ブラックチョコレートスティックパック"></a> <div class="desc"> <div id="popup11" class="popupbox" > <div class="img_box"><img src="images/product_img_011.png" alt="img" /></div> <div class="img_separator"></div> <dl> <dt class="product_name">ブラックチョコスティックパック 10枚</dt> <dd class="product_description">キレのある上質な苦みに、カカオが華やかに香る、こだわりのビターチョコレー ト。</dd> <dd class="product_description"><br></dd> <dd class="product_description">携帯しやすいスティックタイプです。</dd> <dd class="product_description">【コンビニエンスストア・駅売店などでお買い求めいただけます】</dd> </dl> </div> </div> </div> </div> <!--/.rightColumnBlock001--> </div> <!--/.rightColumn--> </div> <!--/#contentsInner--> </div> <!--/#milch_product--> </div> </div> <!-- / Main Area --> <!-- / Footer Area --> </div> <!-- wrapInner -->
</div>
<!-- wrap -->
<div class="clear"></div>
<div id="footerArea"> <div id="footer-inner"> <p class="copyright"><a href="https://www.meiji.co.jp/"><img src="images/ft_logo.gif" border="0" alt="株式会社 明治 Copyright Meiji Co., Ltd. All Rights Reserved." width="180" height="25"></a></p> <ul class="company-link"> <li><a href="http://www.meiji.com/" target="_blank">明治ホールディングス株式会社</a></li> <li><a href="https://www.meiji-seika-pharma.co.jp" target="_blank">Meiji Seika ファルマ株式会社</a></li> </ul> <ul class="utility-link"> <li class="privacy"><a href="https://www.meiji.co.jp/privacy/">個人情報保護について</a></li> <li class="rules"><a href="https://www.meiji.co.jp/regulation/">ご利用規約</a></li> </ul> </div> </div>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>
Meiji - Script Codes CSS Codes
@charset "utf-8";
/*===============
contain : construct page layout like page background,
header, footer, global navigation and so on =====*/
/*----- contents ------- 1: Wrap Section 2: Header Area : gnavArea 3: Main Area : contentArea : sideArea 4: Footer Area
----------------------*/
/*
===== 1: Wrap Section ===========================*/
#wrap { margin: 0px; padding: 0px;
}
#wrap #wrapInner { width: 950px; height: 350px; margin: 0px auto; /*border:1px solid black;*/
}
/*
===== 2: Header Area ============================*/
#headerArea { width:100%; height:125px; background-image:url(../images/bg_header.gif); background-repeat:repeat-x; background-color:#d1cab2;
}
#headerArea #utilityArea { width:930px; height:60px; overflow:hidden; position:relative; margin:0 auto;
}
#headerArea #utilityArea .logo { margin:10px 0 0 0; float:left; width:155px; height:41px; background-color:red;
}
#headerArea #utilityArea .link { position:absolute; display:block; left:485px; top:31px;
}
#headerArea #utilityArea .link li { display:block; float:left;
}
#headerArea #utilityArea .link li .contact { display:block; width:74px; height:11px; background-image:url(../images/hdbtn_contact.gif); background-position:top; margin-right:8px;
}
#headerArea #utilityArea .link li .contact:hover { background-image:url(../images/hdbtn_contact.gif); background-position:bottom;
}
#headerArea #utilityArea .link .sitemap { background-image:url(../images/hdbtn_sitemap.gif); display:block; width:75px; height:11px; background-position:top;
}
#headerArea #utilityArea .link .sitemap:hover { background-image:url(../images/hdbtn_sitemap.gif); background-position:bottom;
}
/*--------------/.search -------------------*/
#headerArea #utilityArea .fontsize { position:absolute; left:653px; top:31px;
}
#headerArea #utilityArea .fontsize p { width:52px; height:11px; background-image:url(../images/hdtitle_fontsize.gif); display:block;
}
#headerArea #utilityArea .fontsize ul { display:block; float:left; margin:0 0 0 55px;
}
#headerArea #utilityArea .fontsize ul li { display:block; float:left; margin:0 3px 0 0;
}
#headerArea #utilityArea .fontsize ul .small a { background-image:url(../images/hdbtn_fontsize_small.gif); background-position:bottom; width:16px; height:16px; display:block; margin:-13px 0 0 0;
}
#headerArea #utilityArea .fontsize ul .medium a { background-image:url(../images/hdbtn_fontsize_middle.gif); background-position:top; width:18px; height:18px; display:block; margin:-15px 0 0 0;
}
#headerArea #utilityArea .fontsize ul .large a{ background-image:url(../images/hdbtn_fontsize_large.gif); background-position:top; width:20px; height:20px; display:block; margin:-17px 0 0 0;
}
#headerArea #utilityArea ul li.sitemap { width:75px; height:11px; float:left; background-image:url(../images/hdbtn_sitemap.gif); display:block; position:relative;
}
/*--------------/.search -------------------*/
#headerArea #utilityArea .search { width:150px; height:30px; position:absolute; top:25px; right:1px;
}
#headerArea #utilityArea .search input { float:right;
}
#headerArea #utilityArea .search input.text { display:block; border:1px solid #ABA99F; width:102px; height:18px; float:left;
}
/*--------------/.menu-area -------------------*/
#headerArea .menu-area { margin:auto; width:950px; height:auto; background-color:red;
}
#headerArea .menu-area ul { padding-left:1px; display:block;
}
#headerArea .menu-area li { background-image:url(../images/menu_border.gif); background-position:right center; height:35px; display:block; float:left; padding-right:1px;
}
#headerArea .menu-area li.product a {
width:105px;
}
#headerArea ul li.product a{ display:block; float:left; width:107px; height:33px; position:relative; background:url(../images/menu_product.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.campaign a{ display:block; float:left; width:143px; height:33px; position:relative; background:url(../images/menu_campaign.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.recipe a{ display:block; float:left; width:87px; height:33px; position:relative; background:url(../images/menu_recipe.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.learning a{ display:block; float:left; width:107px; height:33px; position:relative; background:url(../images/menu_learning.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.shopping a{ display:block; float:left; width:160px; height:33px; position:relative; background:url(../images/menu_shopping.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.support a{ display:block; float:left; width:122px; height:33px; position:relative; background:url(../images/menu_support.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.csr a{ display:block; float:left; width:103px; height:33px; position:relative; background:url(../images/menu_csr.gif)#ffffff; background-position:center 0px; text-indent:-9999px;
}
#headerArea ul li.company a{ display:block; float:left; margin:0px 8px 0px 8px; height: 33px;
}
#headerArea ul li.company a img{ margin-top:6px;
}
#headerArea .menu-area ul li:last-child{ background: url(../images/menu_border.gif); background-position:right center; background-repeat:no-repeat;
}
/*----------------- /submenu-area ------------------*/
#headerArea #submenu-area{ display:block; position:relative; width:950px; height:30px; margin:auto;
}
#headerArea #submenu-area ul li{ float:left; padding:4px 0px; margin-right:0px; margin-left:3px;
}
/*
===== 3: Main Area ===============================*/
#mainArea {
}
/* contentArea
----------------------------*/
#mainArea #contentArea {
}
@charset "shift_jis";
/* CSS Document */
.desc { display: none;
}
.popupbox { width: 620px; height: 600px; overflow: auto;
}
.popupbox .img_box { width: 550px; height: 280px; text-align: center; vertical-align:middle; margin:35px auto 25px auto;
}
.popupbox .img_separator { width: 620px; height: 24px; background-image:url(../images/fancybox_line.png); background-repeat:no-repeat; background-position:center;
}
.popupbox dl { font-size:14px; color:#40221c; padding:0 24px;
}
.popupbox dl .product_name { font-size:26px; color:#926d23; margin:20px 0; padding:0 0px;
}
.popupbox dl .product_description { margin:0 0 10px 0;
}
.popupbox dl .product_weight { font-size:14px; color:#40221c; margin:20px 0 0 0; padding:0 0px;
}
/*===============
milch_product
===============*/
#milch_product { width: 950px; height: 1190px; margin: 0 auto; font-family: Meiryo;
}
#milch_product #shareBt { width: 950px; height: 34px; margin: 6px auto 0;
}
#milch_product #shareBt ul { margin: 0px;
}
#milch_product #shareBt ul li { float: right; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 7px; list-style-type: none;
}
.twitter { width: 98px; margin-right: 10px;
}
.fb { margin-right: -25px;
}
/*===============
headBlock
===============*/
#milch_product #headBlock { width: 950px; height: 73px; margin-bottom: 23px;
}
#milch_product #headBlock #breadcrumb { background-color: #ebe3ce; color: #000; font-size: 11pt; margin: 17px 0 0 200px; text-align: left; float: left; height: 39px; width: 745px; background: url(../images/block_image_12.png) no-repeat;
}
#milch_product #headBlock #breadcrumb ul{ float:left; margin: 0 0 0 20px;
}
#milch_product #headBlock #breadcrumb li{ float:left; list-style-type:none; display:block; color:#FFF; margin: 8px 71px 0 0px;
}
#milch_product #headBlock #breadcrumb a { text-decoration: underline; text-transform: uppercase; color: #3f211b; display: inline-block;
}
#milch_product #headBlock #breadcrumb span { color: #3f211b;
}
#milch_product #headBlock .milk { position:absolute; width: 205px; height: 73px; float: left; margin: 0px 0px 0px 0px;
}
/*===============
contentsInner
===============*/
#milch_product #contentsInner { width: 950px; height: 1053px;
}
#milch_product #contentsInner .leftColumn { display:block; list-style:none; margin:0px; padding:0px; width: 160px; height: 528px; float: left;
}
#milch_product #contentsInner .leftColumn .leftColumnBlock001 { width: 167px; height: 88px;
}
#milch_product #contentsInner .rightColumn { width: 751px; height: 1054px; float: right;
}
#milch_product #contentsInner .rightColumn .rightColumnBlock001 { width: 751px; height: 230px; margin: 0 0px 26px 0;
}
#milch_product #contentsInner .rightColumn .rightColumnBlock001 .itemListContent { width: 230px; height: 230px; margin: 0 26px 0 0; float: left;
}
#milch_product #contentsInner .rightColumn .rightColumnBlock001 .itemListContentLast { width: 230px; height: 230px; margin: 0 0px 0 0; float: left;
}
#milch_product #contentsInner .rightColumn .rightColumnBlock001 .itemListContent .img_center { text-align: center;
}
/* SNS Area */
#contents #milch_product #shareBt{margin: 0px;}
/* sideArea
----------------------------*/
#mainArea #sideArea {
}
/*
===== 3: Footer Area =============================*/
#footerArea { height: 70px; margin: 0px auto; line-height: 11px; background-color: #FFF; border-top: 2px solid #F00;
}
#footerArea #footer-inner{ width: 950px; margin: 0px auto;
}
#footerArea #footer-inner p.copyright{ float:left;
}
#footerArea #footer-inner p.copyright a{ display:block; margin-top:18px; margin-left:5px;
}
#footerArea #footer-inner ul.utility-link{ float:right; margin-top:15px;
}
#footerArea #footer-inner ul.utility-link li{ float:left; padding-left: 8px; background:url(../images/ft_utility_listitem.gif); background-position:left bottom; background-repeat:no-repeat; margin-right:12px;
}
#footerArea #footer-inner ul.utility-link li a{ color: #4E4E4E; font-size: 10px;
}
#footerArea #footer-inner ul.company-link{ float:right; margin-top:15px;
}
#footerArea #footer-inner ul.company-link li{ float:left; padding-left: 14px; background:url(../images/footer_ec_002.gif); background-position:left bottom; background-repeat:no-repeat; margin-right:12px;
}
#footerArea #footer-inner ul.company-link li a{ color: #4E4E4E; font-size: 10px;
}
.clear { clear: both;
}
Meiji - Script Codes JS Codes
function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { try{ if(images[i].getAttribute("src").match("_off.")) { images[i].onmouseover = function() { this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on.")); } images[i].onmouseout = function() { this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off.")); } } }catch(e){ //getAttribute } } }
}
if(window.addEventListener) { window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) { window.attachEvent("onload", smartRollover);
}
Developer | Nugroho Indra Utomo |
Username | indra_z85 |
Uploaded | October 17, 2022 |
Rating | 3 |
Size | 8,051 Kb |
Views | 34,408 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
JQuery Dropdown Menu | 3,726 Kb |
Responsive2 | 7,059 Kb |
Task | 5,383 Kb |
Javascript only | 2,016 Kb |
Template | 2,323 Kb |
Parents | 3,676 Kb |
Club t | 8,583 Kb |
Fancy box effect | 19,982 Kb |
Slider hover | 2,000 Kb |
Track2 | 10,828 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Resize image | Happyhj | 1,892 Kb |
Scroll effect with text with help from Skrollr | Luxonglassing | 2,935 Kb |
Sticky Navbar | Phantomesse | 5,106 Kb |
Weather App | Kw7oe | 3,162 Kb |
Basic 3D Fullscreen Transition | Apetrov | 3,270 Kb |
See Through | Larrygeams | 77,410 Kb |
Countdown Timer | Massiebn | 3,001 Kb |
Mobile Sub Menu Concept | Berdejitendra | 2,790 Kb |
Video mute | Leon9208 | 2,131 Kb |
A Pen by Theun | Tjoen | 6,152 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!