受注依頼 BBS

♥ホーム ヘルプ 新規作成 新着記事 ツリー表示 スレッド表示 トピック表示 ファイル一覧 検索 過去ログ

[ ●最初の記事を上に● ]

このトピックに書きこむ

名前/ 入力禁止⇒ 他人の作品をアップする場合のテンプレ→詳しく見る。
1.使用するブログURL(ここに書き込む人のブログ)
2.元作品(イラスト・写真)をお借りした掲載元URL
(例:イラスト作者の個人サイト、PIXIV、PIAPROなど)
3.ブログや恋ブロ掲示板への転載の許可URL
→加工する場合は、加工許可も必要
4.二次創作の場合は、原作が二次創作を許可している証拠URL
題名/
URL/
通常モード->  図表モード-> (適当に改行して下さい/半角20000文字以内)
File/
アップ可能拡張子=> /.gif/.jpg/.jpeg/.png/.txt/.lzh/.zip/.mid
◎ スレッド内の合計ファイルサイズ:[0/5120000KB] 残り:[5120000KB]
アイコン/ (画像を選択/サンプル一覧)
削除キー/ (半角8文字以内)
解決済み! BOX/ 解決したらチェックしてください!
  プレビュー/ 

■673 / No.1)  Re[1]: 個スレ-css
  
  http://ameblo.jp/adankadan 阿檀 -(2014/02/16(Sun) 22:14:46)
    @charset "utf-8";
    body{
    color:#7f3718;/* 文字色 */
    }
    /* リンク */
    a:link,a:visited,.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited,.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus,.skinWeakColor,.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus,.skinAnchorVisitedColor, .skinBaseAnchorVisitedColor, .skinBlock a:visited,.skinImgBtnM:hover span, .skinImgBtnM:focus span, .skinImgBtnM span{
    color:#bb5f3a;
    }
    a:hover{
    color:#ff3399;/* オンマウス */
    }
    /* なう */
    .nowQuoteTime ,a:hover .nowQuoteTime,.nowQuoteText ,a:hover .nowQuoteText,
    .nowQuoteLink,a:hover .nowQuoteLink{
    color:#bb5f3a!important;
    }
    /* 罫線 */
    .skinBorderColor, .commentArea, .skinBaseBorderColor, .skinArticle,.skinSimpleBtn, .skinSimpleBtn:visited, .skinBlock,.skinSimpleBtn:hover, .skinSimpleBtn:focus,.skinBorderHr, .skinBorderList li,.skinMessageBoard,.skinArticleFooter,.skinMenuHeader,#aifure1,#aifure2{
    border-color: #ffeecd!important;/* 罫線色 */
    }
    html, body {
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #ffeecd;
    scrollbar-shadow-color: #ffeecd;
    scrollbar-arrow-color: #ffeecd;
    }
    div::-webkit-scrollbar{
    background:#ffffff;
    }
    div::-webkit-scrollbar-button,
    div::-webkit-scrollbar-thumb{
    border:#ffeecd solid 1px;
    background:#ffffff;
    }

    /* CSS:by阿檀 今回は、依頼者を信頼し、画像を見ないで作成しています。*/


    /*◆画像◆*/

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

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

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

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

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

    /*▼メインエリア(記事部)幅*/
    .skinMainArea{
    left:385px;/*記事部左位置★*/
    top:91px;/*記事部上位置★*/
    width:382px!important;/*記事部幅★*/
    height:231px;/*記事部高さ★*/
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
    z-index:2;
    }


    .pagingArea{
    width:362px!important;/*記事部幅-20★*/
    }
    /*ページング*/
    .pagingNext {
    left:231px;/*「pagingArea÷2+50」pxくらい★*/
    }
    .pagingPrev {
    right:231px;/*「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:right;
    width:300px!important;/*広告カラム幅(余白&枠込み)★*/
    }
    .skinSubA2{
    margin:20px auto 0 auto;
    width:300px!important;
    }

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

    /*◇共通設定ここから◇*/
    .globalLinkArea,
    .skinDescriptionArea{
    display:none;
    }
    .skinArticle,
    .skinMenuHeader,
    .skinMenu,
    .skinMenuBody,
    .skinMessageBoard{
    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;
    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:88px;
    bottom:60px;
    width:120px!important;
    height:0;
    }
    .rssBtn,.rssDescription{
    height:17px;
    line-heigth:17px;
    }


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

    /*◆アイフレ◆*/
    /*▼アイフレ共通*/
    #aifure1,
    #aifure2,
    #aifure3{
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0px;
    }
    /*▼アイフレ個別★*/
    #aifure1{
    left:80px;/*アイフレ左位置★*/
    top:95px;/*アイフレ上位置★*/
    width:95px;/*アイフレ幅★*/
    height:65px;/*アイフレ高さ★*/
    }
    #aifure2{
    left:293px;/*アイフレ左位置★*/
    top:163px;/*アイフレ上位置★*/
    width:60px;/*アイフレ幅★*/
    height:88px;/*アイフレ高さ★*/
    }
    #aifure3{
    left:681px;/*アイフレ左位置★*/
    top:379px;/*アイフレ上位置★*/
    width:84px;/*アイフレ幅★*/
    height:76px;/*アイフレ高さ★*/
    }

