Blog / Makalelerimiz

Web Syfası İçin Gerekli Css Kodları

Herkese Merhaba, Web Syfası hazırlarken sabit olarak gelen ve her Web Syfası teması için gerekli olan CSS Kodlarını bu yazımızda sizlerle paylaşmak istedik.Sıfırdan Web Syfası tema kodlarken genelde unuttuğumuz ve temayı kullanmaya başladığımız zaman yazı yazarken tanımlamış olduğumuz bold,strong,resmi sağa sola dayatma vb kodlarımızın geçersiz olduğunu görüyoruz.Sıfırdan tema yazanlar için gerekli olan bu kodlar varsayılan olarak default temaların içinde gelse de bazen temaları yaparken gözden kaçırıyoruz.Paylaşacağımız css kodlarını temanızın css kodlarına eklerseniz metin editörünüzden,yazınızda yapmış olduğunuz değişiklikleri görebilirsiniz ve yazınızı daha kaliteli bir şekil de okuyucularınıza sunabilirsiniz.

Konu için resim ayarları için;

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width: 100%;
height: auto;
}
.alignleft,img.alignleft {
display: inline;
float: left;
margin-right: 14px;
margin-top: 4px;
}
.alignright,img.alignright .noalignment img.noalignment{
display: inline;
float: right;
margin-left: 14px;
margin-top: 4px;
}
.aligncenter,img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,img.alignright,img.aligncenter {
margin-bottom: 12px;
}

Yazı Elementleri için;

dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,em,i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 10px 0 10px;
border-left-style: dashed;
border-left-width: 3px;
border-left-color: #CCCCCC;
margin-left: 10px;
font-size: 11px;
}
blockquote cite,blockquote em,blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 21px;
margin-bottom: 18px;
padding: 1.5em;
font-size: 12px;
}
abbr,acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

Yazı Elementlerini temanızın tasarımına göre düzeltebilirsiniz..

Bu kodlar reset.css tarzı tüm tasarım fonksiyonlarının sıfırlanmasının ardından gereken kodlardır.