上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

whos.amung.us

スポンサーサイト
ヤケクソのように配布しているスマホ用テンプレート。

まだまだスタイルシートの勉強が足らず、苦戦しながら作成していますが、

大勢の方にダウンロード頂けて大変嬉しく思っています。

ダウンロードして頂いた方、ありがとうございます。




その中の『snowman_gold_s』ですが、ヘッダー画像に

header1_20120107032154.png


このように『Merry Christmas』とデカデカと書かれています。


さすがにコレではクリスマスを過ぎた今は使いにくいと思いますので・・・。

header2_20120107032153.png

このように文字を抜いた画像に差し替えました。

タイトルリスト左の画像もクリスマスツリーからリボンに切り替えました。

あと、ページ送りの色もクリスマスカラーからブルー系の色に切り替えました。




こんな感じのテンプレートになります。


修正が反映されるのは連休明けになると思います。


宜しかったらチェックしてみて下さいね。
この度は、スマホ用共有テンプレート『pastel_check』をダウンロードして下さいましてありがとうございました。

今のままでは『スタイルシート』に不備があり、チェック模様がプレビューのようにタイル配置された形になりません。

以下のように修正して頂ければプレビュー通りの表示になる筈ですので、大変お手数をおかけして申し訳ございませんが、

①管理ページ⇒テンプレートの設定⇒『pastel_check』の「HTML CSSの編集」をクリックして下さい。


②下記のスタイルシートタグを全てコピーし、『pastel_check のスタイルシート編集』に書かれているタグを消して貼り付けてください。


③『更新』ボタンをクリックして下さい。



上記の手順でスタイルシートを編集して下さい。

今後、このようなミスをしないように気を付けたいと思います。

本当に申し訳ございませんでした。



↓↓↓スタイルシートのコピー ここから↓↓↓

@charset "utf-8";

/*============================================================
-Index-
Reset
Basic
Header
Header Menu List
Blog Introduction
Main Contents
Layout
Page title
Entry List
Entry (個別記事表示)
Comment List, Trackback List
Comment Form
Plugin Contents
Contents Footer Links
Profile (index mode)
Ad
Pager
Page Navigation
Blog Footer
============================================================*/


/*============================================================
Reset
============================================================*/
html,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}
ul, ol, li, dl, dt, dd{list-style:none;}
img {border:none;vertical-align:middle;}

/*============================================================
Basic
============================================================*/
body {
margin: 0;
padding: 0;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/dot8.png");
font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
font-size:16px;
color:#80552B;
-webkit-text-size-adjust: none;
}
a {
text-decoration:none;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
a:link,a:visited { color:#8F6030 }
a:focus,a:hover,a:active { color:#CA9560; }
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:17px;}
h4,h5,h6{font-size:16px;}
input,textarea,select { font-size:16px; }
.system_message { padding:10px;color:#FF0000; }

/*============================================================
Header
============================================================*/
#header {
position:relative;
min-height: 130px;
margin:0 0 15px;
padding: 0 10px;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/ch7.png");
color:#D955FF;
text-align: center;
border:#FFAAEA 10px solid;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#header h1 {
width: 50%;
margin:0 auto 0 0;
padding: 50px 0 10px;
text-align: center;
}

/* PC SKIN Change
---------------------------------------------- */
#header .browser_change {
position:absolute;
top:6px;
right:5px;
width: 43px;
}
#header .browser_change a {
display:block;
width: 43px;
height:43px;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/pc1.png") no-repeat;
text-indent: -9999px;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}

/* Header Menu Button
---------------------------------------------- */
#header #header_menu {
position:absolute;
top:6px;
left:5px;
width: 43px;
cursor:pointer;
}
#header #header_menu span {
display:block;
width:43px;
height:43px;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/menu.png") no-repeat;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
#header #header_menu.selected {
border:none;
}
#header #header_menu.selected span {
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/menu1.png") no-repeat;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}

