エプソンダイレクト株式会社

2022年3月1日(火曜日)

ホームページをちょっとだけいじってみました

Category: 社長日記 | Posted By at 23:59:35

次々と報道されてくるウクライナの情報は本当に心が痛みます。
正直ロシアがここまでの暴挙に出るとは思いませんでした。
一日も早くこの状況が終わることを願わずにはいられません。

さて、少しでもなにかできないかと思いながら、
ホームページ上でアピールしてみることにしました。

いじったのはスタイルシート( .css ファイル)だけで
通常のホームページであれば以下のコードを
CSS の最後につけるだけで対応できると思います。
もちろん作業される際は必ずファイルのバックアップを取り、
いつでも戻せるようにしておいてください。

もちろん一番いいのはこのコードが
明日には必要がないようになっていればいいのですが。

/*--------------- キ リ ト リ ---------------*/
body {
position : relative;
margin-top : 6rem;
background-position : top 6rem left 0;
}
body::before,
body::after {
display : flex;
justify-content : center;
align-items : center;
width : 100%;
height : 3rem;
position : fixed;
font-weight : bold;
font-family : 'Meiryo';
left : 0;
font-size : 1.5rem;
z-index : 100;
}
body::before {
content : 'PEACE FOR UKRAINE';
background-color : #FFD500;
top : 3rem;
color : black;
letter-spacing : 0.2rem;
}
body::after {
content : 'ウクライナに平和を';
background-color : #005BBB;
top : 0;
color : white;
letter-spacing : 0.5rem;
}
/*--------------- キ リ ト リ ---------------*/

トラックバック URL

コメント&トラックバック

コメントはありません。

コメントフィード

コメント





XHTML: 以下のタグが利用可能です。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム