کدی برای ریسایز کردن تصاویر

mr.meysam · آبان 93

سلام

جدیدا قالب سایتم رو تغییر دادم و الان تمام عکس ها از قالب بیرون میزنه...!!!

کدی هست که توی قالب بزارم و تمام عکس ها از یه سایزی بیشتر نشن؟

از افزونه هم نمیخوام استفاده کنم

پیشاپیش ممنون

مهدی · آبان 93

سلام

خوب اندازه بندانگشتی تصاویرتون رو کم کنید

یا این‌که با css مقدارش رو تغییر بدید

ویرایش شده آبان 93 توسط مهدی

mr.meysam · آبان 93

الان اگه اندازه تصاویر رو تغییر بدم کل تصاویر سایز اصلیشون تغییر میکنه؟ یا فقط موقع نمایش کوجک تر نشون میده؟

ممنون

hamidwi · آبان 93

سلام

آدرس آنلاین قرار بدید که مشکل سریعتر حل بشه و سردرگم نشید.

mr.meysam · آبان 93

سلام
آدرس آنلاین قرار بدید که مشکل سریعتر حل بشه و سردرگم نشید.

سلام

چون قالب جدید سایت مشکل داره فعلا قالب قدیمی روی سایت هست!

-----

الان بخوام عرض واسه عکس ها مشخص کنم چیکار باید بکنم؟

حاج ایمان · آبان 93

عزیز آدرس بدید بررسی کنیم بگیم کجا رو تغییر بدید ، قالب مشکل دار رو یه جا بزار ببینیم درستش کنیم

mr.meysam · آبان 93

عزیز آدرس بدید بررسی کنیم بگیم کجا رو تغییر بدید ، قالب مشکل دار رو یه جا بزار ببینیم درستش کنیم

قالب sparks هست

از این ادرس دانلود کردمش:

http://rooeen.com/30...-دار-sparks.htm

--------------

این فایل styel.css:

/*

Theme Name: Sparks

Theme URI: http://fthemes.com/sparks-free-wordpress-theme/'>http://fthemes.com/sparks-free-wordpress-theme/

Description: Sparks is a free news WordPress theme with featured content option and options page. Supports post thumbnails. Suitable for any niche, especially for news or magazine sites.

Author: FThemes.com

Author URI: http://fthemes.com

Version: 2.0

Tags: black, blue, three-columns, left-right-sidebars

*/

/* =GENERAL

-------------------------------------------------------------- */

body {

background: url(images/background.png);

color: #4B4B4B;

font-family:tahoma;

}

@font-face {

font-family: 'BYekan';

src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */

url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */

}

@font-face {

font-family: 'BKoodak';

src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */

url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/

url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */

}

#wrapper {

}

#container {

}

a {

color: #2899C5;

text-decoration: underline;

}

a:hover, a:focus {

color: #1FC0FF;

text-decoration: none;

}

a:focus {

outline: none;

}

/* =HEADER

-------------------------------------------------------------- */

#header {

height: 60px;

padding:34px 0;

}

.branding {

float: left;

padding-left: 0;

}

.header-banner {

float: right;

padding-right: 0;

}

.logo {

margin: 5px 0;

padding: 0;

}

h1.site-title {

margin: 0;

padding:0;

font-family: Arial, Helvetica, Sans-serif;

font-size:40px;

line-height: 40px;

font-weight: bold;

color: #D3D1D1;

}

h1.site-title a, h1.site-title a:hover {

color: #D3D1D1;

text-decoration: none;

}

h2.site-description {

margin: 0;

padding:0;

color: #D3D1D1;

font-family: Arial, Helvetica, Sans-serif;

font-size:14px;

line-height: 14px;

}

.social-profiles {

text-align: right;

margin: 10px 0 0 0;

}

.social-profiles img {

opacity : 0.7;

-ms-filter: "progid:DXImageTransform.Microsoft. »

Alpha(Opacity=70)";

filter: alpha(opacity = 70);

}