引用返信/返信 削除キー/
■672 / No.2)  個スレ-css
  http://ameblo.jp/adankadan 阿檀 -(2014/02/16(Sun) 17:06:46)
    2014/02/16(Sun) 17:07:46 編集(投稿者)


    /* CSS:by阿檀 今回は、依頼者を信頼し、画像を見ないで作成しています。*/


    /*◆画像◆*/

    /*▼背景*/
    body{
    background-image:url(http://adan.noor.jp/an/img/ddd-eee.gif);/*≪カッコ内に背景画像URL★*/
    min-width:1111px;/*「素材屋」画像幅★4ケ所-1*/
    }

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

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

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

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

    /*▼メインエリア(記事部)幅*/
    .skinMainArea{
    left:385px;/*記事部左位置★*/
    top:91px;/*記事部上位置★*/
    width:382px!important;/*記事部幅★*/
    height:231px;/*記事部高さ★*/
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0;
    z-index:2;
    }


    .pagingArea{
    width:362px!important;/*記事部幅-20★*/
    }
    /*ページング*/
    .pagingNext {
    left:231px;/*「pagingArea÷2+50」pxくらい★*/
    }
    .pagingPrev {
    right:231px;/*「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:right;
    width:300px!important;/*広告カラム幅(余白&枠込み)★*/
    }
    .skinSubA2{
    margin:20px auto 0 auto;
    width:300px!important;
    background:#ffffff;
    }

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

    /*◇共通設定ここから◇*/
    .globalLinkArea,
    .skinDescriptionArea{
    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;
    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:88px;
    bottom:60px;
    width:120px!important;
    height:0;
    }
    .rssBtn,.rssDescription{
    height:17px;
    line-heigth:17px;
    }


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

    /*◆アイフレ◆*/
    /*▼アイフレ共通*/
    #aifure1,
    #aifure2,
    #aifure3{
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0px;
    }
    /*▼アイフレ個別★*/
    #aifure1{
    left:80px;/*アイフレ左位置★*/
    top:95px;/*アイフレ上位置★*/
    width:95px;/*アイフレ幅★*/
    height:65px;/*アイフレ高さ★*/
    background:#ffffff;
    }
    #aifure2{
    left:293px;/*アイフレ左位置★*/
    top:163px;/*アイフレ上位置★*/
    width:60px;/*アイフレ幅★*/
    height:88px;/*アイフレ高さ★*/
    background:#ffffff;
    }
    #aifure3{
    left:681px;/*アイフレ左位置★*/
    top:379px;/*アイフレ上位置★*/
    width:84px;/*アイフレ幅★*/
    height:76px;/*アイフレ高さ★*/
    background:#ffffff;
    }

引用返信/返信 削除キー/



トピック内ページ移動 / << 0 >>
Mode/  Pass/

♥ホーム ヘルプ 新規作成 新着記事 ツリー表示 スレッド表示 トピック表示 ファイル一覧 検索 過去ログ

- Child Tree -