てきとうなぶろぐ

ホントのタイトルはてきとうなぶろぐだったりする。
いまは、生き恥晒してますっていうブログを改造中...。

只今、次に改造して欲しいブログを募集中です!?

ブログ説明文の幅が広くなったのでこーーーーーーーーんなに長い文章書いても大・丈・夫!(イナバ物置風)

ブロック遊び / 05年11月12日(土) 18時25分

一番上にあるブログタイトルとブログ説明文、実は枠があるんです。
俺の目には見えるんです!ホントです!ビビビと来るんですよ!なにが?


って言うのは半分ホントで半分はうそです。
枠があるのはホントの事です。見えないけど。
解りやすく図で表すとこんな感じですな。

ブログタイトル(H1)ブログ説明文(H2)の間には、まだまだ余裕があるので
ブログ説明文(H2)の幅を広げても大丈夫みたい。
っていうことでスタイルシートをいじってみます。
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/15
カテゴリ:変更中 | 

凹むゎ / 05年11月08日(火) 23時14分

マウスで触るとペコペコ凹んだように動くリンクの紹介です。 サンプルの凹みリンク
.entry_text A:link,
.entry_text A:visited{
  color: #DF6F5C;←文字色
  font-weight: normal;←文字太さ
  text-decoration: none;←リンクの下線
  border-bottom: 1px dashed #FF6F5C;←枠線
}
.entry_text A:active,
.entry_text A:hover{
  position:relative;top:1px;left:1px;
}
 てきとうに解説
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/14
カテゴリ:変更中 | 

おめでとうクマー / 05年10月30日(日) 11時41分

A:「たんじょうびおめでとう。」
A:「はい、プレゼント。 クマー化Bookmarklet。」
B:「意味わからない。」
A:「押せばわかる。」

つづけ!→Click here

タイトル画像を育てる / 05年10月24日(月) 05時07分

左上の「イキハジサラシテマス」っていうタイトル画像ちょっと怒り気味w
これは元画像

の左上にYaplog!の絵文字が乗ってるので怒って見える。

これはスタイルシートで乗せてるのです。
スタイルシートを変えれば真ん中や右側に乗せることも可能。
さらに画像を変えて等にも変更可能。
( ゚ 3゚)<こりゃぁ画像を変えずに遊べるな。

追記:ちょっと遊んでみた。マウスをタイトル画像に持ってくと喜ぶw

で、肝心のスタイルシートはこちら コピぺしてつかってね
H1{
  width: 264px;/*タイトル画像の幅*/
  height:54px;/*タイトル画像の高さ*/
  background-image:url(タイトル画像のURL);
  background-repeat: no-repeat;
}
H1 a{
  display:block;
  width: 264px;/*タイトル画像の幅*/
  height:54px;/*タイトル画像の高さ*/
  background-image:url(絵文字のURL);
  background-repeat: no-repeat;
  font: 18px/396px serif;/*タイトル画像の高さ×1.5ぐらい*/
  overflow: hidden;
}
※色のついてる文字は適宜変えてください
あと、このスタイルシートは、このブログで公開してるテンプレート専用なので
自分でやってる人はあしからず。

<H1><a href="自分のブログURL">自分のブログタイトル</a></H1>
というテンプレにしてる人(特に変えてなければそうなってるはず)は使えますです。
この記事のURL:http://yaplog.jp/yaphelp/archive/12
カテゴリ:変更中 | コメント(1)

ぷるだうん? / 05年10月24日(月) 03時59分

サイドバーにつけるプルダウン式メニューの紹介です。これがぷるだうん→
プルダウンを選ぶとそのリンク先に飛びます。

とりあえず、今回はカテゴリー別(テーマ別)のものを書いておきます。
選ぶとその選んだカテゴリーへ移動します。
↓をコピーしてサイドバーに貼り付ければできあがり!
<div class="side">
<div class="side_title">テーマ別に見る</div>
<div class="side_text">
<select
 onchange="javascript:location.href=this.options[selectedIndex].value;">
<option value="#">テーマを選ぶ↓</option>
<BlogArchiveList archive_type="category">
<option value="{$BlogArchiveLink$}">
{$BlogArchiveTitle$}({$BlogArchiveCount$})</option>
</BlogArchiveList>
</select>
</div></div>
   てきとうに解説
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/11
カテゴリ:サイドバー | 

ただいまブリブリ中 / 05年10月23日(日) 19時46分

ただいま、こちらのブログをもとにスタイルシートを変更してます。

一応女の子らしいのでピンク色にしました。
タイトルにあわせて、いろんなところに点々をつけてみました。
あと、透かし文字?とタモさん風侍画像もふんだんにちりばめたら、
なんだかポンコツ風味になりました:-)

まだ、カレンダーとかコメントするところとか触ってないけど、
とりあえずこの路線でいいのか?
それとも、こんなブリブリは、霊にも取り憑かれないポン氏には似合いませんか?
あと、かわいい画像が少ないのはポン氏が自分のブログにあげてないからであります。
素材屋さんでさがしてくださいな。
ということで、いい素材屋さんを知ってる人はコメントよろしく
この記事のURL:http://yaplog.jp/yaphelp/archive/10
カテゴリ:変更中 | コメント(2)

つぎ / 05年10月22日(土) 21時49分

次は、このブログをもとに作っちゃる。

スキンその1 / 05年10月22日(土) 21時35分

ただいまのスキンはYaplog!の↓このスキンを元に作ってます。
(追記:23日に変えましたので、今はこのスキンではありませんが下に書いてる方法で変更できます)
←Yaplog!のスキン
↑よく見るとちょっと違う↓
←改造したスキン
記事の幅が狭かったので(広がる分いっぱいに)広くして
背景は透過にしてみた。
記事のタイトル画像は、幅が違うので使えませんでした。

スキンを変更するには、このブログで公開してるテンプレートを
コピーして張りつける(コピー&ペースト)だけです。

コピー&ペーストする方法
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/8
カテゴリ:スキン | 

5のつづき / 05年10月22日(土) 21時26分

文字数制限があるのでの続きをここに書きます。
***ご注意***
このスキンの画像は、すべてYaplog!スキンの画像を使ってますので
Yaplog!の方はそのまま使えます。
他のブログの方は画像のURLを変えて使わないといけません。
.side_left{
  margin-top: 0px;
  width: 150px;
}
.side_right{
  margin-top: 0px;
  width: 149px;
}
.side{
  margin: 5px;
  width: 160px;
}
.side_right .side{ width: 149px; }
.side_title{
  text-align:left;
  padding: 3px 0px 3px 19px;
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
  color: white;
  word-break: break-all;
  letter-spacing: 1px;
  background: url(http://www.yaplog.jp/blog/template/114/img/side_title.gif) no-repeat;
  border: 0px ;
  border-right: 0px;
  border-left: 0px;
}
.side_text{
  text-align:left;
  padding-left: 5px;
  font-weight: normal;
  font-size: 13px;
  overflow: hidden;
  color: #333;
  word-break: break-all;
  line-height: 150%;
}
.side_right .side_text{
  color: ffcc99;
}
.side_text A:link,.side_text A:visited{
  font-weight: normal;
  font-size: 13px;
  color: #993300;
  line-height: 150%;
  text-decoration: none;
}
.side_text A:hover,.side_text A:active{
  background-color: #993300;
  color: #fff;
}
.side_right .side_text A:link,
.side_right .side_text A:visited{
  font-weight: normal;
  font-size: 13px;
  color: #ffcccc;
  line-height: 150%;
  text-decoration: none;
}
.side_right .side_text A:hover,
.side_right .side_text A:active{
  background-color: #ffcccc;
  color: #000000;
}
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/7
カテゴリ:CSS | 

/ 05年10月22日(土) 21時17分

このブログのスタイルシートです。
 追記:文字数制限があるので、すべては書けませんでした。
     続きは5のつづきを見て下さい。
記事では右側が切れてますけど、
マウスで選択してコピーすると全部みれます。
***ご注意***
このスキンの画像は、すべてYaplog!スキンの画像を使ってますので
Yaplog!の方はそのまま使えます。
他のブログの方は画像のURLを変えて使わないといけません。
つづけ!→Click here
この記事のURL:http://yaplog.jp/yaphelp/archive/6
カテゴリ:CSS | 
何だここは?
ここは、Yaplog!のスキンや
人のブログのデザインを
自分好みにいじって遊ぶ
そんなブログです。

言われれば、どんな
ブログでもいじります。

管理人:てきとうな人
最新コメント
アイコン画像こけし
ブロック遊び (2008年10月21日)
アイコン画像汁大臣
ブロック遊び (2008年10月01日)
アイコン画像名医
ブロック遊び (2008年09月27日)
アイコン画像ちちち
ブロック遊び (2008年09月24日)
アイコン画像Beast
5のつづき (2008年06月23日)
アイコン画像Ace
5のつづき (2008年06月23日)
アイコン画像Jake
凹むゎ (2008年06月23日)
アイコン画像Janni
凹むゎ (2008年06月23日)
アイコン画像Mindy
5のつづき (2008年06月23日)
アイコン画像Edward
凹むゎ (2008年06月22日)
プロフィール
名前:てすと
てすとの日記です。
プロフィール
  • プロフィール画像
  • アイコン画像 ニックネーム:yaphelp
読者になる
Yapme!一覧
読者になる
てきとうなぶろぐメインへ | 古いヨタ話へ
▲ ページトップへ