CSS
.led_1 { padding: 0.5em 1em; margin: 2em 0; background: -webkit-repeating-linear-gradient(-45deg, #4f81f7, #4f81f7 3px,#2460f4 3px, #2460f4 7px); background: repeating-linear-gradient(-45deg, #4f81f7, #4f81f7 3px,#2460f4 3px, #2460f4 7px);…
<div class="contact"><div class="contact"> <ul> <li>貴社名・団体名<span class="nok">*</span>[text* text-kaisya placeholder "株式会社〇〇"]</li> <li>お名前[text text-name placeholder "貨物 太郎"]</li> <li>電話番号[tel tel-712 placeholder "03-0000-0000"]</li> <li>メールアドレス<span class="nok">*</span>[url* url-319 placeholder "ka…</li></ul></div></div>
・font-family: "FOT-筑紫オールド明朝 Pro R", "TsukuOldMinPro-R", serif; ・font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvet…
footer.php ------ <footer> <div id="footer" class="clearfix"> <div class="footer_logo"> <img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="フッターロゴ"> </div> <div class="footer_contents"> <p>新潟本部/<br> 〒940-2023新潟県長岡市蓮潟5-5-17<br>TEL：0258-27-3310 FAX：0258-27-3320 </p> </div></div></footer>
index.html <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>
<style> .fa.fa-arrow-circle-o-right {color:#008fde; margin-right: 10px;font-size:22px;} .t_table_01 {width: 100%; } .t_table_01 tr {border-bottom: 2px solid #dedede;} .t_table_01 th {padding: 20px;width: 30%;border-bottom: 2.5px solid #dedede; ma…
全体の幅を100%にする /* 外枠を100%に */#headerTop,#header,#topMainBnrFrame,#topMainBnr img,#main,#footMenu{ width: 100% !important;} /* 内枠を少し小さく */.innerBox,#header .innerBox,#pageTitBnr .innerBox,#panList .innerBox,#footMenu .inne…
<style> .box_A {width:100%;} .box_b {width:45%; float:left;margin-right: 20px;} .boxb p {font-size: 28px; color:#008fde;} .box_bb {width:45%;float: left;} .t-table{width: 100%;max-width: 100%; margin-bottom: 20px;} .t-table th{border-top: 1px sol…
css .VideoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .VideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ----- single.php など ----- <div class="VideoWrapper"> </div>
サイズ（px） 表示場所 16×16 ブラウザのアドレス欄・タブ・ブックマーク（IE） 32×32 chrome、firefox、safari他主要ブラウザのタブ・ブックマーク 48×48 Windowsのサイトアイコン 64×64 高解像度のWindowsのサイトアイコン <link rel=”shortcut icon” href=”http://ファイルのパス/favicon.ico” /> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> </link></link>
/*--------------------- wp tossy ----------------------*/ /* コンテイナー */.container{width: 1000px; margin-left:auto; margin-right: auto;} /*- コンテンツ */.content{padding:0; box-sizing:border-box;} /*-- gaiyou large 大サイズ */.gaiyou-…
funcitons.php ---- // コンテンツ最大幅if(!isset($content_width)) { $content_width = 747;} // YouTube のビデオ ：<div>でマークアップfunction ytwrapper($return, $data, $url) { if($data->provider_name == 'YouTube') { return '<div class="ytvideo">' . $return . '</div>'; } el</div>…
<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>
/*-- h1 アニメーション --*/ .a-1 { -moz-animation-name: anime-to1; -moz-animation-duration: 3s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -webkit-animation-name: anime-to1; -webkit-animation-dur…
<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>
html ----- <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/youso.css"> <title>CSS 子要素</title></head><body> <ul> <li>HELOO</li> </ul></body></html>
<html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/font-awesome.min.css"> <title>ハンバーガーメニュー 右 上 2つ</title> <style> body { padding: 0…</link></meta></meta></meta></head></html>
index.html -------- <html lang="ja"> <head> <meta charset="utf-8"> <title>レスポンシブ 2017-1-15</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/styles.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> </html>
index.html ----- <html lang="ja"> <head> <meta charset="utf-8"> <title>ホバーで表示</title> <link rel="stylesheet" href="css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> </head> <body> <div class="col-4 gallery-item"> </div></body></html>
index.html --- <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <title>クリックで表示</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> </head> <body> <div id="read-more">もっと読む</div> <div id="more-text">…</div></body></html>
.container { .container width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .interview-box { display: inline-block; vertical-align: top; width: 44%; margin-left: 65px; margin-bottom: 60px; -----…