/*============================================================
Header Menu List
============================================================*/
#plugin_menu {
margin:0 20 0px;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
border:#FFAAEA 10px solid;
}

#plugin_menu .blogmenu {
overflow:hidden;
margin-bottom:20px;
}
#plugin_menu .blogmenu li {
margin:-1px 0 0;
border-bottom:5px dotted #AF753A;
text-overflow: ellipsis;
}
#plugin_menu .blogmenu li a {
overflow: hidden;
display: block;
padding:10px 30px 10px 10px;
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
}

/*============================================================
Blog Introduction (Delete)
============================================================*/
#blog_intro {
margin:0 2% 15px;
padding:15px 10px;
-webkit-border-radius:5px;
background-color:#FFFFFF;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
font-size:13px;
}

/*============================================================
Layout
============================================================*/
#main_contents .section {
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/ch7.png");
margin:0 0 20px;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
border:#FFAAEA 10px solid;
}

/*============================================================
Page title
============================================================*/
/* 記事の見出し */
.section .entry_title {
margin: 0 10px;
padding: 10px 0 10px 45px;
border-bottom:5px dotted #AF753A;
background:url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/heart.png) no-repeat 13px center;
}
/* 記事以外の見出し */
.section .page_title
{
padding:15px 10px 10px 45px;
border-bottom:5px dotted #AF753A;
background:url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/heart.png) no-repeat 13px center;
}
/* 見出しの文字色 */
.section .page_title h2,
.section entry_title h2,
.section .page_title h2 a,
.section .entry_title h2 a {
color:#FF55D5;
}

/* カテゴリ一覧見出し */
.category_title {
margin:0 0 15px;
padding:10px;
background-color:#FFFFFF;
text-align:center;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

/*============================================================
Entry List (個別記事ページ以外の一覧表示)
============================================================*/
#entry_list {
overflow:hidden;
margin:0 0 20px;

}
#entry_list li {
margin:-1px 0 0;
background:url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/heart.png) no-repeat 13px center;
border-bottom:5px dotted #AF753A;
}
#entry_list li .entry {
display:block;
padding:10px 45px 10px 45px;
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
text-overflow: ellipsis;
}
#entry_list li .entry strong {
overflow:hidden;
display:block;
font-size:18px;
text-overflow: ellipsis;
white-space: nowrap;
}
#entry_list li .entry .photo_true{
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/heart2.png) no-repeat right center;

}
#entry_list li .entry .posted {
padding-right:10px;
}
#entry_list li .entry .posted,
#entry_list li .entry .res {
font-size:12px;
color:#FF55D5;
}

/*============================================================
Entry (個別記事表示)
============================================================*/
/* 記事投稿情報
---------------------------------------------- */
.section .posted {
font-size:12px;
color:#FF55D5;
}

/* 記事本文・追記
---------------------------------------------- */
.section .entry_body,
.section .entory_more {
padding:15px 10px;
line-height:1.6;
}
.section .entry_body img,
.section .entory_more img {
max-width:100%;
height:auto;
}
.section .readmore {
background-color:#808080;

}
.section .readmore a {
display:block;
padding:10px 30px 10px 10px;
color:#FFFFFF;
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
}

/* トラバリンク(個別記事表示)
---------------------------------------------- */
.section #tb_url {
margin:0 10px 10px;;
padding:5px;
background-color:#FFAAEA;
}
.section #tb_url p {
font-size:12px;
}

/*============================================================
Comment List, Trackback List
============================================================*/
#comment .list dt,
#trackback .list dt {
padding:10px 10px 0;
color:#9F6A35;
font-weight:bold;
}
#comment .list dd,
#trackback .list dd {
padding:10px;
border-bottom:1px solid #FFFFFF;
}
#comment .list dd .posted,
#trackback .list dd .posted {
margin:3px 0;
text-align:right;
color:#9F6A35;
font-size:13px;
}

/*============================================================
Comment Form
============================================================*/
#comment_post .confirm {
padding:10px;
}