.social-profiles img:hover {

opacity:1.0;

-ms-filter: "progid:DXImageTransform.Microsoft. »

Alpha(Opacity=100)";

filter: alpha(opacity = 100);

}

/* =MENUS

-------------------------------------------------------------- */

/**

* Menu Primary

----------------------------*/

.menu-primary-wrap {

padding: 0;

position:relative;

height: 30px;

z-index: 400;

margin-top: 10px;

border-bottom: 4px solid #20B1D6;

float: right;

}

.menu-primary {

}

.menu-primary ul {

min-width: 160px;

}

/* First Level */

.menu-primary li a {

color: #FFFFFF;

padding: 10px 8px 9px 8px;

margin-right: 6px;

text-decoration: none;

font-family: BYekan,Arial, Helvetica, Sans-serif;

font-size: 11px;

text-transform: uppercase;

}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,

.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {

color: #23C1FF;

outline: 0;

}

/* Child Levels */

.menu-primary li li a {

color: #FFFFFF;

text-transform: none;

background: #2899C5;

padding: 10px 15px;

margin: 0;

font-weight: normal;

}

.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,

.menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {

color: #FFFFFF;

background: #2180A5;

outline: 0;

}

/* Arrows */

.menu-primary a.sf-with-ul {

padding-right: 30px;

min-width: 1px;

}

.menu-primary .sf-sub-indicator {

position: absolute;

display: block;

overflow: hidden;

right: 0;

top: 0;

padding: 8px 18px 0 0;

}

.menu-primary li li .sf-sub-indicator {

padding: 8px 15px 0 0;

}

/* Shadows */

.menu-primary-wrap .sf-shadow ul {

background: url('images/menu-primary-shadow.png') no-repeat bottom right;

}

/**

* Menu Secondary

----------------------------*/

.menu-secondary-wrap {

padding:0;

margin: 0;

position:relative;

height: 46px;

z-index: 300;

background: url(images/menu-secondary-bg.png) left top repeat-x;

border-top: 1px dashed #13110F;

}

.menu-secondary {

height: 46px;

}

.menu-secondary ul {

min-width: 160px;

}

/* First Level */

.menu-secondary li a {

color: #F5F2E9;

padding: 17px 16px;

text-decoration: none;

font-family: BYekan,Arial, Helvetica, Sans-serif;

font-size: 12px;

text-transform: uppercase;

margin-right: 2px;

}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,

.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {

color: #FFFFFF;

background: url(images/menu-secondary-bg.png) left -146px repeat-x;

outline: 0;

}

/* Child Levels */

.menu-secondary li li a {

color: #fff;

background: #2899C5;

padding: 10px 15px;

text-transform: none;

margin: 0;

font-weight: normal;

}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,

.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {

color: #fff;

background: #2180A5;

outline: 0;

}

/* Arrows */

.menu-secondary a.sf-with-ul {

padding-right: 26px;

min-width: 1px;

}

.menu-secondary .sf-sub-indicator {

position: absolute;

display: block;

overflow: hidden;

right: 0;

top: 0;

padding: 15px 13px 0 0;

}

.menu-secondary li li .sf-sub-indicator {

padding: 8px 13px 0 0;

}

/* Shadows */

.menu-secondary-wrap .sf-shadow ul {

background: url('images/menu-secondary-shadow.png') no-repeat bottom right;

}

/* =MAIN CONTENT

-------------------------------------------------------------- */

#main {

background: #F4F0ED;

border-bottom: 4px solid #2899C5;

}

#main-fullwidth {

background: #F4F0ED;

}

#content-wrap {}

.content {

padding: 10px 0 10px 0;

}

.post-wrap {

background: url(images/post-wrap-line.png) left top repeat-x;

background: none;

margin-bottom: 15px;

padding: 10px 10px 0 10px;

}

.post-wrap-page, .post-wrap-single {

}

.post {}

.title {

color: #252525;

margin: 0 0 10px 0;

padding: 0;

font-family:BKoodak, Helvetica, sans-serif;

font-size: 24px;

line-height: 24px;

}

