Temadaki Post Resimlerini Boyutlandırma

css bilgim falan olmadığı için kendimce bişeylerle uğraşıyorum bloggerda ama soratemplates in project10 teması var arkadaşlar orda anasayfadaki yayınların resimleri çok büyük enli yani ben onu boyutlandırmak istiyorum ama birtürlü başaramadım internetteki css kodları blogdaki tüm resimleri boyutlandırıyor rica etsem yardımcı olurmusunuz

Ek Olarak: Yardım edecek bilgisi olan yokmu arkadaşlar ?

Ek Olarak: .post {
box-shadow: 0px 1px 5px -1px #6c6c6c;
-moz-box-shadow: 0px 1px 5px -1px #6c6c6c;
-webkit-box-shadow: 0px 1px 5px -1px #6c6c6c;
background: #FFFFFF;
margin-bottom: 12px;
}

.post-footer {
background: #F3F3F3;
border-top: 1px solid #E4E4E4;
padding: 10px 24px;
}

.article-tags {
background: url(http://2.bp.blogspot.com/-JNr1400Bo38/UTNShbYRZUI/AAAAAAAABC8/yfyahaTblJE/s1600/icon-article-tags.png) no-repeat scroll left center transparent;
color: #818181;
cursor: default;
display: block;
font-size: 11px;
line-height: 18px;
padding: 2px 7px 3px 24px;
text-shadow: 0 1px 0 #FFFFFF;
width: 350px;
}

.read-more {
background-color: #DFDFDF;
background-image: url(http://3.bp.blogspot.com/-zXNccwADNh0/UTNSjHkWioI/AAAAAAAABEI/epPjMxcAAHk/s1600/read-more-arrow.png);
background-position: right center;
background-repeat: no-repeat;
border-radius: 4px 4px 4px 4px;
color: #818181;
display: block;
float: right;
font-size: 10px;
padding: 3px 18px 3px 7px;
text-shadow: 0 1px 0 #FFFFFF;
}

.article-box { padding: 10px 24px 20px; }
.article-box p {
color: #373737;
font-size: 14px;
line-height: 20px;
padding: 10px 0 0;
}

.post h1,.post h3 {
color: #FF6100;
font-family: Ropa Sans;
font-size: 21px;
font-weight: normal;
margin-bottom: 6px;
padding: 6px 0;
}

.post h3 a { color: #FF6100; }

.image-hover {
position:relative;
display:block;
}

.image-hover:hover .article-image {
opacity:1;
filter:alpha(opacity=100);
-webkit-transition: opacity 0.10s ease-in;
-o-transition: opacity 0.10s ease-in;
}

.article-image {
background: url(http://3.bp.blogspot.com/-A2uDrj_mAPE/UTNSfuxe-jI/AAAAAAAABCA/2Kj0kB0wwXw/s1600/article-loupe-image.png) no-repeat scroll center center transparent;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}

.image-hover .image-frame {
opacity: 1;
position: relative;
z-index: 0;
}

.image-hover:hover .image-frame { opacity: 0.7; }
.post blockquote { font: italic 13px georgia; margin: 1em 20px;}

.article-icons span {
color: #949494;
font-size: 13px;
margin-right: 14px;
padding-left: 20px;
}

.icon-article-time {
background: url(http://2.bp.blogspot.com/-sL5VpOPcRk8/UTNShRgWuLI/AAAAAAAABDE/i3ioun-lzc8/s1600/icon-article-time.png) no-repeat scroll 1px 3px transparent;
}

.icon-article-user {
background: url(http://1.bp.blogspot.com/-y_toDCkJgX4/UTNShfODPYI/AAAAAAAABDA/D1B4wE5IL3w/s1600/icon-article-user.png) no-repeat scroll 1px 3px transparent;
}

.icon-article-comments {
background: url(http://3.bp.blogspot.com/-bYUtlnon_tY/UTNShI3UoaI/AAAAAAAABC4/7VT7FJbYXbw/s1600/icon-article-comments.png) no-repeat scroll 1px 3px transparent;
}


Sanırım bunlarla oynuycaz ama bulamadım

Ek Olarak: o kadar bilgili insan var yokmu yardım edecek :(

Resim bu arkadaşlar resmi küçültmeyi başardım fakat ortalayamıyorum bu seferde 50 cent sola dayalı duruyor ben onu ortalamak istiyorum

<script>//eval(function(p,a,c,k,e,r){e=function(c){return(c< a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toStr ing(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 c(a,b){m a.n(/<.*?>/o,"").q(/\\s+/).r(0,b-1).t(" ")}9 u(a){v a=w.x(a),b="",b=a.y("4"),b=b.z>=1?\'<3 2="d-5">&C;<3 2="5-D"><4 e="f:g; h:i;" 8="\'+b[0].8+\'" />\':\'<4 e="f:g; h:i;" 8="E://F.G.H/-I/J-K/L/M-N/O.P" />\';a.j=b+\'\'+R+""+"

"+c(a.j,S)+"

"+""};',55,55,'||class|span|img|image|href|postURL| src|function|||stripTags|article|style|width|520px |height|216px|innerHTML|div|h3|return|replace|ig|| split|slice||join|more|var|document|getElementById |getElementsByTagName|length|fancy|hover|nbsp|fram e|https|lh4|googleusercontent|com|G9M2DTCTUwM|Tlh| 2pwtc5I|AAAAAAAABKM|kCJg|Kf3W2M|no_image_yet|jpg|b ox|homeTitle|42'.split('|'),0,{}))
//]]></script>

Burdaki kodlardaki değerlerle oynadım fakat ortalamayı nasıl yapıcam arkadaşlar yokmudur bilgisi olan

Temadaki ön izlemeden bahsediyorsan bahsediyorsan ayarlar css nin içinde olmayabilir.

mesela sizin blogunuzda anasayfada din nedir? postunun altında kare boyutunda resim varya hocam işte o bende dikdörtgen baya enli onu anasayfadaki post görünümünde biraz daha kare göstermek istiyorum çünkü post atarken koyduğum resim anasayfa otomatik enli gösterince çok kötü bozuluyor umarım anlatabilmişimdir

.article-image {
background: url(http://3.bp.blogspot.com/-A2uDrj_mAPE/UTNSfuxe-jI/AAAAAAAABCA/2Kj0kB0wwXw/s1600/article-loupe-image.png) no-repeat scroll center center transparent;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}

height Yükseklik, width genişlik
ister % olarak değer atayabilirsin istersen 300px ile pixel boyutlandırması yapabilirsin. Eğer bundan bahsediyorsan

temada resmin üzerine gelince o css deki linkteki resim çıkıyor büyüteç tarzında turuncu o css kodlarıyla oynayınca üzerine gelince çıkan büyüteç değişiyor sadece hocam baya inceledim ama bulamadım o resimlerle ilgili css kodlarını

Aynı yerden bahsediyoruz. Benim temamdaki o resmin ayarları css içerisinde değil. Ayrı bir script ile yapıldı.

<script>
var thumbnail_mode = "float" ;
summary_noimg = 550;
summary_img = 550;
img_thumb_height = 250;
img_thumb_width = 250;
</script>

bunlar benim kodlarım, muhtemelen sende de benzer kodlar var.

dostum çok sağol harikasın :)

<script>//eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 c(a,b){m a.n(/<.*?>/o,"").q(/\\s+/).r(0,b-1).t(" ")}9 u(a){v a=w.x(a),b="",b=a.y("4"),b=b.z>=1?\'<3 2="d-5">&C;<3 2="5-D"><4 e="f:g; h:i;" 8="\'+b[0].8+\'" />\':\'<4 e="f:g; h:i;" 8="E://F.G.H/-I/J-K/L/M-N/O.P" />\';a.j=b+\'\'+R+""+"

"+c(a.j,S)+"

"+""};',55,55,'||class|span|img|image|href|postURL|src|function|||stripTags|article|style|width|520px|height|216px|innerHTML|div|h3|return|replace|ig||split|slice||join|more|var|document|getElementById|getElementsByTagName|length|fancy|hover|nbsp|frame|https|lh4|googleusercontent|com|G9M2DTCTUwM|Tlh|2pwtc5I|AAAAAAAABKM|kCJg|Kf3W2M|no_image_yet|jpg|box|homeTitle|42'.split('|'),0,{}))
//]]></script>


burdan oynayıp yapabiliyorum çok sağol çok oldum ama son sorum bu seferde resimler küçüldüğü için sola dayalı oluyo ben onu ortaya almak istiyorum 520pxden düşürdüğüm için kalan o beyaz boşluklar sağında solunda olsun resim ortalı olsun onu nerden oynamam gerekli

Ayarlama yaptığın temayı görseydşk belki daha fazla yardımcı olabilirdik

project10 teması soratemplatein hocam bahsetmiştim yukarda zaten link verirsem belki yasaktır diye bilmediğim için veremedim

Ek Olarak: yokmu arkadaşlar yardım edecek ?