#comment_post .form {
padding: 0;
margin:10px;
}
#comment_post .form dd{
margin:3px 0 10px;
}

ul.confirm li{
padding:8px 3px;
}

#comment_post .form dt{
color:#80552B;
margin:10px 0 0;
font-weight:bold;
}
#comment_post .form dd{
margin:3px 0 0;
}
#comment_post .form dd p{
margin:5px 0;
}
#comment_post input[type="text"],
#comment_post input[type="password"],
#comment_post textarea,
#comment_post select {
width: 100%;
padding:5px 0;
border:1px solid #638363;
-webkit-border-radius: 5px;
-webkit-appearance: textarea;
}

#comment_post textarea {
height: 120px;
padding: 0;
}

#comment_post select {
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
-webkit-appearance: textfield;
}

/* Submit button
---------------------------------------------- */
#comment_post .submit_btn {
padding:10px;
text-align:center;
}
#comment_post .submit_btn input[type="submit"],
#comment_post .submit_btn a {
display:block;
width:60%;
margin:0 auto 10px;
padding:10px;
border:1px solid #002300;
-webkit-border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 1px #ffffff;
color:#5F5F5F;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
text-overflow: ellipsis;
}

/*============================================================
Plugin Contents
============================================================*/
/* Plugin Commons
---------------------------------------------- */
.section .plugin_profile,
.section .plugin_freearea{ padding:10px; }

/* Profile
---------------------------------------------- */
dl.profile {
background: #fff;
padding: 0;
}

dl.profile dt {
color:#336699;
list-style-type: none;
}

dl.profile dd {
list-style-type: none;
margin:0 0 20px;
}

/* new_entry,new_comment,new_tb
---------------------------------------------- */
.plugin_body .plugin_list {
color: black;
padding: 0;
margin:0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.plugin_body .plugin_list li {
border-bottom:1px solid #AF753A;
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
}
.plugin_body .plugin_list li a{
display: block;
overflow: hidden;
padding:10px 30px 10px 0px;
}
.plugin_body .plugin_list li em {
padding:0 0 3px;
font-style: normal;
}
.plugin_body .plugin_list li span{
font-size:13px;
}
/*============================================================
Contents Footer Links
============================================================*/
/* トップ一覧表示
---------------------------------------------- */
.section .response {
overflow:hidden;
width:100%;
background-color:#003300;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
font-size:13px;
}
.section .response li a {
display:block;
padding:10px;
color:#FFFFFF;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
.section .response li a:focus,
.section .response li a:hover,
.section .response li a:active {
background-color:#FFAAEA;
}
.section .response .show_com {
float:left;
width:50%;
}
.section .response .show_tb {
float:right;
width:50%;
text-align:right;
}

/* トップ一覧表示以外
---------------------------------------------- */
.section .contents_footer,
.section .form_footer {
overflow:hidden;
width:100%;
background-color:#FFBFEF;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.section .contents_footer li,
.section .form_footer li {
margin:-1px 0 0;
border-top:1px solid #FFFFFF;
}
.section .contents_footer li a,
.section .form_footer li a {
display:block;
padding:10px;
-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
.section .contents_footer li a {
padding-right:30px;
background: url(http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/yajirushi1.png) no-repeat right center;
}
.section .form_footer li a {
text-align:center;
}
.section .contents_footer li a:focus,
.section .contents_footer li a:hover,
.section .contents_footer li a:active,
.section .form_footer li a:focus,
.section .form_footer li a:hover,
.section .form_footer li a:active {
background-color:#FFD5F4;
}

/* コメント・トラバ非表示の場合(共通)
---------------------------------------------- */
.section .response li span,
.section .contents_footer li span {
display:block;
padding:10px;
color:#666666;
}

/*============================================================
Profile (index mode)
============================================================*/
.profile_area {
overflow:hidden;
margin:0 2% 15px;
background-color:#FFFFFF;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.profile_area dt {
margin:10px 10px 0;
padding:0 0 5px;
border-bottom:2px solid #F2F2F2;
}
.profile_area dd {
overflow: hidden;
padding:10px;
font-size:13px;
}
.profile_area dd .prof_image {
float:left;
margin-right:5px;
}

/*============================================================
calendar
============================================================*/
#sun { color:#FF0000; }
#sat { color:#0000FF; }



/*============================================================
Ad
============================================================*/
.ad_header {
text-align:center;
margin:20px 0 0;
}

.ad_footer{
text-align:center;
margin:10px 0 20px;
}

/*============================================================
Pager
============================================================*/
#main_contents .pager {
position:relative;
overflow:hidden;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/ch7.png");
border:#FFAAEA 10px solid;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
padding:15px 0 5px;
min-height: 30px;
text-align:center;
color:#C0803F;
}
#main_contents .pager .prevpage {
position:absolute;
top:5px;
left:2%;
padding:5px 11px;
}
#main_contents .pager .nextpage {
position:absolute;
top:5px;
right:2%;
padding:5px 11px;
}
#main_contents .pager a {
margin:0 5px;
padding:5px 11px;
border: #FFFFFF 3px solid;
-webkit-border-radius: 50px;
background:#CF9F70;
-webkit-box-shadow: 1px 1px 1px #8F6030;
color:#AF753A;
}
#main_contents .pager a:focus,
#main_contents .pager a:hover,
#main_contents .pager a:active {
background:#FFFFFF none;
color:#FF55D5;
}
#main_contents .pager strong {
margin:0 5px;
padding:5px 11px;
border: #FFFFFF 3px solid;
-webkit-border-radius: 50px;
background-color:#FF55D5;
-webkit-box-shadow: 1px 1px 1px #333333;
color:#FFFFFF;
}