.title a {

color: #252525;

text-decoration: none;

-moz-transition-property: all;

-moz-transition-duration: 0.3s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.3s;

-webkit-transition-timing-function: ease;

}

.title a:hover {

color: #2899C5;

text-decoration: none;

text-shadow: 0 2px 0px #ffffff;

}

.generic {

color: #252525;

margin: 0px 0 10px 0;

padding: 0 0 10px 0;

font-weight: bold;

text-transform: uppercase;

font-size: 20px;

font-family: Arial, Helvetica, Sans-serif;

text-decoration: underline;

}

.entry {

line-height: 20px;

font-family: tahoma, Arial, Helvetica, sans-serif ;

}

.entry img {

padding: 5px;

background: #FFFFFF;

border: 1px solid #DCD0C7;

-moz-transition-property: all;

-moz-transition-duration: 0.5s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.5s;

-webkit-transition-timing-function: ease;

}

.entry img:hover {

background: #808080;

-moz-transition-property: all;

-moz-transition-duration: 0.1s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.1s;

-webkit-transition-timing-function: ease;

}

.featured_image {

padding: 6px;

border: 1px solid #DCD0C7;

background: #FFFFFF;

}

.postmeta-primary {

color: #3E3C3C;

font-size: 11px;

text-transform: uppercase;

padding: 0 0 10px 0;

}

.postmeta-secondary {

color: #3E3C3C;

font-size: 11px;

padding: 0 0 15px 0;

}

.meta_date, .meta_author, .meta_comments, .meta_edit, .meta_categories, .meta_tags {

padding:3px 0 3px 20px;

background-position:left center;

background-repeat: no-repeat;

}

.meta_date {

}

.meta_author {

}

.meta_comments {

}

.meta_edit {

}

.meta_categories {

}

.meta_tags {

}

.readmore-wrap {

margin-bottom: 15px;

float: right;

}

a.readmore {

color: #FFFFFF;

background: #625F5F;

padding: 5px 14px;

font-size: 11px;

line-height: 11px;

display: block;

text-decoration: none;

-moz-transition-property: all;

-moz-transition-duration: 0.4s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.4s;

-webkit-transition-timing-function: ease;

}

a.readmore:hover {

color: #fff;

background: #2899C5;

text-decoration: none;

}

/* Featired Posts */

.featuredposts {

margin: 10px 0 0 0;

width: 508px;

background: #FFFFFF;

border: 1px solid #EFE9E5;

}

.fp-slides {

}

.fp-post {

padding: 13px;

}

.fp-thumbnail {

width: 474px;

height: 260px;

margin-bottom: 10px;

overflow: hidden;

border: 4px solid #FFFFFF;

}

.fp-title {

font-family: Arial, Helvetica, sans-serif;

color: #393939;

font-size: 16px;

font-weight: bold;

padding: 0 0 4px 0;

margin: 0;

text-transform: uppercase;

}

.fp-title a {

color: #393939;

text-decoration: none;

}

.fp-title a:hover {

color: #289AC5;

text-decoration: none;

}

.fp-label {

color: #393939;

margin: 15px 15px 0 15px;

padding: 0;

font-weight: bold;

text-transform: uppercase;

font-size: 16px;

line-height: 16px;

font-family: Arial, Helvetica, Sans-serif;

}

.fp-post p {

color: #6F6B6B;

font-family: Arial, Helvetica, Sans-serif;

font-size: 12px;

padding: 0;

margin: 0;

line-height: 16px;

}

.fp-more, .fp-more:hover{

color: #6F6B6B;

font-weight: bold;

}

.fp-nav {

width: 490px;

padding: 0 10px 10px 10px;

}

.fp-pager a {

cursor:pointer;

margin: 3px 6px 0 0;

padding: 0;

height: 10px;

width: 10px;

display: block;

float: left;

overflow: hidden;

text-indent: -999px;

background-position: 0 0;

}

.fp-pager a:hover, .fp-pager a.activeSlide {

text-decoration: none;

background-position: 0 -110px;

}

