明和のスキン

StylishってアドオンでCSSをローカルで付け足しできる

Firefox
https://addons.mozilla.org/en-us/firefox/addon/stylish...

Chrome
https://chrome.google.com/webstore/detail/stylish/fjnbnp...

返信する

とりあえず板のスレからコピペ。

Firefoxのやり方。
１．まずStylishってアドオンをインストール
２．画像のようにmeiwasuisan.comに対してのスタイル編集を選ぶ
３．最初から数行あると思うけどそれを全部消して下のコードで置き換える
http://www.pasteall.org/57289/cs...
(右上にクリップボードにコピーボタンがある)

返信する

クローム版でけた…。
プログラムなんてやったことないからちんぽんかんぷんだったけど、
調べに調べて何とか前の状態と同じような感じになったと思う。
http://www.pasteall.org/57298/cs...
(Stylishアドオンの所定のところにコピペ)

返信する

他のバリエーション

FireFox用
タイトルの改行に対応
Fontサイズを小さく
画像のズームなし
http://www.pasteall.org/57297/cs...

返信する

うざすぎるサムネが元に戻ったわけだが
やはりデザインの基本からしてサムネとタイトルが近接してないのが
すっきりしてないというか素人っぽく見える原因なんじゃね？
ここってプロいのいるんでしょ？管理人と俺にお手本みせてやんなよ

画像は↓のようなのを参考にやってみた。ここまでやると逆にくどすぎるが。
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
http://webdesignrecipes.com/4-factor-of-designing...

返信する

これだけでもスッキリするとおもうんだけどなー

返信する

たぶんChrome用

036 2015/03/17(火) 23:03:22 ID:HQb6KxxWe2
>>32
同じようなというか、同じ色にしてみたんだけどｗ
http://www.dotup.org/uploda/www.dotup.org219464.txt...
もっと薄いか緑がかったほうがいいのかなあ。

返信する

うおｗ自分の疎いやつがこんなとこに…ｗ
ってか、>>1>>5すごいな…。こんな風にもできるんだ。>>6もシンプルでいい。
プログラム(？)なんてかじったこともなくて全然わかんないけど、ほんとみんなすごいわ。

返信する

>>8
おいｗそれはフォトショだｗ
たぶんHTMLいじらないと実現は無理だけど
プロい人ならもしかして・・・という期待はある

返信する

>>9
そうなんだｗ
それでもすごいけどね。自分フォトショ使えないから。
これを機に少しプログラム勉強してみようかなあ。

返信する

ちなみにCSS(とHTMLやXML)はプログラムとはちょっと違う。
しかし前はプログラムを使わないといけなかったのが
今回の改悪アニメーションみたいにCSSでできるようになったという
タイムリーな記事を見つけたので貼っておこう

かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
http://www.webcreatorbox.com/tech/js-to-css...

まぁ本気で勉強したいならHTML→CSS→Javascript(JQueryやAjax)→PHP(MySQL)みたいな
順にやっていくといいんじゃない？AjaxはPHPの後かな

英語が読めるなら http://www.w3schools.com/ がよくまとまってる

返信する

やっぱりこれは気になるな。
タイトルが上か下のどっちについてるのか
初見にはわからんやん。

ハリコのガッタガタのレイアウトに比べたら
タイトルの上辺と写真の中央が揃ってるのは好感が持てるけど。

返信する

写真の下辺をそろえると若干区別はつきやすくはなるけど
なんか嫌悪感が出るな。

返信する