/*============================================================
Page Navigation
============================================================*/
#page_navi {
overflow:hidden;
padding:0 2% 10px; /* marginにするとbox-shadowがでません */
margin-top:20px;
}
#page_navi li {

background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/ch7.png");
width:38%;
border:#FFAAEA 10px solid;
-webkit-border-radius:50px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#page_navi .goto_home { float:left; }
#page_navi .page_top { float:right; }
#page_navi li a {
display:block;
padding:10px;
text-align:center;
font-weight:bold;
color:#9F6A35;
}

/*============================================================
Blog Footer
============================================================*/
#footer{
position:relative;
min-height: 50px;
margin:0 0 15px;
padding: 0 10px;
background: url("http://blog-imgs-46.fc2.com/x/x/x/xxxaoiaxxx/ch7.png");
text-align:center;
padding:14px 0;
border:#FFAAEA 10px solid;
-webkit-border-radius:5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#footer .footer_menu a{
margin:0 10px;
}
#footer .footer_menu{
margin:10px 0;
}
#footer .copyright {
font-size:12px;

}
#footer .powered {
text-align:center;

}
#footer .powered a {
text-decoration:underline;
}

↑↑↑ スタイルシートのコピー ここまで↑↑↑
この記事はブロとものみ閲覧できます

やっとこさ。

コチラの告知を受けて、ずうずうしくも参加してみようと思い立った私。

Yahoo!ブログでは一応、素材屋をやっていますが、テンプレートを作成するのはお初。

Yahoo!では使えるCSSに限りがあるので、比較的簡単にタグを覚えられるけど、fc2の方ではそうもいかず・・・。

それでも先輩方の作品を参考に地道に文法を組んでみました。

でも、2作品通算4回の未承認・・・。

それでもめげずに今までの修正版と合わせて3作品を申請に。


やっとやっとやっとやっと1作品が承認されました。


あとの2作品も「申請中」になっているから、同一人物の作品の承認は1日1件とでも決まっているのかな?


・・・・そう信じておきましょう。


こちらがその記念すべき?初めての「承認テンプレート」になります。



早速ダウンロードしてくださった方々、ありがとうございました。

 | ホーム |  前のページ»»


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。