.fp-prev {

float:right;

margin-right: 4px;

width:15px;

height:17px;

opacity: 0.7;

background:url(images/featured-prev.png) top left no-repeat;

}

.fp-prev:hover {

opacity: 1;

}

.fp-prev:active {

opacity: 0.7;

}

.fp-next {

float:right;

width:15px;

height:17px;

margin-left: 4px;

opacity: 0.7;

background:url(images/featured-next.png) top left no-repeat;

}

.fp-next:hover {

opacity: 1;

}

.fp-next:active {

opacity: 0.7;

}

/* =SIDEBAR(S) & WIDGETS

-------------------------------------------------------------- */

#primary-sidebar-wrap {}

#secondary-sidebar-wrap {}

.sidebar-primary, .sidebar-secondary {

color: #363534;

}

.sidebar-primary {

padding: 10px 0 10px 10px;

}

.sidebar-secondary {

padding: 10px 10px 10px 0;

}

.sidebar-primary a, .sidebar-secondary a {

color: #363534;

text-decoration: none;

}

.sidebar-primary a:hover, .sidebar-secondary a:hover {

color: #289CC7;

text-decoration: none;

}

/**

* General Widgets Styling

----------------------------*/

.widget-wrap {

list-style-type: none;

list-style: none;

margin: 0 0 15px 0;

padding: 0;

}

h3.widgettitle {

color: #F6EBC9;

background: #2C2825;

font-size: 18px;

line-height: 18px;

font-family: BYekan,Arial, Helvetica, sans-serif;

font-weight: bold;

margin: 0 0 5px 0;

padding: 8px 0 8px 6px;

text-transform: uppercase;

border-left: 4px solid #1B87A2;

}

h3.widgettitle a, h3.widgettitle a:hover {

color: #F6EBC9;

text-decoration: none;

}

/**

* Default Widgets

----------------------------*/

.widget ul {

list-style-type: none;

list-style: none;

margin: 0;

padding: 0;

}

.widget ul li {

padding: 7px 0 7px 6px;

margin: 0;

background: url(images/sidebar-line.png) left bottom repeat-x;

}

.widget ul li:first-child {

padding-top: 0;

background: url(images/sidebar-line.png) left bottom repeat-x;

}

.widget ul li ul {

margin-top: 10px;

}

/**

* Search

----------------------------*/

#search {

border: 1px solid #C6C5C5;

background: #FFFFFF;

height: 30px;

padding: 0;

text-align: left;

}

#search #s {

background: none;

color: #52575C;

border: 0;

padding: 4px;

margin:3px 0 0 2px;

float: left;

}

#search .search-image {

border:0;

vertical-align: top;

float: right;

margin: 6px 4px 0 2px;

}

#search-wrap {

width: 300px;

padding: 15px 0;

}

.topsearch #search {

margin: 6px 0 0 0;

}

/**

* Wp Calendar

----------------------------*/

#wp-calendar td:hover, #wp-calendar #today {

background: #2899C5;

color: #fff;

}

#wp-calendar td:hover a, #wp-calendar #today a {

color: #fff;

}

/**

* 125x125 Banners Widget

----------------------------*/

.banners-125 {

text-align: center;

margin-bottom: -10px;

}

.banners-125 img {

margin: 0 5px 5px 5px;

}

/**

* Posts Widget

----------------------------*/

.posts-widget ul {

list-style-type: none;

padding: 0;

margin: 0;

}

.posts-widget ul li {

list-style-type: none;

padding: 0 0 5px 0;

margin: 15px 0 0 0;

border-bottom: 1px solid #DACEC5;

}

.posts-widget ul li:first-child {

margin-top: 15px;

}

.posts-widgettitle {

font-weight: bold;

padding: 0 0 5px 0;

margin: 0;

font-family: Arial, Helvetica, Sans-serif;

font-size: 14px;

}

.posts-widgettitle a {}

.posts-widgettitle a:hover {}

.posts-widget-meta {

font-style: italic;

padding: 0 0 5px 0;

}

.posts-widget-entry {

font-family: Arial, Helvetica, Sans-serif;

line-height: 20px;

}

.posts-widget-more {

font-weight: bold;

}

.posts-widget-more:hover {}

.posts-widget-featured-image {

border: 1px solid #DACEC5;

padding: 4px;

background: #fff;

}

.posts-widget .alignleft {

margin: 0 8px 8px 0;

}

.posts-widget .alignright {

margin: 0 0 8px 8px;

}

.posts-widget .aligncenter {

margin-bottom: 8px;

}

/**

* Comments Widget

----------------------------*/

.comments-widget ul {

list-style-type: none;

padding: 0;

margin: 0;

}

.comments-widget ul li {

list-style-type: none;

padding: 0 0 10px 0;

margin: 10px 0 0 0;

border-bottom: 1px solid #DACEC5;

}

.comments-widget ul li:first-child {

margin-top: 0;

}

.comments-widget-author {

text-decoration: none;

font-weight: bold;

padding: 0 0 5px 0;

margin: 0;

}

.comments-widget-author:hover {}

.comments-widget-entry {

font-family: Arial, Helvetica, Sans-serif;

line-height: 20px;

}

.comments-widget-more {

font-weight: bold;

}

.comments-widget-more:hover {}

.comments-widget-avatar {

border: 1px solid #DACEC5;

padding: 4px;

background: #fff;

}

.comments-widget .alignleft {

margin: 0 8px 0 0;

}

.comments-widget .alignright {

margin: 0 0 0 8px;

}

.comments-widget .aligncenter {

margin-bottom: 8px;

}

/**

* Info Box Widget

----------------------------*/

.infobox-widget ul {

list-style-type: none;

padding: 0;

margin: 0;

}

.infobox-widget ul li {

list-style-type: none;

padding: 0;

margin: 5px 0 0 0;

}

.infobox-widget ul li a {

text-decoration: none;

}

.infobox-widget-description {

line-height: 20px;

}

.infobox-widget-more {

font-weight: bold;

}

.infobox-widget-more:hover {

}

.infobox-widget .alignleft {

margin: 0 10px 10px 0;

}

.infobox-widget .alignright {

margin: 0 0 10px 10px;

}

.infobox-widget .aligncenter {

margin-bottom: 10px;

}

.infobox-widget .inbottom {

margin-top: 10px;

}

/**

* Social Connect Widget

----------------------------*/

.social-connect-widget {

background: #FFFFFF;

border: 1px solid #C6C5C5;

padding: 10px;

-moz-transition-property: all;

-moz-transition-duration: 0.8s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.8s;

-webkit-transition-timing-function: ease;

}

.social-connect-widget:hover {

background: #E8E3E0;

border: 1px solid #9F9F9F;

-moz-transition-property: all;

-moz-transition-duration: 0.1s;

-moz-transition-timing-function: ease;

-webkit-transition-property: all;

-webkit-transition-duration: 0.1s;

-webkit-transition-timing-function: ease;

}

.social-connect-widget a {

font-weight: bold;

text-decoration: none;

font-family: Bkoodak,Arial, Helvetica, Sans-serif;

font-size:15px;

}

.social-connect-widget a:hover {

text-decoration: none;

}

.social-connect-widget img {

vertical-align:middle;

margin-right: 5px;

}

/**

* Social Share Widget

----------------------------*/

.social-share-widget ul {

list-style-type: none;

padding: 0;

margin: 0;

}

.social-share-widget ul li {

text-align: left;

}

.social-share-widget ul li a {

width: 32px;

height: 32px;

margin: 0 0px;

padding: 0;

}

.social-share-widget ul li a img {

opacity: 0.7;

}

.social-share-widget ul li a:hover img {

opacity: 1;

}

/**

* Tabs Widget

----------------------------*/

.tabs-widget {

list-style: none;

list-style-type: none;

margin: 0 0 10px 0;

padding: 0;

height: 26px;

}

.tabs-widget li {

list-style: none;

list-style-type: none;

margin: 0 0 0 4px;

padding: 0;

float: left;

}

.tabs-widget li:first-child {

margin: 0;

}

