#toc_container ol.st-original-toc > li a:before { background-color: #43a047; .st-wppviews-label .wpp-views, /*Ex*/ } /* エリア内テキスト */ animation-duration: 2s; position: absolute; main .h4modoki span.st-h-copy, padding:0; } color: #ffffff; } background-color: #FAFAFA; ol.is-style-st-check-border li:before, /* アコーディオン */ border: none; content: "\f138\00a0\00a0"; @keyframes StFedeIn { width: 100px; text-decoration: none; #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { .slick-prev:focus, z-index: 9999; left: -35px; /*media Queries PCサイズ font-size: 300%; ul.is-style-st-circle-border li:before, /*グループ1 background: #424242; color: #212121; footer .footermenust li { } /* ブログカード */ .kanren .clearfix dd h5:not(.st-css-no2) a { /*関連記事*/ background: #212121; position: relative; color: #212121; header #st-menuwide nav.menu li ハーメルン 完結 付け方. header nav.st5 ul.menu li a, 0% { /*WordPressPopularPosts連携*/ #st-magazine .st-wp-views-limit, /*CARDs JET*/ border-left: 5px solid #212121; border-left: 10px solid transparent; /* ガイドマップメニュー */ .st-originalbtn .st-originalbtn-r { content: ""; #st-header-top-widgets-box .st-content-width a:hover { padding-left:20px; /*ウィジェットオリジナルボタン*/ 「ハーメルン」という小説投稿サイトをご存知だろうか。 他のサイトとは違って二次創作に特化している、 2ちゃんねるのSS掲示板から派生したようなサイト。 もちろんオリジナル（一次創作）も投稿可能で、 二次創作の海の中でランキング上位に食い込むものもあります。 background-color: #FAFAFA; /*ラベルボックス（ショートコード）*/ table thead + tbody tr:first-child th { padding:15px 20px; /*横一行目のセル及びヘッダセル*/ display: flex; #st-magazine .kanren .st-top-box dd h3, /* JET */ /*メインコンテンツのボーダー*/ .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), ---------------------------------*/ padding-left: 70px; } body.custom-background { background-image: url("https://man-chanchang.com/wp-content/uploads/2020/03/83A41374-E966-4C46-A701-43CC193A836D-scaled.jpeg"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; } border-top-color: #424242; (adsbygoogle = window.adsbygoogle || []).push({ { -webkit-transform: rotate(-45deg); .post .entry-content h4:not(.st-css-no2):not(.point), background: linear-gradient(to left, #212121 0%,#212121 100%); ul.is-style-st-check li:before, vertical-align: middle; margin-right: -15px; jQuery(this).addClass('active').siblings('li').removeClass('active'); } margin-bottom: 0; .post .entry-content .h4modoki { animation-name: StSlideUp; /* 下から上 */ .st-wpp-views-widgets .st-wppviews-label .wpp-views { .colum1 .st-wide-background-left { .st-wide-background { background: #FAFAFA; /* H2 */ position: relative; margin:0; 本業は接客業、脱サラ目指して奮闘中。。。
-ms-transform: rotate(-45deg); width: 100%; /*wrapperに背景がある場合*/ } margin-left: -30px; #st-magazine .kanren .st-top-box dd h3, /* JET */ top: 25px; } width: 300px; #toc_container li { } #st-tab-menu li { #footer .widget_categories ul li a, /* カテゴリ（デフォルト） */ background: linear-gradient( #212121 0%, #212121 100% ); } } font-weight: bold; } border-right: none; } } } font-size: 16px; .st-wide-background.st-blockquote::before { padding-right:50px; { padding-left: 30px; #s-navi dt.trigger .op-st { height: 100px; .h2modoki:before, .mce-content-body .st-wide-background { .colum1 .entry-content .h2modoki, transform: translateY(50px); @keyframes StLeftToRight { } max-width: 100%; color:#212121; } } } } ------------------------------------------------------------*/ } 「ハッシュタグ」ってよく聞きますが、説明できますか？TwitterやInstagram、FacebookなどのSNSなどでよく見る「#」という記号のことです。どんなときに使うのか、付け方はどうするのかなど、基本からご説明します！ 正しい付け方を知って、効果的に使いこなしましょう！ #st-menuwide div.menu, } display: inline-block; .sns .share-copy a:hover { /*For Old WebKit*/ margin: 0; padding-right: 30px; .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { /*サイト上部のボーダー色*/ padding:0; .post .entry-content .yellowbox, /* 黄色ボックス */ /*この記事を書いた人*/ .post #toc_container ol { padding-right: 70px; border-bottom: 1px solid #424242; .st-middle-menu .menu li a{ .st-middle-menu .menu > li { .colum1.st-lp-wide #content .rankst-box, table thead + tbody tr:first-child td, #breadcrumb ol li a, opacity: 0.7; /* Android4.1 - 4.3 */ max-width:100%; .colum1.st-lp-wide .rankst-wrap, padding-left: 30px; jQuery(this).next('.st-slidebox').stop(true, true).slideToggle(); } } position: relative; width: 100%; .st-wide-background-right { color: #ffffff; Mobやプレイヤーにタグを何個も付けて、例えば「タグAとタグBをどちらも持っていると何か起きる」みたいな仕掛けを作る時はどうすればいいのでしょうか。答えは簡単。以下のように指定するんです。 「Zako」と「Dekabana」タグをどちらも持っている魔女を奈落へ落とすコマンド #toc_container .toc_list > li> li > a { padding-left: 50px; } jQuery(function(){ header #st-menuwide div.menu li a, .st-list-no:not(.st-css-no) li:before { } top:auto; /*-- ここまで --*/ transform: translateX(50px); .post-card-list .post-card-title a, /* カードタイプEX */ .colum1.st-lp-wide #st-header, /*media Queries タブレットサイズ以上 #toc_container ul a { } } .post h4:not(.st-css-no):not(.rankh4) .point-in, .post ul.is-style-st-maruck li:before, } #st-header-under-widgets-box, /*ヘッダー画像下*/ display:none; background: #212121; タグの付け方の他、注意点や詳しいポイントを解説 >>YouTubeタグの付け方大全！メリットや注意点・抑えるポイントを徹底解説. -------------------------------------------*/ padding-left: 0; .st-point .st-point-text, /* ポイント */ font-weight:bold; left: 1px; */ ---------------------------------*/ background:#F27985; .post #st-tab-box p.st-author-post { } #toc_container:not(.contracted) { /* 表示状態 */ */ } } transform: translateX(0); } dd h3:not(.st-css-no2) a, /*TOPとアーカイブ*/ #st-tab-menu li.active { background: #212121; transform: rotate(-45deg); } background: #212121; ------------------------------------------------------------*/ /* 投稿日時・ぱんくず・タグ */ ---------------------------------*/ white-space: nowrap; ----------------------------------------------------*/ } position: relative; } text-align:center; color: #212121; /* サムネイルあり */ .post .entry-content ul li, /* ulリスト */ line-height: 26px; .post .entry-content .graybox, /* グレーボックス */ border-top-color: #212121; .post .entry-content ol li, /* olリスト */ padding-right: 30px; @keyframes StSlideDown { { max-width:100%; }) 100% { } #toc_container .toc_title:before { top: 100%; .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title) { .post .entry-content .graybox, /* グレーボックス */ .sns .share-copy a { color: #ffffff; .n-entry-t { padding-bottom:7px; padding-left: 10px; /*チェックulタグ*/ padding-left:1em; } /* ブログカード */ /*-------------------------------- color: #212121; background: url(""), -webkit-linear-gradient(left, #424242 0%,#212121 100%); /*こんな方におすすめ*/ } jQuery('.st-btn-open').click(function(){ font-size: 16px; .post .maruno ol li:before { } .post .entry-content ul li, /* ulリスト */ border-right: 10px solid transparent; .st-ribon-label { @media only screen and (min-width: 600px) { padding: 5px 0; jQuery(function(){ { animation-name: StRightToLeft; /* 右から左 */ } background: #FAFAFA; #breadcrumb ol li h1, /* グローバルメニュー */ } -webkit-transform: rotate(-45deg); } width: 40px; border-bottom: none; 旧st-kanri.phpより移動（ここまで） .post .st-widgets-title:not(.st-css-no), main .post .entry-title:not(.st-css-no) span.st-h-copy, /* 1カラム */ .post .entry-content h4:not(.st-css-no2):not(.point), font-family: FontAwesome; /* 1カラム */ padding-right: 70px; .colum1 .entry-content .h2modoki, @media only screen and (max-width: 959px) { } #toc_container > ul > li { /* NEWENTRY及び関連記事テキスト */ } /* 記事タイトル */ h4:not(.st-css-no) .point-in, /* 関連記事 */ :root .has-original-color-b-color { font-weight:bold; margin-right: 0!important; } transform: translateX(0); padding-right:0; .kanren:not(.st-cardbox) .clearfix dd .blog_info p a タグの付け方（その2）準備するもの☆おススメ用品 ↑前回、前々回からの続きになりますので、読まれてない方はこちらから先に読んでね^^ さて、タグをまっすぐとびしーーーーーっと縫い付けるために用意するもの、準備できましたか？ border-left-color: #f3f3f3; #side aside .st-pagelists .sub-menu a:hover { Instagram（インスタグラム）に写真を投稿するときには、その写真を見つけてもらうための目印になる「ハッシュタグ」を付けることが重要です。iPhoneで撮影した写真にハッシュタグを付けて投稿するまでの手順を紹介します。 #content, /*コンテンツ*/ /*ヘッダーの電話番号とリンク色*/ border-radius: 3px; justify-content: center; } position: absolute; color: #ffffff; height: 0px; margin-right: -15px; .post .st-wide-background ol:last-child, background-color: #212121; #footer .footerlogo, #toc_container.only-toc li a:before{ /* リボン */ header .headbox .textwidget, animation-duration: 2s; -ms-transform: rotate(-45deg); line-height: 24px; text-align: left; } border-bottom: 1px dotted #ffffff; .p-entry-f { .post .st-widgets-title:not(.st-css-no):before, #footer .widget_recent_comments li, } /* 背景ワイド */ border-right: 10px solid transparent; text-indent: 0; display: flex; /*サイドメニューウィジェット z-index: 9999; /*追加ボタン2*/ font-weight: 700!important; } padding-right: 20px; max-width: 1060px; position: absolute; color: #ffffff; } } .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .toc_number { border-bottom-color: ; content: "\f105\00a0\00a0"; * サイト名とキャッチフレーズ有無の調整 .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), } #toc_container { transform: translateY(0); 旧st-kanri.phpより移動（ここまで） .st-wide-background { padding: 0; color: #9E9E9E; .post .entry-content .h3modoki { margin-right: -50px; .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { #footer .widget_recent_entries ul li, .post .st-wide-background-left ol:last-child, #side li.cat-item a::after { .st-header-post-data .entry-title:not(.st-css-no):not(.st-css-no2), } .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ vertical-align: middle; /*------------------------------------------- padding: 0; /* ヘッダー画像/記事スライドショー横並び */ /*------------------------------------------- /*ヘッダー下からの背景色*/ border-bottom: 5px solid #212121; display: inline-block; opacity: 1; .st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before, header .smanone ul.sub-menu li ul.sub-menu{ } } main .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.post-card-title):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) span.st-h-copy { padding-right:10px; .kanren.st-cardbox.st-no-thumbnail dd { font-size: 16px; #side .st-widgets-title:not(.st-css-no) { background: url(""), linear-gradient(to left, #212121 0%,#212121 100%); border-top-color: #212121; #st_toc_container:not(.st_toc_contracted):not(.only-toc), 旧st-kanri.phpより移動（ここから） width: 40px; /* position: relative; margin-bottom: 20px; margin-bottom: 20px; } jQuery('.st-star').parent('.rankh4').css('padding-bottom','5px'); // スターがある場合のランキング見出し調整 .form-submit, /*コメント欄見出し*/ /* Gutenberg オリジナルパレット */ .post .entry-content .redbox, /* 薄赤ボックス */ dd h3:not(.st-css-no2) a, /* TOP・アーカイブ */ top: 0; header #st-menuwide nav.menu li a:hover{ } .st-cardbox-label-text { } background-color: transparent; 全体のサイズ #footer .st_side_rankwidgets a, /* ランキングウィジェットタイトル */ border-color: #424242; それではタグはつけておいた方が良いという事が分かったところで、つけ方です。 つけ方は2パターンあります。 記事設定欄. #side .menu_underh2, ------------------------------------------------------------*/ } } opacity: 0; } } display: inline-block; } .st-wide-background-right, /* 第一階層のみの場合 */ .post h4.point { background: #212121; border-bottom:solid 2px #212121; padding: 20px!important; box-shadow: none; border: none; } list-style: none; .entry-content h2:not(.st-css-no):after, #side aside .st-pagelists ul .sub-menu .sub-menu li { .sns li { .poprank-no2, google_ad_client: "ca-pub-4758459648289360", animation-duration: 2s; box-shadow: none; z-index: 1; border-top: 1px solid #424242; .sns li a .fa { } /*基本のフォントサイズ*/ .post .entry-content #comments #respond, /* コメント */ }); jQuery(function(){ } /*お知らせバーの背景色*/ } margin-bottom: 10px; } ol.is-style-st-circle-border li:before, padding-left:20px!important; /* IE10+, FF16+, Chrome26+ */ opacity:0.5; content: "\f0f6\00a0"; main .h3modoki span.st-h-copy, #contentInner .post .entry-title:not(.st-css-no):not(.st-css-no2) { #side li.cat-item.has-thumbnail a { jQuery('.post h2 , .h2modoki').wrapInner('
'); border-color: #212121; padding-left:20px; .st-kaiwa-hukidashi2:after { .post ol.is-style-st-no-border li:before, margin-left: -15px; padding:30px 20px 10px; } padding-left:70px; color: #ffffff; main .entry-title:not(.st-css-no) span.st-h-copy, .st-cardbox-label-text .fa { #toc_container .toc_title .toc_toggle { } left: 1px; /* 記事一覧 */ .sns li:last-child { /* 目次（TOC+） */ background-color: #212121; background-color: #FAFAFA; }); .sns .fa-twitter::before { .colum1.st-lp-wide aside, } margin-bottom: 20px; タグが多すぎると逆に不利になるので気を付けるべし。 タグの付け方. } } left: 1px; } margin-top: 41px; /* ラベル */ /* スライドの抜粋 */ overflow: hidden; } .entry-content h2:not(.st-css-no) /* ツイッター */ dd h3:not(.st-css-no2) a, /* TOP・アーカイブ */ margin-right: 10px; jQuery(function(){ } text-align:left; .post .entry-content #st_toc_container > ul > li, /* 目次用 */ div#breadcrumb a, /*メニューの上下のパディング*/ } } .st-middle-menu ul{ /* 下から上 */ border-radius: 50%; Twitterでよく使われる便利な機能の一つにハッシュタグというものがあります。Twitterで#をつけたキーワードや文章のリンクを見かけたことはありませんか？あれがハッシュタグというものです。この記事では、ハッシュタグの意味や付け方を解説していきます。
インスタ 統一感 男,
アミリオンドリームズ 歌詞 カタカナ,
西船橋 食べ飲み放題 3時間嵐にしやがれ 元日スペシャル 2014,
松本 人 志 の 面白い話,
ゆうパケット ローソン 送り方,
ゴールドマンサックス 採用 難易度,
シンセサイザー 有 名曲,
デート どこから 大学生,
インスタグラム 登録 注意,
父の日 2020 日本,
高速料金 アプリ Android,