ورود

**AmirRezaei** · 94-10-4، 05:57 عصر

فایل style.css رو باز کنید و در داخل کد ها کد زیر رو پیدا کنید

کد php: 

#block-top-a {
    background: #201d3a url(../images/frost_img.jpg) 50% 0 no-repeat;
    background: url(../images/gradient.svg) 50% 0 no-repeat,
 url(../images/frost_img.jpg) 50% 0 no-repeat,
 url(../images/frost_bg.jpg) 50% 0 repeat,
 #201d3a;
    background-size: 100% 100%, cover, 200px 200px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
} 

سپس با کد زیر جایگزین کنید

کد php: 

#block-top-a {
    background: #201d3a url(../images/frost_img.jpg) no-repeat;
    background-size: 100% 100%, cover, 200px 200px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
} 

**maani love** · 94-10-4، 06:29 عصر

از کاربران ghalebgraph و AmirRezaei کمال تشکر رو دارم و در مقابل لطف شما سر تعظیم فرود میارم.
مشکلی که چند روز ذهن منو به خودش مشغول کرده بود حل شد.

سپاس...

**maani love** · 94-10-4، 06:35 عصر

حالا که دوستانی مثل شما دارم که اینقدر توانمند هستن اجازه بدین یه سوال دیگه هم در رابطه با کدهای css بپرسم.

سایت زیر دقیقا از قالب خودم که قالب solar از شرکت yootheme هست استفاده میکنه ولی تونسته یک قسمتی رو واسه خودش ویرایش کنه که من نتونستم
joomla-template.ir

کادری که توش مطالب جا گرفته همشون دقیقا یک اندازست ولی قالب اورجینال من این اندازه هاش با هم متفاوته، ببینید
aminebi.in

با فایرباگ فقط تونستم بفهمم کدهای مربوط به این قسمت کجاست، دیگه قادر به تغییر دادنش نیستم

کد: 

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* General

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

#system .title a { color: #616161; }

#system small { color: #969696; }

/* Item

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

.isblog #system .item,

.noblog #content {

  padding: 30px;

  background: #fff;

  box-shadow: 0 1px 0 #e5e5e5;

  box-shadow: 0 1px 0 rgba(0,0,0,0.1);

}

#system .item > header .meta,

#system .item > header .subtitle {

  color: #afafaf;

  font-size: 13px;

}

#system .item > header .meta a { color: #858585; }

#system .item > header .meta a:hover { color: #dd512e; }

#system .item > .links a {

  display: inline-block;

  padding: 8px 14px;

  border-radius: 2px;

  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

}

#system .item > .links a:hover {

  box-shadow: inset 0 1px 5px rgba(0,0,0,0.3),

        inset 0 0 1px rgba(0,0,0,0.3);

}

#system .item > .links a:active {

  box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),

        inset 0 0 1px rgba(0,0,0,0.3);

  text-shadow: 0 0 5px rgba(255,255,255,0.6);

}

#system .gridalicious .item > .links a {

  margin: 0;

  padding: 0 15px 0 0;

  background: none;

  box-shadow: none;

  text-shadow: none;

}

#system .gridalicious .item > .links a:hover {

  background: none;

  color: #2A2A2A;

}

/* Items

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

#system .items { margin: 0 -5px 0 -5px; }

#system .items .item { margin: 0 5px 0 5px; }

#system .items .item { margin-top: 10px; }

#system .items.gridalicious .item {

  margin: 0;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#system .items .item:first-child { margin-top: 0; }

/* Featured Article

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

#page #system .item .featured-image {

  display: block;

  margin: -30px -30px 0 -30px;

}

#system .item > header .title {

  margin-bottom: 10px;

  padding-bottom: 20px;

  background: url(../images/header_stripes.png) 0 100% repeat-x;

}

/* Pagination

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

#system .pagination { margin-bottom: 10px; }

#system .pagination a,

#system .pagination strong,

#system .pagination a.previous,

#system .pagination a.next {

  height: 30px;

  width: 30px;

  padding: 0;

  border: 1px solid #e5e5e5;

  border: 1px solid rgba(0,0,0,0.1);

  border-radius: 50%;

  overflow: hidden;

  font-size: 16px;

  line-height: 30px;

}

#system .pagination a { color: #969696; }

#page #system .pagination a:active {

  color: #666;

  border-color: #666;

}

#system .pagination a.next,

#system .pagination a.previous,

#system .pagination a.first,

#system .pagination a.last {

  background-position: 50% 0;

  background-repeat: no-repeat;

  text-indent: -80px;

}

#system .pagination a.next:hover { background-position: 50% -50px; }

#system .pagination a.next:active { background-position: 50% -100px; }

#system .pagination a.previous { background-position: 50% -300px; }

#system .pagination a.previous:hover { background-position: 50% -350px; }

#system .pagination a.previous:active { background-position: 50% -400px; }

#system .pagination a.first { background-position: 50% -450px; }

#system .pagination a.first:hover { background-position: 50% -500px; }

#system .pagination a.first:active { background-position: 50% -550px; }

#system .pagination a.last { background-position: 50% -150px; }

#system .pagination a.last:hover { background-position: 50% -200px; }

#system .pagination a.last:active { background-position: 50% -250px; }

#system .pagination strong {

  color: #666;

  border-color: #969696;

}

/* Search Box

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

.searchbox {

  width: 120px;

  height: 80px;

  margin: 0 15px;

  padding-right: 25px;

  padding-left: 5px;

}

.searchbox input {

  position: absolute;

  width: 90px;

  height: 80px;

  z-index: 111;

  padding-left: 25px;

  background: url(../images/searchbox_magnifier.png) 0 50% no-repeat;

  font-size: 16px;

  color: #d4d4d4;

  text-transform: uppercase;

}

.searchbox input:-moz-placeholder { text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.searchbox input::-webkit-input-placeholder { text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.searchbox input.placeholder { text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.searchbox.filled button {

  width: 25px;

  z-index: 111;

  background: url(../images/searchbox_reset.png) 50% 50% no-repeat;

}

.searchbox.loading button {

  background-position:  50% 50%;

   background-repeat: no-repeat;

 }

/* Drop-Down Results */

.searchbox .results {

  top: 80px;

  right: -20px;

  width: 250px;

  z-index: 110;

  padding: 20px 40px;

}

.searchbox .results:before {

  content: "";

  position: absolute;

  display: block;

  top: -80px;

  right: 0;

  width: 185px;

  height: 80px;

  background: #191919;

  background: rgba(0,0,0,0.15);

  box-shadow: 1px 0 0 rgba(255,255,255,0.04),

        -1px 0 0 rgba(255,255,255,0.04),

        inset 0 0 5px rgba(0,0,0,0.08);

}

.searchbox .results:after {

  content: "";

  position: absolute;

  display: block;

  top: -12px;

  right: 75px;

  width: 36px;

  height: 12px;

  background-position: 0 0;

  background-repeat: no-repeat;

}

.searchbox .results li.results-header {

  padding: 10px 0;

  border-bottom: 1px dashed #434343;

  text-indent: 0;

  font-size: 18px;

}

.searchbox .results li.more-results {

  border-top: 1px dashed #373737;

  background: url(../images/more_results.png) 0 0 no-repeat;

}

.searchbox .results li.more-results:hover {

  background-position: 0 -50px;

  color: #fff;

}

.searchbox .results li.result {

  padding: 10px 0;

  border-top: 1px dashed #373737;

}

.searchbox .results li.result h3 {

  font-size: 16px;

  color: #fff;

}

.searchbox .results li.results-header + li.result { border-top: none; }