.tabs-widget li a {

color: #4F4E42;

background: url(images/tabs-widget-bg.png) left top repeat-x;

padding: 4px 10px;

font-family: Arial, Helvetica, Sans-serif;

font-weight: normal;

display: block;

text-decoration: none;

font-size: 12px;

}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {

background: url(images/tabs-widget-bg.png) left -126px repeat-x;

color: #FFFFFF;

}

.tabs-widget-content {

background: #F4F0ED;

}

/* Flexi Text */

.flexi-text {

margin: 0;

padding: 0;

}

/**

* Tweets Widget

----------------------------*/

.tweets-widget ul {

list-style-type: none;

margin: 0;

padding: 0;

line-height: 20px;

font-family: Arial, Helvetica, Sans-serif;

}

.tweets-widget ul li {

list-style-type: none;

padding: 0;

margin: 15px 0 0 0;

}

.tweets-widget ul li:first-child {

margin-top: 5px;

}

.tweets-widget li.tweets-bird {

padding-left: 24px;

background: url(images/tweets.png) left 2px no-repeat;

}

.tweets-widget a {}

.tweets-widget a:hover {}

a.tweets-widget-time {

text-decoration: underline;

}

a.tweets-widget-time:hover {

text-decoration: none;

}

/* =FOOTER

-------------------------------------------------------------- */

#footer-wrap {}

#footer {

}

#copyrights {

color: #DFDFDF;

text-align: center;

padding: 18px 0;

background: url(images/footer-bg.png) left top repeat-x;

margin-top: 2px;

}

#copyrights a {

color: #DFDFDF;

}

#copyrights a:hover {

color: #DFDFDF;

text-decoration: none;

}

#credits {

color: #ACACAC;

text-align: center;

font-size: 11px;

padding: 10px 0;

}

#credits a {

color: #ACACAC;

text-decoration: none;

}

#credits a:hover {

text-decoration: none;

color: #ACACAC;

}

/* =COMMENTS

-------------------------------------------------------------- */

#comments {

margin-bottom: 15px;

}

#comments p {

margin: 5px 0 10px 0;

}

h3#comments-title {

font-weight: bold;

font-size: 20px;

padding: 0;

margin: 0 0 15px 0;

font-family:BKoodak;

}

.commentlist {

list-style: none;

margin: 0;

padding: 0;

}

.commentlist li.comment {

line-height: 24px;

margin: 0 0 15px 0;

padding: 0 0 0 0px;

position: relative;

}

.commentlist li:last-child {

border-bottom:none;

margin-bottom:0;

}

#comments .comment-body ul,

#comments .comment-body ol {

margin-bottom: 15px;

}

#comments .comment-body blockquote p:last-child {

margin-bottom: 15px;

}

.commentlist .avatar {

border: 3px solid #ffffff;

margin-right: 10px;

width: 40px;

height: 40px;

vertical-align: middle;

margin-bottom: 2px;

}

.comment-author {

font-family:BYekan;

padding: 5px;

display: block;

background: #F2F2F2;

border: 1px solid #DFDFDF;

-moz-border-radius: 4px;

-khtml-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

}

.comment-author cite {

font-style: normal;

font-family:BYekan;

}

.comment-author .says {

font-style: italic;

}

.fn, .fn a:link, .fn a:hover, .fn a:visited {

font-family: BYekan,Arial, Helvetica, Sans-serif;

font-size: 16px;

font-style: normal;

font-weight: bold;

text-decoration: none;

}

.comment-meta {

margin: -23px 0 0 65px;

display: block;

font-size: 11px;

padding:0;

}

.comment-meta a:link,

.comment-meta a:visited {

text-decoration: none;

margin-right:67px;

}

.reply {

text-align: right;

margin-bottom: 10px;

}

.comment-reply-link {

font-size: 11px;

font-weight: normal;

text-decoration: none;

background: #EDEDED;

color: #333;

padding: 2px 8px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

border: 1px solid #999999;

}

.comment-reply-link:hover {

background: #F5F5F5;

color: #333;

}

.commentlist .children {

list-style: none;

margin: 0;

}

