AtoZ 時々 鬱な日記

Open / Close

装飾

04. Webデザイン 2018年4月13日 金曜日 20:08:05

サイトの名前を「A to Z」から「A 2 Z」に変更。
それに伴い、テキストじゃなく、CSSでの装飾を試して見た。
組み替えはしたけれど、一応空DIVとかは無しで組んだ。
今現在PCのchoromeのみで確認。
他ブラウザ、モバイルは未確認

Open / Close

re:デザイン終わり

04. Webデザイン 2013年3月28日 木曜日 20:08:42

このサイトのデザインしなおし、ほぼ終わり、にします。
IEの6では確認してないので悪しからず><
細々した調整を今後していくかも、しれません。

Open / Close

re:デザイン

04. Webデザイン 2013年3月25日 月曜日 20:03:09

このサイト、デザインしなおすことにします。
本番そのまま上書きしていくのでしばらく見苦しいかと思います><

Open / Close

[CMSD/jquery/js] CMSDにて、アイテムがない時にはその親要素を表示させないようにする

04. Webデザイン 2011年1月14日 金曜日 17:45:45

<article>
<h3>その他</h3>
<ul>
<cmsd:entrylist name="publications" design="default" rows="100">
<cmsd:group key="cat" value="4" />
</cmsd:entrylist>
</ul>
</article>

とある場合、エントリーが何も無くてもarticle、h3、ulまで表示されてしまう。
ので、
<article id="others">
<h3>その他</h3>
<ul>
<cmsd:entrylist name="publications" design="default" rows="100">
<cmsd:group key="cat" value="4" />
</cmsd:entrylist>
</ul>
</article>

と、article(親要素)に例えばidをあたえ、
cssで、
div#main section article#others{
display:none;
}

と非表示にしてやる。
そしてjqueryの以下のjsを読み込ませ、エントリがある場合(この場合はliがある場合)には、親のarticleにdisplayというクラスを与え、
$(document).ready(function(){
$("article#others:has(li)").addClass("display");
});

cssにて
div#main section article#others.display{
display:block;
}

displayクラスを表示させる。

Open / Close

覚書

04. Webデザイン 2010年10月27日 水曜日 16:23:48

captchaをやめてjsでフォーム要素をはきださせるようにする

Open / Close

Webサイト制作

04. Webデザイン 2010年3月17日 水曜日 14:43:51

去年から個人でwebサイトの制作依頼をいただいてました…
つうか俺がやらせてください、ってお願いしたんだけど、
ようやく、ほぼfixできました。
いつも通ってる東三国の理美容室、brilliantのサイトです。
Nucleusを導入して、ほとんどの箇所をお店の方で更新できるようにしました。
東三国 理美容室 brilliant
東三国 理美容室 brilliant
ホントにアットホームで明るく楽しい理美容室でオススメです。
>>brilliant

Open / Close

Reset css

04. Webデザイン 2010年3月3日 水曜日 0:51:46

覚書。/*
RESET.CSS
html5doctor.com Reset Stylesheet
v1.4.1.0
Author: Richard Clark - https://richclarkdesign.com
2010-03-02 Changed by Brionac,inc. Azuma
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
em,strong,address{
font-weight:normal;
font-style:normal;
}
body {
line-height:1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}
ul,ol {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline:0;
transition: all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
a:hover,
a:focus{
filter: alpha(opacity=80);
opacity:0.8;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #000;
margin:0;
padding:0;
}
*html body hr{
margin:-1em 0 0 0;
}
input, select {
vertical-align:middle;
}