[B! hatena][css] uchiuchiyamaのブックマーク

uchiuchiyama id:uchiuchiyama

hatenaとcssに関するuchiuchiyamaのブックマーク (7)

Site is undergoing maintenance
Site will be available soon. Thank you for your patience!
uchiuchiyama 2016/02/04
hatena

css

design

blog
リンク
はてなブログにグローバルナビゲーションを設置しました - へっぽこ主婦カメラマンの日常
2014-10-18 はてなブログにグローバルナビゲーションを設置しましたはてなブログどうも。cssは少しわかる程度のこりのろっさです。昨日一日かけてスマホ用とPC用にグローバルナビゲーションを設置しました。グローバルナビゲーションって何？サイト内の各コンテンツへ案内するメニューのことです。このようなメニューがあれば、初めてアクセスしてきた方にこのブログの概要を知っていただけますし、私のブログのように色々な内容を載せている場合でも、アクセスしてきた人にスムーズに興味のあるページへたどりついてもらえます。以前にも増して書く記事の内容がバラバラになってきたので、早めにメニューを設置したかったんですが…時間が…時間が… 設置するのに参考にさせていただいたサイト私は少ーしcssがわかる程度ですので設置するのにはすっごく苦労しました。主に助けていただいたのは以下のサイトです。スマ
uchiuchiyama 2014/10/19
css

design

hatena
リンク
【B】10分ではてなブログに「他にこんな記事も読まれています」を表示する簡単な方法！の巻 - HSKぐうたらジャーナル
たとえば、ずらーっと並んだレストランの中から、一店だけ選んでご飯を食べるとき。どうやって選ぶでしょうか？数多くのウェブサイトがあるなかで、自分のブログを選んで、読んでもらうことって似たようなことだと思うのです。食べログにある他の人の評価で選ぶのと同じようにはてブのブックマークされた数で選ぶ、とかお店の雰囲気で選ぶのと同じようにブログのデザインで選ぶ、とか店頭にある見本で料理の内容を確認するように記事の内容が面白そうか確認してから選ぶ、とか過去にご紹介させていただいた記事は、これらの中でもデザインに関することだったり、記事の内容をチラ見せすることだったりいかに「選んでいただくか」という点を良くしていくための内容でした。今回は、「選んでいただいた」あとで、いっぱい注文してもらう(＝他の記事もあわせて読んでもらう)ためのカンタンな方法をご紹介できればと思います。店
uchiuchiyama 2014/05/27
blog

css

hatena
リンク
はてなブログPC版のサイドバー空きスペースを有効活用したい - 人力検索はてな
【はてなブログPC版のサイドバー空きスペースを有効活用したい】現在左メインカラム（記事本文）と右サイドバーの2カラムデザインを採用、記事本文が長いとある程度下までスクロールすると右サイドバーはただの空きスペースとして表示される形となります。 [参考] http://www.masaemon.jp/entry/2014/04/22/tokyo-mita-ramen-jiro-manual ↑中見出し2-3あたりから右サイドバーが空きスペースとなります。そこで、右サイドバーが空きスペースとなるタイミングで表示を現在の2カラムから記事本文だけの1カラムにする見せ方をしたいと思うのですが、CSSやJavascriptの知識が乏しいレベルの者でも簡単・確実・安全に、何よりはてなブログ上でもきちんと実装できる術をご教示下さい。【条件等】・IEの古いバージョンとかは除き、主流ブラウザ（IE、Ch
uchiuchiyama 2014/05/12
hatena

javascript

css

design

blog
リンク
http://www.hanako-no-blog.com/entry/2014/04/30/211057
uchiuchiyama 2014/05/02
blog

hatena

css

design

tutorial

links
リンク
【B】はてなブログをとことんカスタマイズ！新着記事をちょこっとだけ派手に見せる方法、の巻 - HSKぐうたらジャーナル
以前の記事で、ブログ記事を写真の一覧で見せるwebサービス複眼RSSの使い方をご紹介させていただきました。【B】はてなブログに過去記事を写真で表示する、お手軽カンタンカスタマイズの巻 - HSKぐうたらジャーナルすごく手軽にブログの見た目を変えられるし、重宝していたのです…が。ちょっと物足りないところがぽろぽろと出てくるように。むー。困った。だったら自分でコードを書いちゃおう！というわけで、拙いながらもJavascriptとCSSを書いてみました。今回ご紹介する方法は、ちょっと手間は掛かるのですが次のようなメリットがあります。記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい最新の記事を見つけやすい、”NEW”アイコンが付く広告表示一切なし！所要時間は、本記事の設定をそのままコピペ！で約20分。ガッツリとカスタマイズしたい！という方にも、CS
uchiuchiyama 2013/06/24
hatena

blog

javascript

css

design

google

api

development
リンク
はてぶタグを縦１列に並べるためのスタイルシート - 博物士
http://d.hatena.ne.jp/REV/20060427#p5 にて b:id:genesis をご紹介いただきました*1。せっかくの機会なので，少しばかり情報提供しておきます。秩序だっていない keywordcloud が好きになれない性格なもので，はてなブックマークのタグについても CSS を操作することで整列させています。次の文を［設定］‐［デザイン編集］‐［スタイルシート］に書き加えることで実現させました。なお，これは「基本テーマ」に合わせたもの。 div.taglist { width: 15%; margin-left: 48px; margin-bottom: 32px; } div.taglist ul li { display: block; background: #fafafa; border: 1px solid #eeeeee; padding-
uchiuchiyama 2007/06/29
hbto

hatena

css

design
リンク
1