/* Breadcrumbs

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

#breadcrumbs { margin-top: -5px; }

.breadcrumbs a,

.breadcrumbs > span {

  padding-right: 10px;

  background: url(../images/breadcrumbs.png) 100% 50% no-repeat;

  font-size: 12px;

  color: #878787;

}

.breadcrumbs strong {

  color: #bbb;

  font-weight: normal;

}

/* Author Box

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

#system .author-box {

  padding: 15px;

  border: 1px solid #e6e6e6;

  background: #fafafa;

}

#system .author-box .avatar {

  padding: 3px;

  border: 1px solid #d7d7d7;

  background: #fafafa;

}

#system .author-box .name { color: #444; }

/* Comments

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

/* Head */

#system #comments .comment-head {

  padding: 5px;

  border: 1px solid #f3f3f3;

  background: #fcfcfc;

}

#system #comments .comment-byadmin .comment-head {

  border: 1px solid #eddfcb;

  background: #fff6ec;

}

#system #comments .comment-head .author { text-shadow: 1px 1px 0 #fff; }

/* Body */

#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }

/* Respond */

#system #respond h3 { color: #444; }

/* Latest Comments

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

.comments-list > article { border-top: 1px solid #ddd; }

.comments-list > article:first-child { border: none; }

.comments-list .meta { color: #d0d0d0; }

**AmirRezaei** · 94-10-4، 08:59 عصر

من اکثر کارم با وردپرس هست ولی شاید شباهت هایی با همدیگه داشته باشن
در وردپرس برای اینکار سه روش وجود داره:
1- باید تمامی تصاویر یک اندازه و به یک شکل در فتوشاپ ایجاد بشن تا اندازه ها به یک شکل باشند
2- یا باید در کد های css برای تصاویر شاخص ابعاد داده بشه
3- بهترین راه برای همسایز کردن برنامه دستوری در فایل functions.php هست که نمی دونم در جولا وجود داره یا نه ؟ که اگه وجود داشته باشه دستوری نوشته میشه که هنگام آپلود تصویر از یک عکس چند نسخه در سایز های متفاوت آپلود می کنه

ولی با تغییر اندازه تصویر هم باکس مطالب شما تغییری نمی کند چون عنوان مطالب هم در سایز باکس تاثیر دارند و باید تمامی سایز و فونت عناوین هم ویرایش بشوند

**maani love** · 94-10-4، 10:30 عصر

(94-10-4، 08:59 عصر)AmirRezaei نوشته است: من اکثر کارم با وردپرس هست ولی شاید شباهت هایی با همدیگه داشته باشن
در وردپرس برای اینکار سه روش وجود داره:
1- باید تمامی تصاویر یک اندازه و به یک شکل در فتوشاپ ایجاد بشن تا اندازه ها به یک شکل باشند
2- یا باید در کد های css برای تصاویر شاخص ابعاد داده بشه
3- بهترین راه برای همسایز کردن برنامه دستوری در فایل functions.php هست که نمی دونم در جولا وجود داره یا نه ؟ که اگه وجود داشته باشه دستوری نوشته میشه که هنگام آپلود تصویر از یک عکس چند نسخه در سایز های متفاوت آپلود می کنه

ولی با تغییر اندازه تصویر هم باکس مطالب شما تغییری نمی کند چون عنوان مطالب هم در سایز باکس تاثیر دارند و باید تمامی سایز و فونت عناوین هم ویرایش بشوند

با تشکر از توضیحات شما

متاسفانه همچین فایلی در جوملا نیست و شاید با نام دیگری وجود داشته باشه

راه اول به نظر میاد که راه گشا باشه، هر چند امتحان نکردم ولی به نظر میاد زمانی این کادرها همسان میشن که عکسها، عنوان و کارکترهای مطالب سایزشون یکسان بشه

ولی درباره راه دوم توضیح بیشتری میدین؟ که در نهایت چه تأثیری خواهد گذاشت؟

**maani love** · 94-10-5، 02:08 عصر

از دو دوست ghalebgraph و AmirRezaei تقاضا دارم در صورت امکان به بنده حقیر کمک کنن

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک