[ 編集 ] [ 返信 ]

「素材屋風」枠加工見本&フリスペタグ

PNG 1000x858 254.7kb

 

一つ前の投稿、枠画像の、加工例です。CSSは前投稿のものが使用できます。

(加工例画像は、自分で撮影した写真↓を、加工したものです。→画像配布頁

「素材屋風」枠左上の写真部分は、800x300の画像を縮小して使用できます(二次加工OKの画像をご使用ください))

【4】フリースペースタグ

<div id="aifure1">◆アイフレ1の中身◆</div>
<div id="aifure2">◆アイフレ2の中身◆</div>
<div id="aifure3">◆アイフレ3の中身◆</div>

[23] 阿檀 (2013/11/07 Thu 00:12) web


残り98件

  1. [22] 「素材屋風」枠と、サイズあわせ済みCSSのセットです。
    なお、記事スクロールは違反の可能性残ります。自己責任で使用してください。→[公開規約守ります]
    枠画像は自由に加工してお使いください。(巨大広告が出ても広告が隠れないようになっています)

    (フリースペースタグは次コメントに書きます)

    【1】《Ameba》ブログ「CSS編集用デザイン」の「3カラム・右ワイドメニュー」を使用してください。

    【2】CSSを全部消してください。

    【3】「色どりCSS」作成頁で文字色指定CSSを作って、入れてから、
    下記のCSSを追加してください。
    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    /* 《恋ブロ》配布
    この3行削除不可…・画像変更OK・カスタマイズ追加OK…・パスワード貸し借りでの使用禁止…
    ヘッダ画像に、「自分で描いた絵」「自分で撮影した写真」を入れる場合には再配布OK*/

    /*◆画像◆*/

    /*▼背景*/
    body{
    background-image:url(http://…….gif);/*≪カッコ内に背景画像URL★*/
    min-width:1000px;/*「素材屋」画像幅★4ケ所-1*/
    padding:0 0 20px 0;
    }

    /*▼「素材屋」画像*/
    .skinFrame2{
    background:url(http://…….gif) bottom left no-repeat;/*≪カッコ内に「素材屋」画像URL★*/
    width:1000px!important;/*「素材屋」画像幅★4ケ所-2*/
    min-height:858px;/*「素材屋」画像高さ★*/
    position:relative;
    margin:0 auto;
    padding:0;
    overflow:visible;
    z-index:1;
    }

    /*◆レイアウト◆*/
    .skinContentsArea{
    width:1000px!important;/*「素材屋」画像幅★4ケ所-3*/
    padding:0;
    overflow:visible;
    }

    /*▼ヘッダ部*/
    .skinHeaderFrame{
    width:1000px;/*「素材屋」画像幅★4ケ所-4*/
    height:7px;/*脇カラム上余白★*/
    /*広告を「移動しない」ために、この「高さ」で右カラムの開始高さを調整する*/
    }

    /*▼ヘッダ部トップリンク*/
    .skinTitle{
    left:0px;/*トップリンク左位置★*/
    bottom:611px;/*トップリンクした位置★*/
    width:656px;/*トップリンク幅★*/
    height:245px;/*トップリンク高さ★*/
    position:absolute;
    text-indent:-9999px;
    display:block;
    z-index:3;
    }

    /*▼メインエリア(記事部)幅*/
    .skinMainArea{
    left:212px;/*記事部左位置★*/
    bottom:7px;/*記事部下位置★*/
    width:438px!important;/*記事部幅★*/
    height:588px;/*記事部高さ★*/
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
    z-index:2;
    }

    .pagingArea{
    width:418px!important;/*記事部幅-20★*/
    }
    /*ページング*/
    .pagingNext {
    left:259px;/*「pagingArea÷2+50」pxくらい★*/
    }
    .pagingPrev {
    right:259px;/*「pagingArea÷2+50」pxくらい★*/
    }
    /* 記事一覧タブ */
    .tabArea{
    margin-top:10px;
    }
    .tab {
    width: 108px;
    min-width:108px;
    max-width:108px;
    padding:3px 0px;
    font-size:12px;
    }
    #resPointArea #resPoint li{
    display:block;
    float:left;
    }

    .skinMenuHeader{
    background:none;
    }
    .skinMenuBody{
    background:none;
    border:none;
    padding:0px;
    }

    .tabArea{
    margin:0 8px;
    }
    .listContentsArea{
    margin:0 6px;
    }
    .commentArea{
    margin:6px;
    }

    /*広告カラム*/
    .skinSubA{
    float:none!important;
    margin-left:471px;
    width:317px!important;/*広告カラム幅★*/
    }
    .skinSubA2{
    width:300px!important;
    background:#ffffff;
    }

    /*広告なしカラム*/
    .skinSubB{
    width:0px!important;
    height:0px!important;
    overflow:hidden;
    }

    /*◇共通設定ここから◇*/
    .skinDescriptionArea{
    display:none;
    }
    /*一番上のナビを消す*/
    .userLinkArea,
    .userLinkArea + .pagingArea{display:none;}

    .skinArticle,
    .skinMenuHeader,
    .skinMenu,
    .skinMenuBody{
    border:none!important;
    background:transparent!important;
    }
    .skinBgColor,
    .skinBaseBgColor,
    .skinWeakBgColor,
    .skinBaseWeakBgColor,
    .skinStrongBgColor,
    .skinBaseStrongBgColor,
    .skinSimpleBtn:hover,
    .skinSimpleBtn:focus{
    background-color:transparent;
    }
    .skinArticleHeader,
    .skinBorderColor,
    .skinBaseBorderColor,
    .skinBorderHr,
    .skinBorderList li,
    .skinSubHr, .skinSubList li{
    border:none!important;
    }

    .registBtnArea{
    width:120px;
    margin-right:12px;
    border:#aaa solid 1px;
    border-radius:6px;
    float:right;
    }
    .skinImgBtnM{
    background:none;
    width:84px;
    padding:7px 18px;
    height:40px;
    display:block;
    vertical-align: middle;
    overflow: hidden;
    }
    .skinImgBtnM span {
    text-align:center;
    height: 40px;
    line-height:20px;
    }
    .subModule{
    margin:7px 0 14px 0;
    }
    .rss{
    position:relative;
    left:76px;
    bottom:60px;
    width:120px!important;
    height:0;
    }
    .rssBtn,.rssDescription{
    height:17px;
    line-heigth:17px;
    }
    .globalLinkArea{
    display:none
    }

    /*◇共通設定ここまで◇*/

    /*◆アイフレ◆*/
    /*▼アイフレ共通*/
    .freespaceArea{
    width:0px;
    height:0px;
    overflow:hidden;
    }
    #aifure1,
    #aifure2,
    #aifure3{
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:5px 3px 5px 7px;/*左右余白(計)10、上下余白(計)10*/
    }

    /*▼アイフレ個別★*/
    #aifure1{
    left:7px;/*アイフレ左位置★*/
    bottom:415px;/*アイフレ下位置★*/
    width:170px;/*アイフレ幅-10★*/
    height:170px;/*アイフレ高さ-10★*/
    }
    #aifure2{
    left:7px;/*アイフレ左位置★*/
    bottom:211px;/*アイフレ下位置★*/
    width:170px;/*アイフレ幅-10★*/
    height:170px;/*アイフレ高さ-10★*/
    }
    #aifure3{
    left:7px;/*アイフレ左位置★*/
    bottom:7px;/*アイフレ下位置★*/
    width:170px;/*アイフレ幅-10★*/
    height:170px;/*アイフレ高さ-10★*/
    }
    「素材屋風」枠&CSS
    阿檀 2013/11/07 00:07 *
    1. [23] 一つ前の投稿、枠画像の、加工例です。CSSは前投稿のものが使用できます。

      (加工例画像は、自分で撮影した写真↓を、加工したものです。→画像配布頁

      「素材屋風」枠左上の写真部分は、800x300の画像を縮小して使用できます(二次加工OKの画像をご使用ください))

      【4】フリースペースタグ

      <div id="aifure1">◆アイフレ1の中身◆</div>
      <div id="aifure2">◆アイフレ2の中身◆</div>
      <div id="aifure3">◆アイフレ3の中身◆</div>
      「素材屋風」枠加工見本&フリスペタグ
      阿檀 2013/11/07 00:12 *
    2. [46] は、お金の価値がある
      学生ローン負債stdは2011年の大学程度の本当の価値を無視するようですあなたが沈んでからそれはそれで何も特定している一生懸命勉強しなさい、ほぼ確実に卒業証書とあなたのポケットの穴を得ます減少するのを仕事としては、授業料の率を上昇させる一方、大学卒業後の値は減少したが、まだ我々のすべての我々のインディアナ州の進行の精神を示すコースにファイルされているしかしすぐにトンネルの終
      [url=http://www.hum2000.com/category-3_4.html]スツール オットマン[/url]

      の使用をしそうでない特性を考慮したためであるから選択するには、実行可能な可能性で、市場におけるブランドの多くは、特定の基本的な理解が不可欠である。食器洗い機今日は実質的にすべての家で使用している個人的には項目の洗浄工程を容易にしますあなたがこれらの素晴らしい皿ワッシャーの1つを得るとき、あなたは二度と決してもう一度用具に出くわしますこれはすぐにすべての家の基本的な必要性になっています非常に大部分の
      [url=http://www.la2la2a.com/category-3_39.html]トニーモリー ティント[/url]

      しますユニークな検索エンジンの多様なリストがあります、しかし、いくつかは通常の言葉はほとんど一般的なグラフィックの性的な内容の材料とウェブページを参照するか、他の大人の材料我々は、実際にリストをここに置いてできない、またはあなたがない状況下で、このページを得てくださいことができる彼らの大部分は1つのものを言うことは、最高です、しかし、忘れてはいけない、エッチなインターネットサイトは通常のインデック
      [url=http://www.monsoindermactive.com/category-8.html]焼酎 佐藤[/url]

      大回転によって正当化されるバルクで買っていたが、メーカーが来たときだけでなく、nflフットボールジャージを一緒に安いnfl逆行ジャージを大量に購入します、しかし、彼らはこれらに売るとき、彼らの卸売業者にバルクでは、彼らは彼らの顧客のスーツをしばしば良い価格を提供することができます
      保護された信託行為の完全無料の使用可能性がない今日は最近の仕事の損失で不況の影響を露出した多くのスコットランド人に直
      [url=http://www.printabitch.org/category-1_7.html]電気ケトル ティファール[/url]

      ファイルですのためのmp 3ファイルを圧縮します。音楽のほぼ10時間が1 cdの上へ圧搾されることができますあなたが正確にあなたが何をしたいの安い真の宗教曲を選択することができ、場所が彼らの範囲内でcdの購入のようなあなたが、ちょうどそれを受信でプレーするために立ち寄りますこれは、おそらく最も費用の有用な選択のcdをコンパイルすることですべての非常にほとんどあるいは全く何の価格になりそうです下側は
      [url=http://www.closetglamming.org/category-13_14.html]ガスガン KSC[/url]
      Re: CSS
      mqpjwerwnk 2014/06/03 19:10
    3. [49] GrieleuriceGrieleurice Grieleurice 2014/10/09 14:03
    4. [50] Grieleurice Grieleurice 2014/10/09 14:28
    5. [51] Grieleurice Grieleurice 2014/10/09 16:09
    6. [52] cpsunx Grieleurice 2014/10/09 17:25
    7. [53] Grieleurice Grieleurice 2014/10/09 18:20
    8. [54] Grieleurice Grieleurice 2014/10/10 16:31
    9. [55] Grieleurice Grieleurice 2014/10/10 19:50
    10. [56] hgysmh Grieleurice 2014/10/10 19:55
    11. [57] Grieleurice Grieleurice 2014/10/10 19:57
    12. [58] GrieleuriceGrieleurice Grieleurice 2014/10/11 02:53
    13. [59] GrieleuriceGrieleurice Grieleurice 2014/10/11 12:53
    14. [60] imwvfq Grieleurice 2014/10/11 19:38
    15. [61] GrieleuriceGrieleurice Grieleurice 2014/10/11 20:19
    16. [62] vsnwfq Grieleurice 2014/10/11 23:09
    17. [63] GrieleuriceGrieleurice Grieleurice 2014/10/12 00:18
    18. [64] GrieleuriceGrieleurice Grieleurice 2014/10/12 04:23
    19. [65] Grieleurice Grieleurice 2014/10/12 06:23
    20. [66] GrieleuriceGrieleurice Grieleurice 2014/10/12 06:34
    21. [67] GrieleuriceGrieleurice Grieleurice 2014/10/12 08:50
    22. [68] GrieleuriceGrieleurice Grieleurice 2014/10/12 10:22
    23. [69] Grieleurice Grieleurice 2014/10/12 10:46
    24. [70] GrieleuriceGrieleurice Grieleurice 2014/10/12 13:17
    25. [71] GrieleuriceGrieleurice Grieleurice 2014/10/12 14:14
    26. [72] Grieleurice Grieleurice 2014/10/12 16:09
    27. [73] Grieleurice Grieleurice 2014/10/12 21:15
    28. [74] GrieleuriceGrieleurice Grieleurice 2014/10/12 21:39
    29. [75] GrieleuriceGrieleurice Grieleurice 2014/10/12 22:54
    30. [76] GrieleuriceGrieleurice Grieleurice 2014/10/13 01:41
    31. [77] GrieleuriceGrieleurice Grieleurice 2014/10/13 13:28
    32. [78] Grieleurice Grieleurice 2014/10/13 17:51
    33. [79] GrieleuriceGrieleurice Grieleurice 2014/10/13 23:38
    34. [80] Grieleurice Grieleurice 2014/10/14 03:19
    35. [81] Grieleurice Grieleurice 2014/10/14 05:37
    36. [82] GrieleuriceGrieleurice Grieleurice 2014/10/14 05:57
    37. [83] Grieleurice Grieleurice 2014/10/14 11:42
    38. [84] GrieleuriceGrieleurice Grieleurice 2014/10/14 11:55
    39. [85] tgbynn Grieleurice 2014/10/14 20:52
    40. [86] Grieleurice Grieleurice 2014/10/14 21:00
    41. [87] Grieleurice Grieleurice 2014/10/15 06:48
    42. [88] duqzsp Grieleurice 2014/10/15 06:57
    43. [89] Grieleurice Grieleurice 2014/10/15 09:50
    44. [90] Grieleurice Grieleurice 2014/10/15 23:42
    45. [91] GrieleuriceGrieleurice Grieleurice 2014/10/16 00:20
    46. [92] Grieleurice Grieleurice 2014/10/16 01:33
    47. [93] Grieleurice Grieleurice 2014/10/16 10:37
    48. [94] Grieleurice Grieleurice 2014/10/16 22:48
    49. [95] Grieleurice Grieleurice 2014/10/17 17:24
    50. [96] GrieleuriceGrieleurice Grieleurice 2014/10/18 00:06
    51. [97] Grieleurice Grieleurice 2014/10/18 06:54
    52. [98] GrieleuriceGrieleurice Grieleurice 2014/10/18 10:52
    53. [99] GrieleuriceGrieleurice Grieleurice 2014/10/18 13:28
    54. [100] Grieleurice Grieleurice 2014/10/19 05:50
    55. [101] GrieleuriceGrieleurice Grieleurice 2014/10/19 08:14
    56. [102] GrieleuriceGrieleurice Grieleurice 2014/10/20 09:45
    57. [103] Grieleurice Grieleurice 2014/10/20 10:22
    58. [104] GrieleuriceGrieleurice Grieleurice 2014/10/20 10:42
    59. [105] GrieleuriceGrieleurice Grieleurice 2014/10/20 11:18
    60. [106] Grieleurice Grieleurice 2014/10/20 13:25
    61. [107] GrieleuriceGrieleurice Grieleurice 2014/10/20 19:44
    62. [108] GrieleuriceGrieleurice Grieleurice 2014/10/20 21:23
    63. [109] Grieleurice Grieleurice 2014/10/20 22:18
    64. [110] GrieleuriceGrieleurice Grieleurice 2014/10/21 07:05
    65. [111] GrieleuriceGrieleurice Grieleurice 2014/10/21 08:17
    66. [112] Grieleurice Grieleurice 2014/10/21 08:25
    67. [113] Grieleurice 2014/10/30 10:58
    68. [114] pxlgmvtiw Grieleurice 2014/10/30 11:41
    69. [115] Grieleurice 2014/10/30 11:48
    70. [116] Grieleurice 2014/10/30 11:55
    71. [117] qwwsqhyw Grieleurice 2014/10/30 13:12
    72. [118] dhmbxmbptc Grieleurice 2014/10/30 13:45
    73. [119] Kayadalamma Kayadalamma 2014/10/30 13:50
    74. [120] spevpwbv Grieleurice 2014/10/31 14:03
    75. [121] wueednxeh Grieleurice 2014/10/31 14:44
    76. [122] Kayadalamma Kayadalamma 2014/10/31 19:49
    77. [123] Grieleurice 2014/10/31 20:39
    78. [124] Grieleurice 2014/11/01 01:09
    79. [125] Grieleurice 2014/11/01 07:01
    80. [126] dousiqvtgi Grieleurice 2014/11/01 14:27
    81. [127] zobvwerl Grieleurice 2014/11/02 03:25
    82. [128] qyiplrzsl Grieleurice 2014/11/02 03:26
    83. [129] Kayadalamma Kayadalamma 2014/11/02 08:03
    84. [130] Grieleurice 2014/11/03 13:01
    85. [131] Grieleurice 2014/11/04 01:26
    86. [132] vsadjobklj Grieleurice 2014/11/04 01:42
    87. [133] cbttuoqr Grieleurice 2014/11/04 02:09
    88. [134] Kayadalamma Kayadalamma 2014/11/04 05:31
    89. [135] xjnfgqikt Grieleurice 2014/11/04 08:26
    90. [136] Grieleurice 2014/11/04 15:25
    91. [137] Grieleurice 2014/11/04 20:00
    92. [138] Kayadalamma Kayadalamma 2014/11/05 11:32
    93. [139] fvzpzerfdy Grieleurice 2014/11/05 15:28
    94. [140] dyepljdy Grieleurice 2014/11/05 19:05
    95. [141] jghbownll Grieleurice 2014/11/05 21:40
    96. [142] Grieleurice 2014/11/06 07:49
    97. [143] omdvvijn Grieleurice 2014/11/06 23:12
    98. [144] Grieleurice 2014/11/07 09:38
    99. [145] Grieleurice 2014/11/07 10:46