/* Children */

.commentlist .children li {

border: none;

margin: 0;

}

.nocomments {

display: none;

}

#comments .pingback {

margin-bottom: 18px;

padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

margin-top: -6px;

}

#comments .pingback p {

font-size: 12px;

line-height: 18px;

display:block;

margin: 0;

}

#comments .pingback .url {

font-style: italic;

font-size: 13px;

}

/* Comments form */

#respond {

overflow: hidden;

position: relative;

margin-bottom: 15px;

}

h3#reply-title {

font-weight: bold;

font-size: 20px;

padding: 0;

margin: 0 0 15px 0;

font-family:BKoodak;

}

#respond .required {

color:#FF4B33;

}

#respond .comment-notes {

margin-bottom: 1em;

}

.form-allowed-tags {

display: none;

}

.children #respond {

margin: 0 48px 0 0;

}

#comments-list #respond {

margin: 0 0 18px 0;

}

#comments-list ul #respond {

margin: 0;

}

#cancel-comment-reply-link {

font-size: 12px;

line-height: 18px;

font-weight: normal;

}

#respond .required {

color:#FF4B33;

font-weight:bold;

}

#respond label {

font-size: 12px;

font-weight: bold;

}

#respond input {

margin:10px 0 0 0;

width:98%;

}

#respond textarea {

width:98%;

margin:10px 0 0 0;

}

#respond .form-allowed-tags {

font-size: 12px;

line-height: 18px;

}

#respond .form-allowed-tags code {

font-size: 11px;

}

#respond input[type=submit] {

margin: 0;

}

#respond .form-submit {

margin: 0;

}

#respond .form-submit input {

width: auto;

font-size: 14px;

}

#respond dl {

margin: 0 0 10px;

}

#respond dt {

display: inline;

font-weight: normal;

}

#respond dd {

display: inline;

}

ویرایش شده آبان 93 توسط mr.meysam

majid1889 · آبان 93

از این کد استفاده کنید و بجای 100px هر سایز دلخواهتون رو قرار بدید !


img{
  max-width: 100px;
}

مهدی · آبان 93

الان اگه اندازه تصاویر رو تغییر بدم کل تصاویر سایز اصلیشون تغییر میکنه؟ یا فقط موقع نمایش کوجک تر نشون میده؟
ممنون

هر قسمت که بزرگ هست همون قسمت رو اندازش و کوچیک کنید

علی زینلی · آبان 93

چند تا راه وجود داره!

اوّلین راه که آسون ترین راه هست و دوستمون گفتن اینکه از این کد استفاده کنید:

img{
  max-width: 100px;
  max-height: 100px;
}

البتّه اگه بخواین فقط عکس ها مثلاً index رو اونم یه قمست خاصیش رو کوچیک کنین باید از این کد استفاده کنین:

.test img{
  max-width: 100px;
  max-height: 100px;
}

اونموقع باید به هر عکسی که میخواین کوچیک بشه کلاس بدین

یعنی:

<img src="http://آدرس یه عکسی.jpg" class="test" alt="آلت فراموش نشه در سئو مؤثر هست">

البتّه این راه خیلی بده...

دلیلش هم اینکه برای یه عکس خیلی کوچیک که مثلاً 300×300 پیکسل هست یه حجم خیلی زیاد رو مصرف میکنه و باعث کندی سایتتون میشه!

پس میتونین از روش زیر استفاده کنین!

____________

پنل وردپرسیتون » نمایش » ویرایش » پرونده functions.php

اضافه کردن کد زیر:

add_theme_support('post-thumbnails');
add_image_size( 'esm', 700, 500, true );

حالا برای فراخوانی عکس:

هر جایی که میخواین عکس قرار بگیره » اضافه کردن کد زیر:

<?php the_post_thumbnail('esm'); ?>

mr.meysam · آبان 93

از این کد استفاده کنید و بجای 100px هر سایز دلخواهتون رو قرار بدید !
img{
max-width: 100px;
}

ممنون

این کد تمام عکس ها رو ریسایز میکنه؟

من میخوام فقط عکس مطالبی که میزنم رو تغییر بده

هر قسمت که بزرگ هست همون قسمت رو اندازش و کوچیک کنید

حدود 700 تا مطلبه...!!! :blink:

چند تا راه وجود داره!
اوّلین راه که آسون ترین راه هست و دوستمون گفتن اینکه از این کد استفاده کنید:
img{
max-width: 100px;
max-height: 100px;
}
البتّه اگه بخواین فقط عکس ها مثلاً index رو اونم یه قمست خاصیش رو کوچیک کنین باید از این کد استفاده کنین:
.test img{
max-width: 100px;
max-height: 100px;
}
اونموقع باید به هر عکسی که میخواین کوچیک بشه کلاس بدین
یعنی:
<img src="http://آدرس یه عکسی.jpg" class="test" alt="آلت فراموش نشه در سئو مؤثر هست">
البتّه این راه خیلی بده...
دلیلش هم اینکه برای یه عکس خیلی کوچیک که مثلاً 300×300 پیکسل هست یه حجم خیلی زیاد رو مصرف میکنه و باعث کندی سایتتون میشه!
پس میتونین از روش زیر استفاده کنین!
____________
پنل وردپرسیتون » نمایش » ویرایش » پرونده functions.php
اضافه کردن کد زیر:
add_theme_support('post-thumbnails');
add_image_size( 'esm', 700, 500, true );
حالا برای فراخوانی عکس:
هر جایی که میخواین عکس قرار بگیره » اضافه کردن کد زیر:
<?php the_post_thumbnail('esm'); ?>

ممنون بابت توضیحات

کدی که majid1889 گذاشتن خوب بود فقط یه مشکلی داشت که تمام عکس ها رو ریسایز میکرد!

من میخوام فقط عکس های مطالب کوچک بشن نه تمام عکس ها!

ویرایش شده آبان 93 توسط mr.meysam

majid1889 · آبان 93

آدرس آنلاین بدید !

علی زینلی · آبان 93

ممنون بابت توضیحات
کدی که majid1889 گذاشتن خوب بود فقط یه مشکلی داشت که تمام عکس ها رو ریسایز میکرد!
من میخوام فقط عکس های مطالب کوچک بشن نه تمام عکس ها!

خب من که توضیح دادم دو راه رو برای شما!

یکی اینکه از تصویر بند انگشتی استفاده کنی و تصویر بند انگشتی رو بذاری براشون

یکی دیگه اینکه به اوّل حلقه پست هات هم توی index.php هم توی single.php کد زیر رو وارد کنی

<div class="یه اسم انتخابی خودت">

یادت نره که به آخر حلقه نمایش پست هات این کد رو اضافه کنی:

</div>

و این کد رو بذار توی فایل style.css

.همون اسم انتخابی img{max-width: 100px;}

اگه هم آدرس آنلاین بذاری که بگیم توی کد ها چه تغییری انجام بدی هم بهتر میشه...

مهدی · آبان 93

حدود 700 تا مطلبه...!!!

ببینید مثلا قالب شما عکس‌های داخل هر پست رو بزرگ نشون میده، در این حالت می‌رید داخل برگه single از قالب‌تون و اندازش رو تغییر می‌دید در این صورت تمام ۷۰۰ تا مطلب یکجا اندازش کوچیک میشه ...

ورود

کدی برای ریسایز کردن تصاویر

پست های پیشنهاد شده

mr.meysam 4

لینک به ارسال

مهدی 1668

لینک به ارسال

mr.meysam 4

لینک به ارسال

hamidwi 479

لینک به ارسال

mr.meysam 4

لینک به ارسال

حاج ایمان 486

لینک به ارسال

mr.meysam 4

لینک به ارسال

majid1889 733

لینک به ارسال

مهدی 1668

لینک به ارسال

علی زینلی 2114

لینک به ارسال

mr.meysam 4

لینک به ارسال

majid1889 733

لینک به ارسال

علی زینلی 2114

لینک به ارسال

مهدی 1668

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها