ورود

**maani love** · 94-10-4، 11:27 صبح

سلام. عاجزانه خواهشمندم مشکل منو برطرف کنین.
من سعی میکنم یه جوری توضیح بدم که قابل فهم باشه و تونسته باشم منظورمو برسونم

توی مدیریت قالبم(جوملا) چندین استایل وجود داره، من استایل frost رو برای قالب solar خود انتخاب کردم. حالا میرم توی پوشه مربوط به همین استایل، اونجا دو تا پوشه هست، یکی css و دیگری image

توی پوشه image چهار تا عکس است که مربوط به استایلهاست
یکی از عکسها به نظر میاد برای هدر هست که تصویر زیر میشه
http://8pic.ir/images/r1vju87ftf2y8o7p8j3r.jpg

ولی توی سایت همون عکس به این شکل نمایش داده میشه
http://8pic.ir/images/r47wworkiul992y5kxmj.jpg

متوجه اختلاف شدین؟؟
پهن تر شده

این مشکل اونجا منو اذیت میکنه که میخوام به جای این عکس پیش فرض یه عکس به عنوان هدر بزارم ولی متاسفانه اونو پهن میکنه

مشکل از کجاست؟؟

احتمالا این موقعیت استایل دهی شده و تصویر رو تغییر میده

در فولدری که این استایل هست یه فایل css هم توشه که مربوط به این استایله، شاید باید این فایل css ویرایش بشه

**FOX**

(94-10-4، 11:27 صبح)maani love نوشته است: سلام. عاجزانه خواهشمندم مشکل منو برطرف کنین.
من سعی میکنم یه جوری توضیح بدم که قابل فهم باشه و تونسته باشم منظورمو برسونم

توی مدیریت قالبم(جوملا) چندین استایل وجود داره، من استایل frost رو برای قالب solar خود انتخاب کردم. حالا میرم توی پوشه مربوط به همین استایل، اونجا دو تا پوشه هست، یکی css و دیگری image

توی پوشه image چهار تا عکس است که مربوط به استایلهاست
یکی از عکسها به نظر میاد برای هدر هست که تصویر زیر میشه
http://8pic.ir/images/r1vju87ftf2y8o7p8j3r.jpg

ولی توی سایت همون عکس به این شکل نمایش داده میشه
http://8pic.ir/images/r47wworkiul992y5kxmj.jpg

متوجه اختلاف شدین؟؟
پهن تر شده

این مشکل اونجا منو اذیت میکنه که میخوام به جای این عکس پیش فرض یه عکس به عنوان هدر بزارم ولی متاسفانه اونو پهن میکنه

مشکل از کجاست؟؟

احتمالا این موقعیت استایل دهی شده و تصویر رو تغییر میده

در فولدری که این استایل هست یه فایل css هم توشه که مربوط به این استایله، شاید باید این فایل css ویرایش بشه

2 تا احتمال میدم .
1 عکستونو تو فتوشاپ کوچیک کنید سایزشو بعد اپ کنید و جایگزین کنید ( اگه گرافیستین این راه)
2 از طریق کد های csssدر فولدر css میتونید خیلی راحت سایزشو تنظیم کنید ( اگه cssبلدین این راه خیلی اسونه )
من اینا رو یاد داشتم گفتم شاید دوستان خیلی راحت تر کمکن کنن

**maani love**

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

احتمالا از طریق راه دوم قابل انجامه ولی چون بلد نیستم از دوستان خواهش دارم مشکل رو حل کنن

دو تا کد Css هست که نمیدونم کدومشون باید اطلاح بشن، احتمالا کد اولی باید باشه

کد: 

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

@import url(../warp/css/responsive.css);

/* Breakpoints

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

/* Only Desktop */

@media (min-device-width: 1025px) and (min-width: 960px) {

    #block-header,

    .fixed-header #block-top-a {

        position: fixed;

        top: 0;

        width: 100%;

    }

    /* Only for Wordpress if adminbar is active */

    .customize-support #block-header { top: 28px; }

    #block-header { z-index: 10; }

    .fixed-header #block-top-a { z-index: 0; }

    /* Margins */

    #block-header + #block-top-a,

    #block-main { margin-top: 80px; }

    .fixed-toolbar #block-top-a { margin-top: 36px; }

    .fixed-toolbar #block-header + #block-top-a,

    .fixed-toolbar #block-header + #block-main { margin-top: 116px; }

    #block-top-a + #block-main { margin-top: 0; }

}

/* No Desktop */

@media (max-width: 959px) {

    #page.fixed-header #block-top-a { height: auto; }

    #page.fixed-header #block-top-a,

    #page.fixed-header #block-main { margin-top: 0; }

    #top-a,

    #block-main,

    #block-bottom,

    #block-footer { padding: 15px; }

    #block-headerbar > .wrapper { padding: 0 15px; }

    #block-toolbar { padding: 5px 15px; }

}

/* No Touch Devices */

@media (max-device-width: 1024px) {

    #page.fixed-header #block-top-a { height: auto; }

    #page.fixed-header #block-top-a,

    #page.fixed-header #block-main { margin-top: 0; }

    .featured-spotlight .overlay { background: none; }

}

/* All except large Screens */

@media (max-width: 1220px) {

    .wrapper.max-width80 { 

        max-width: 100%; 

        padding-left: 10px;

        padding-right: 10px;

    }

}

/* Only Phones and Tablets (Portrait) */

@media (max-width: 959px) {

}

/* Only Tablets (Portrait) */

@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */

@media (min-width: 480px) and (max-width: 959px) {

    /* Layout */

    #search { display: none; }

}

/* Only Phones */

@media (max-width: 767px) {

    /* Layout */

    #block-toolbar,

    #headerbar,

    #menubar,

    #breadcrumbs,

    #logo { display: none; }

    #block-headerbar > .wrapper { padding-bottom: 15px; }

    .wrapper.max-width80 { 

        padding-left: 0;

        padding-right: 0;

    }

    #header-responsive .searchbox { margin: 0; }

    .menu-responsive { margin-bottom: 5px; }

}

/* Only Phones (Landscape) */

@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */

@media (max-width: 479px) {

    /* System */

    #system .items .item,

    #system .items .item:first-child,

    #page #system .items.gridalicious .item:first-child {

        margin-top: 12px;

        padding-top: 18px;

        border-top-width: 1px;

    }

    #system .items:first-child .item:first-child {

        margin-top: 0;

        border-width: 0;

    }

    #system .items .leading .item {    border-width: 0; }

    #system .item > .links a { margin-right: 5px; }

}

کد دوم

کد: 

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

/*

 * Style Style Sheet - Defines the main look like colors and backgrounds

 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles

 */

/* Base

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

/* Layout

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

body { background: #2a292f; }

#block-toolbar { background: #181320; }

#block-headerbar { 

    border-bottom: 1px solid rgba(255,255,255,0.15);

    background: #20192f;

    background: url(../images/headerbar.png) 50% 50% repeat,

                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,

                #20192f;

    background-size: 100% 100%, 100% 600px, 2500px 600px, 200px 200px;

}

#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);

}

#block-main { background: #f9f9f9; }

#block-bottom { background: #323138; }

#block-footer {

    border-top: 1px solid #28272d;

    background: #2a292f;

}

/* Menus

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

.menu-dropdown .dropdown-bg > div { background: #24212c; }

.menu-dropdown a.level1,

.menu-dropdown span.level1 { color: #888790; }

.menu-dropdown li.level1:hover .level1,

.menu-dropdown li.remain .level1 { 

    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);

    color: #fff;

}

.menu-dropdown  li.parent.remain > .level1 > span,

.menu-dropdown  li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat; }

/* Modules

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

/* Tools

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

#top-a .button-primary { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

#top-a .mod-plain .button-primary:hover,

#top-a .mod-plain .button-primary:active {

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

                inset 0 0 1px rgba(0,0,0,0.5),

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

}

#top-a .button-default,

#top-a form.style button,

#top-a form.style input[type='button'],

#top-a form.style input[type='submit'] { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.5); }

#top-a .mod-plain .button-default:hover,

#top-a form.style button:hover,

#top-a form.style input[type='button']:hover,

#top-a form.style input[type='submit']:hover,

#top-a .mod-plain .button-default:active,

#top-a form.style button,

#top-a form.style input[type='button']:active,

#top-a form.style input[type='submit']:active {

    box-shadow: inset 0 0 0 1px rgba(60,60,110,0.5),

                inset 0 0 5px rgba(60,60,110,0.8), 

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

}

/* System

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

.searchbox input:-moz-placeholder { color: #888790; }

.searchbox input::-webkit-input-placeholder { color: #888790; }

.searchbox input.placeholder { color: #888790; }

.searchbox .results { background: #24212c; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }

**HSG** · 94-10-4، 01:48 عصر

سلام
من جوملا کار نیستم اما تو وردپرس یه امکانی هست که قالب خودش تصاویر رو Crop میکنه و یعنی هر جاش که بخواد رو با هر اندازه ای نمایش میده.حالا دقیق نمی دونم میگم شاید قالب جوملا شما هم این کار رو میکنه.
بهترین کار اینه که اون فایل php قالب که وظیفه نمایش دادن تصویر هدر رو داره رو پیدا کنید و ببینید چی کار کرده.

**ghalebgraph** · 94-10-4، 02:01 عصر

ادرس سایتت ؟

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

یک آدرس از سایت و یا دموی قالب؟؟

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

(94-10-4، 01:26 عصر)FOX نوشته است:
(94-10-4، 11:27 صبح)maani love نوشته است: سلام. عاجزانه خواهشمندم مشکل منو برطرف کنین.
من سعی میکنم یه جوری توضیح بدم که قابل فهم باشه و تونسته باشم منظورمو برسونم

توی مدیریت قالبم(جوملا) چندین استایل وجود داره، من استایل frost رو برای قالب solar خود انتخاب کردم. حالا میرم توی پوشه مربوط به همین استایل، اونجا دو تا پوشه هست، یکی css و دیگری image

توی پوشه image چهار تا عکس است که مربوط به استایلهاست
یکی از عکسها به نظر میاد برای هدر هست که تصویر زیر میشه
http://8pic.ir/images/r1vju87ftf2y8o7p8j3r.jpg

ولی توی سایت همون عکس به این شکل نمایش داده میشه
http://8pic.ir/images/r47wworkiul992y5kxmj.jpg

متوجه اختلاف شدین؟؟
پهن تر شده

این مشکل اونجا منو اذیت میکنه که میخوام به جای این عکس پیش فرض یه عکس به عنوان هدر بزارم ولی متاسفانه اونو پهن میکنه

مشکل از کجاست؟؟

احتمالا این موقعیت استایل دهی شده و تصویر رو تغییر میده

در فولدری که این استایل هست یه فایل css هم توشه که مربوط به این استایله، شاید باید این فایل css ویرایش بشه

2 تا احتمال میدم .
1 عکستونو تو فتوشاپ کوچیک کنید سایزشو بعد اپ کنید و جایگزین کنید ( اگه گرافیستین این راه)
2 از طریق کد های csssدر فولدر css میتونید خیلی راحت سایزشو تنظیم کنید ( اگه cssبلدین این راه خیلی اسونه )
من اینا رو یاد داشتم گفتم شاید دوستان خیلی راحت تر کمکن کنن

(94-10-4، 02:01 عصر)ghalebgraph نوشته است: ادرس سایتت ؟

aminebi.in

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

(94-10-4، 01:48 عصر)HSG نوشته است: سلام
من جوملا کار نیستم اما تو وردپرس یه امکانی هست که قالب خودش تصاویر رو Crop میکنه و یعنی هر جاش که بخواد رو با هر اندازه ای نمایش میده.حالا دقیق نمی دونم میگم شاید قالب جوملا شما هم این کار رو میکنه.
بهترین کار اینه که اون فایل php قالب که وظیفه نمایش دادن تصویر هدر رو داره رو پیدا کنید و ببینید چی کار کرده.

من با فایرباگ تونستم بفهمم که تصویر هدر و اون قسمتها مربوط به چه کدهایی میشه و کدهاشو گذاشتم

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

(94-10-4، 02:02 عصر)AmirRezaei نوشته است: یک آدرس از سایت و یا دموی قالب؟؟

aminebi.in

**ghalebgraph** · 94-10-4، 04:06 عصر

کد دوم رو با این عوض کنید :

کد: 

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

/*

* Style Style Sheet - Defines the main look like colors and backgrounds

* Not all style related CSS is included, only colors and backgrounds which may change for different theme styles

*/

/* Base

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

/* Layout

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

body { background: #2a292f; }

#block-toolbar { background: #181320; }

#block-headerbar { 

    border-bottom: 1px solid rgba(255,255,255,0.15);

    background: #20192f;

    background: url(../images/headerbar.png) 50% 50% repeat,

                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,

                #20192f;

    background-size: 100% 100%, 100% 600px, 2500px 600px, 200px 200px;

}

#block-top-a {

    background: #201d3a url(../images/frost_img.jpg) 50% 0 no-repeat;

    background-size: 100% 385px, cover, 200px 200px;

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

}

#block-main { background: #f9f9f9; }

#block-bottom { background: #323138; }

#block-footer {

    border-top: 1px solid #28272d;

    background: #2a292f;

}

/* Menus

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

.menu-dropdown .dropdown-bg > div { background: #24212c; }

.menu-dropdown a.level1,

.menu-dropdown span.level1 { color: #888790; }

.menu-dropdown li.level1:hover .level1,

.menu-dropdown li.remain .level1 { 

    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);

    color: #fff;

}

.menu-dropdown  li.parent.remain > .level1 > span,

.menu-dropdown  li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat; }

/* Modules

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

/* Tools

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

#top-a .button-primary { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

#top-a .mod-plain .button-primary:hover,

#top-a .mod-plain .button-primary:active {

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

                inset 0 0 1px rgba(0,0,0,0.5),

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

}

#top-a .button-default,

#top-a form.style button,

#top-a form.style input[type='button'],

#top-a form.style input[type='submit'] { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.5); }

#top-a .mod-plain .button-default:hover,

#top-a form.style button:hover,

#top-a form.style input[type='button']:hover,

#top-a form.style input[type='submit']:hover,

#top-a .mod-plain .button-default:active,

#top-a form.style button,

#top-a form.style input[type='button']:active,

#top-a form.style input[type='submit']:active {

    box-shadow: inset 0 0 0 1px rgba(60,60,110,0.5),

                inset 0 0 5px rgba(60,60,110,0.8), 

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

}

/* System

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

.searchbox input:-moz-placeholder { color: #888790; }

.searchbox input::-webkit-input-placeholder { color: #888790; }

.searchbox input.placeholder { color: #888790; }

.searchbox .results { background: #24212c; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }

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

بک لینک