受注依頼 BBS

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

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

このトピックに書きこむ

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

■633 / No.1)  Re[8]: 「両脇レース」タイプのカスタマイズ手伝います。
  
  nana -(2013/12/07(Sat) 12:09:06)

    できました!ありがとうございます!!

引用返信/返信 削除キー/
■632 / No.2)  Re[7]: 「両脇レース」タイプのカスタマイズ手伝います。
  http://ameblo.jp/adankadan 阿檀 -(2013/12/07(Sat) 06:14:11)
    寝落ちちゃって、このまま起きるか、パジャマに着替えて寝なおすか迷う午前6時すぎ。。。。

    ↓これではどうでしょうか。
    body {
    padding-top:0px !important;
    }
    ul#amebaBar {
    width: 800px;
    min-width: 800px;
    left:50%;
    margin: 0 0 0 -400px!important;
    border:none;
    }
    #barLogoTop ul, #barLogoTop li{
    display:none;
    }

引用返信/返信 削除キー/
■631 / No.3)  Re[6]: 「両脇レース」タイプのカスタマイズ手伝います。
  nana -(2013/12/06(Fri) 16:23:00)

    お返事、回答ありがとうございます
    幅は短くなったのですがこのようになってしまいました。
875×56 => 250×16

1386314580.jpg
/26KB
引用返信/返信 削除キー/
■630 / No.4)  Re[5]: 「両脇レース」タイプのカスタマイズ手伝います。
  http://ameblo.jp/adankadan 阿檀 -(2013/12/06(Fri) 12:34:31)
引用返信/返信 削除キー/
■629 / No.5)  Re[4]: 「両脇レース」タイプのカスタマイズ手伝います。
  nana -(2013/12/05(Thu) 21:10:18)

    アメーババーをスキンの幅に合わせる(?)
    感じにしたいのですがどうすればいいでしょうか
150×150

1386245418.png
/1KB
引用返信/返信 削除キー/
■628 / No.6)  Re[3]: 「両脇レース」タイプのカスタマイズ手伝います。
  K -(2013/11/20(Wed) 11:01:42)

    返信大変遅くなってしまいすみません!
    助かりました、ありがとうございます!
    すごくわかりやすいです!試してみます(´;ェ;`)!

引用返信/返信 削除キー/
■627 / No.7)  Re[2]: 「両脇レース」タイプのカスタマイズ手伝います。
  http://ameblo.jp/adankadan 阿檀 -(2013/11/18(Mon) 18:00:04)
    2013/11/18(Mon) 18:06:41 編集(投稿者)

    >記事の部分の周りに灰色の線があると思うのですが、これは削除可能でしょうか?
    いろどりCSS(http://adan.noor.jp/an/color/index.htm)を作成すると、
    /* 罫線 */
    .skinBorderColor, .commentArea, .skinBaseBorderColor, .skinArticle,.skinSimpleBtn, .skinSimpleBtn:visited, .skinBlock,.skinSimpleBtn:hover, .skinSimpleBtn:focus,.skinBorderHr, .skinBorderList li,.skinMessageBoard,.skinArticleFooter,.skinMenuHeader,#aifure1,#aifure2{
    border-color: #【色コード】!important;/* 罫線色 */
    }
    という部分があります。

    .skinArticle が記事周りなので、↓に変更すれば、記事周辺のラインが見えなくなります。

    /* 罫線(記事周り以外) */
    .skinBorderColor, .commentArea, .skinBaseBorderColor, .skinSimpleBtn, .skinSimpleBtn:visited, .skinBlock,.skinSimpleBtn:hover, .skinSimpleBtn:focus,.skinBorderHr, .skinBorderList li,.skinMessageBoard,.skinArticleFooter,.skinMenuHeader,#aifure1,#aifure2{
    border-color: #【色コード】!important;/* 罫線色 */
    }

    /* 罫線(記事周り見えなく) */
    .skinArticle{
    border-color: #ffffff!important;/* 罫線色 */
    }



    >スクロールバーを自分でカスタマイズしたいのですが、どこを変えれば宜しいでしょうか?
    いろどりCSSで下記のものができてきます。

    html, body {
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #【色コード】;
    scrollbar-shadow-color: #【色コード】;
    scrollbar-arrow-color: #【色コード】;
    }
    div::-webkit-scrollbar{
    background:#ffffff;
    }
    div::-webkit-scrollbar-button,
    div::-webkit-scrollbar-thumb{
    border:#【色コード】; solid 1px;
    background:#ffffff;
    }

    実はおおまか2つに分かれてます。

    /* IE用のスクロールバー設定 */
    html, body {
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #【色コード】;
    scrollbar-shadow-color: #【色コード】;
    scrollbar-arrow-color: #【色コード】;
    }

    /* GoogleChrome用のスクロールバー設定 */
    div::-webkit-scrollbar{
    background:#ffffff;
    }
    div::-webkit-scrollbar-button,
    div::-webkit-scrollbar-thumb{
    border:#【色コード】; solid 1px;
    background:#ffffff;
    }

    と、2種対応しています。


    個々の行の意味は、IE用は「"scrollbar-3dlight-color"」を検索するとこんなページが↓
    http://www.d3.dion.ne.jp/~tiyoko01/sitoku/bar/scrollbar.html

    GoogleChrome用は「"div::-webkit-scrollbar-thumb"」で検索すると、こんなページが↓
    http://ameblo.jp/detaramehp/entry-11207994173.html

    ヒットするので、参考になるのではないでしょうか。



    >(いじるのはOKですか?)
    http://adan.noor.jp/ameba_new/minimum.htm
    >上記以外のカスタマイズも、当サイトからは禁止しません。法律と《Ameba》規約を守って、自由にカスタマイズしてください。
    と書いてあるとおりです。ご自由にどうぞ。
引用返信/返信 削除キー/
■626 / No.8)  Re[1]: 「両脇レース」タイプのカスタマイズ手伝います。
  K -(2013/11/18(Mon) 16:24:51)

    こちらの→ http://adan.noor.jp/ameba_new/minimum.htm
    ミニマムコースのレイアウトA2をお借りしているのですが、
    いくつか質問宜しいでしょうか?

    @記事の部分の周りに灰色の線があると思うのですが、
    これは削除可能でしょうか?
    可能であれば宜しければやり方を教えてくださると嬉しいです。

    Aスクロールバーを自分でカスタマイズしたいのですが、
    どこを変えれば宜しいでしょうか?(いじるのはOKですか?)

    恋ブロの掲示板を使用するのは始めてなので、場違いでしたり、至らない点ありましたらすみません(´;ェ;`)
    お忙しい中申し訳ありませんが、お暇なときで構わないので回答お願い致します;;
引用返信/返信 削除キー/
■606 / No.9)  Re[1]: 「両脇レース」タイプのカスタマイズ手伝います。
  http://ameblo.jp/natumoe29/ もえか -(2013/10/15(Tue) 15:49:31)
    タグ、レースお借りします.:*

    ちょうど探していたのでとても有りがたいです
引用返信/返信 削除キー/
■603 / No.10)  「両脇レース」タイプのカスタマイズ手伝います。
  http://ameblo.jp/adankadan 阿檀 -(2013/09/11(Wed) 12:47:15)
    2013/09/11(Wed) 12:48:22 編集(投稿者)

    広告が増えちゃいましてw、脇カラムが最大高さ1300pxくらいになるようです。
    「素材屋レイアウト」は「画面をちまちまと区切る可愛らしさ」が出したくてお使いだったと思うんですが、脇カラムをどーんと1300もとると、「ちまちま可愛い」という印象とはほど遠くなるかと^^;

     ちょっと前から流行の兆しがある「両脇レース」タイプのカスタマイズであれば、広告増でも、問題なく表示されますので。これに変更したい、という方にはお手伝いをしようと思います。
    (いまリアルが多忙のため、即応は難しいかもしれないんですが。。。)

     とりあえず、ベースになるCSSを再掲しておきます。「手伝いなしでも自分で設定できる」という方はどうぞお使いください。

    [おまけ]レース画像のストック→http://adan.noor.jp/tile/lace/index.htm


    @charset "utf-8";
    /* CSS:http://adan.noor.jp/ameba_new/selfc.htm
    画像変更OK・カスタマイズ追加OK、パスワード貸し借りでの使用禁止
    「自分で描いた絵」「自分で撮影した写真」を入れる場合には再配布OK*/

    /*■1■ 画像の設定*/

    /*■ 背景画像*/
    body{
    background-image:url(画像URL);/*≪カッコ内に背景画像URL★*/
    padding-top:0px !important;/*(画面上端の隙間を無くす)*/
    min-width:868px;/*両脇レースの幅により調整*/
    }

    /*■ 両脇レース画像*/
    .skinBody{
    margin:0 auto;
    width:868px;/*レースの幅×2+余裕10×2+800(ヘッダ幅)*/
    background:url(画像URL) left top repeat-y;/*≪カッコ内に左レース画像URL★*/
    }
    .skinBody2{
    width:868px;/*レースの幅×2+余裕10×2+800(ヘッダ幅)*/
    background:url(画像URL) right top repeat-y;/*≪カッコ内に右レース画像URL★*/
    }

    /*■ ヘッダ画像*/
    .skinTitle{
    background-image:url(画像URL);/*≪カッコ内にヘッダ画像URL★*/
    height:350px;/*ヘッダ高さ★*/
    width:800px;/*幅*/
    display:block;
    margin:0 auto;
    }

    /*■2■文字色&罫線色*/
    body{
    color:#000000;/*≪全体の文字色★*/
    }

    /*■ リンク*/
    .skinSimpleBtn,
    .skinSimpleBtn:link,
    .skinSimpleBtn:visited,
    .skinArticleTitle,
    .skinArticleTitle:link,
    .skinArticleTitle:visited,
    .skinAnchorColor,
    .skinBaseAnchorColor,
    .skinBlock a,
    .skinAnchorVisitedColor,
    .skinBaseAnchorVisitedColor,
    .skinBlock a:visited,
    a:visited,
    a{
    color:#444444!important;/*≪リンク文字色★*/
    }

    /*■リンク:オンマウス*/
    .skinSimpleBtn:hover,
    .skinSimpleBtn:focus,
    .skinArticleTitle:hover,
    .skinArticleTitle:focus,
    .skinAnchorHoverColor,
    .skinBaseAnchorHoverColor,
    .skinBlock a:focus,
    .skinBlock a:hover,
    a:focus,
    a:hover{
    color:#4e68d2!important;/*≪リンク文字色(オンマウス)★*/
    }

    /*■ 「New」など*/
    .skinStrongColor,
    .skinBaseStrongColor{
    color:#666666;/*≪文字色*/
    }

    /*■ 「テーマ」など*/
    .skinWeakColor,
    .skinBaseWeakColor{
    color:#666666;/*≪文字色*/
    }

    /*■ 記事タイトル左ライン*/
    .skinArticleHeader{
    border-left: 5px solid #4e68d2;/*≪罫線色★*/
    }

    /*■ 記事下点線*/
    .skinArticleFooter{
    border-color:#4e68d2;/*≪罫線色★*/
    }

    /*■3■レイアウト*/
    .skinBody3{
    margin:0 auto;
    width:800px;
    padding:24px 10px 0 10px;
    /*レースとヘッダの間=10px→.skinBody、.skinBody2設定に関連→レースの幅×2+「10」×2+800(ヘッダ幅)*/
    background:#ffffff;
    }

    .skinBlogHeadingGroupArea{
    padding:0;
    }

    .skinTitleArea{
    text-indent:-9999px;
    }

    .skinDescriptionArea{
    display:none;
    }

    .layoutContentsA {
    width:800px!important;
    }

    .skinContentsArea2{
    position:relative;
    }

    .skinMainArea2{
    padding-top:6px;
    }

    .skinMenuHeader,
    .skinMenuBody{
    padding:0;
    margin:0;
    }

    .skinHeaderArea,
    .skinContentsArea{
    margin:0 auto;
    width:800px!important;
    }

    .skinMainArea{
    width:484px!important;
    }

    .skinMainArea2{
    padding-top:6px;
    }

    .skinSubA{
    width:302px!important;
    }

    .skinSubB{
    width:0px!important;
    height:0px!important;
    }

    .subModule{
    margin:0;
    }

    .skinArticleHeader,
    .skinArticleBody2,
    .skinArticleFooter{
    margin:10px;
    line-height:150%;
    }

    .articleText,
    .skinMessageBoard3{
    padding:10px 30px;
    }

    font{
    line-height:130%;
    }

    /*■ 記事一覧タブ */
    .tabArea{
    margin:0 8px;
    }

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

    /*■ 背景初期化*/
    .skinBgColor,
    .skinBaseBgColor,
    .skinBlock{
    background-color:transparent;/*≪背景透明*/
    }

    .skinWeakBgColor,
    .skinBaseWeakBgColor,
    .skinStrongBgColor,
    .skinBaseStrongBgColor,
    .skinMenuBody,
    .skinMenuHeader,
    .skinMessageBoard,
    .skinSimpleBtn:hover,
    .skinSimpleBtn:focus,
    .skinSimpleBtn,
    .skinSimpleBtn:visited,
    .skinSimpleBtn:hover,
    .skinSimpleBtn:focus,
    .skinArticle,
    .skinMenu{
    background:transparent;/*≪背景透明*/
    }

    /*■その他*/
    .skinArticle,
    .skinMessageBoard{
    border:none;
    }

    .skinContentsArea2{
    padding-top:10px;
    }

    .registArea{padding-top:10px}

    .skinMainArea,
    .skinMenu,
    .registArea,.rss{
    background-color:transparent;
    }

    /*▽共通*/
    .headerBnr,
    .skinMainArea2,
    .skinMenu2,
    .subAdBannerArea .ad_frame,.registBtnArea,.subAdList,.rss div{
    background:transparent;/*≪背景*/
    }

    .centerTextLink{
    margin-bottom:10px!important;
    }


160×115

ss-160.jpg
/18KB
引用返信/返信 削除キー/



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

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

- Child Tree -