سوال درمورد ويرايش قالب

[abolfazl 156]

سلام دوستان

يه قالبي رو ويرايش كردم اما به دوتا مشكل برخوردم:

1- اينكه صفحه بندي نداره يعني همون شماره هايي كه مربوط به ساير صفحات هست

2- وقتي افزونه ي ckeditor رو فعال ميكنم تو قسمت نظرات اختلالاتي ايجاد ميشه وهمه ي نظرات تو قسمت باكس ويرايشگر نظرات گونجونده ميشه!!!

ميشه راهنماييم كنيد تا مشكل حل بشه؟

اين ادرس سايت آزمايشي:

http://bt313.cloudsite.ir

ویرایش شده اردیبهشت 92 توسط abolfazl

[Parsa 23463]

در مورد صفحه بندی بحث زیاده . میتوانید از افزونه wp-pagenavi استفاده کنید

در تنظیمات ckeditor بخش نظرات را غیرفعال کنید

[abolfazl 156]

آقا پارسا از راهنماييتون ممنونم

اما افزونه ي wp-pagenavi نصب هست ولي صفحه بندي وجودنداره!!!

مشكل ازكجا ميتونه باشه؟

[Parsa 23463]

http://wordpress.org/extend/plugins/wp-pagenavi/installation/

[abolfazl 156]

دستتون درد نكنه اين مشكل هم حل شد خدا خيرتون بده

ولي يه مشكل ديگه هم دارم نميدونم چه جوري فوتر اين قالب و ويرايش كنم چون عكس نيست و از استايل بايد ويرايشش كنم

ميشه اون قسمتي رو كه بايد براي تغيير رنگ و اندازه ي فوتر تغيير بدم كجاست؟

ویرایش شده اردیبهشت 92 توسط abolfazl

[Morteza 34190]

شما دقیقا کجاش رو میخواید تغییر بدید؟

[abolfazl 156]

سلام آقا مرتضي ميخام همين كادر آبي رنگ فوتر و تغيير بدم

يا به جاش يه عكس بزارم يا نه رنگش حداقل تغيير بدم

بايد كدوم قسمت استايل و تغيير بدم؟

اه ببخشيد دوستان تازه متوجه شدم آدرس سايت و اشتباه فرستادم

آدرس سايت آزمايشي اينه:

http://www.bt313.cloudsite.ir/wp

ویرایش شده اردیبهشت 92 توسط abolfazl

[norzad 1133]

سلام آقا مرتضي ميخام همين كادر آبي رنگ فوتر و تغيير بدم

يا به جاش يه عكس بزارم يا نه رنگش حداقل تغيير بدم

بايد كدوم قسمت استايل و تغيير بدم؟

اه ببخشيد دوستان تازه متوجه شدم آدرس سايت و اشتباه فرستادم

آدرس سايت آزمايشي اينه:

http://www.bt313.cloudsite.ir/wp

درود

کلاس فوتر رو در style.css پیداکن بک گراند اون رو تغییر بده در خط 872 گلاس فوتر هست

[abolfazl 156]

سلام آقاي نورزاد

فكر كنم پيدا كردم ولي به يك سري كد برخوردم كه انگار فوتر رو ميخاد براي بعضي از مرورگرها سازگار كنه؟

اين هم كدش:

footer{
width:942px;
height:60px;
background: rgb(139,224,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,224,250,1) 0%, rgba(94,212,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,224,250,1)), color-stop(100%,rgba(94,212,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8be0fa', endColorstr='#5ed4f7',GradientType=0 ); /* IE6-9 */
float:right;
    border:none 5px #000000;
    -moz-border-radius-topleft: 200px;
    -moz-border-radius-topright:200px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:200px;
    -webkit-border-top-right-radius:200px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:200px;
    border-top-right-radius:200px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
font-family:tahoma;
font-size:12px;
color:#333;
padding:10px;
overflow : hidden !important ;
overflow : visible;
}

اما نميدونم كه چه جوري بايد اين كادر آبي رنگ و رنگش و عوض كنم!!! يا به جاش چه جوري يه عكس بزارم چون قسمت بك گراند اين كد معلوم نيست چه جوريه!!!

ميشه بيشتر راهنمايي كنيد

[تنها در تاریکی 445]

دستتون درد نكنه اين مشكل هم حل شد خدا خيرتون بده

ولي يه مشكل ديگه هم دارم نميدونم چه جوري فوتر اين قالب و ويرايش كنم چون عكس نيست و از استايل بايد ويرايشش كنم

ميشه اون قسمتي رو كه بايد براي تغيير رنگ و اندازه ي فوتر تغيير بدم كجاست؟

درود ...

شما باید در پیشخوان وردپرس به قسمت نمایش برید سپس به ویرایشگر و بعد از اینکه وارد محیط ویرایشگر شدید فایل style.css رو باز کنید . سپس گزینه زیر رو با کمک کلید های ctrl+f سرچ کنید :

two-box-warpper

وقتی که این جمله رو پیدا کردید باید به یه همچنین کدی رسیده باشید :

.two-box-warpper {
background: #efefef;float: right;
width: 725px}

این کد در خط 223 فایل style.css پوسته شما قرار داره .

- خب حالا برای تغییر رنگ فوتر باید کد رنگ را در کد بالایی تغییر دهید (در زیر بصورت واضح تر مکان تغییر کد رو مشخص کردم ) :

.two-box-warpper {
background: #کد رنگ را اینجا وارد کنید;float: right;
width: 725px}

[abolfazl 156]

سلام داداش دستت درد نكنه

واقعا قشنگ توضيح داديد خلاصه دمت گرم

ولي اين براي ستون سمت راست بود يعني با تغيير كد رنگ اين بك گراند ستون سمت راست تغيير كرد

ما ميخايم بك گراند فوتر كه آبي كم رنگ هست تغيير كنه

[تنها در تاریکی 445]

سلام داداش دستت درد نكنه

واقعا قشنگ توضيح داديد خلاصه دمت گرم

ولي اين براي ستون سمت راست بود يعني با تغيير كد رنگ اين بك گراند ستون سمت راست تغيير كرد

ما ميخايم بك گراند فوتر كه آبي كم رنگ هست تغيير كنه

درود ...

باز هم به قسمت ویرایشگر وردپرس رفته و فایل style.css رو باز کنید . سپس بوسیله کلیدهای ترکیبی ctrl+f گزینه زیر رو سرچ کنید :

8be0fa

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

.footer{
width:942px;
height:60px;
background: rgb(139,224,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,224,250,1) 0%, rgba(94,212,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,224,250,1)), color-stop(100%,rgba(94,212,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8be0fa', endColorstr='#5ed4f7',GradientType=0 ); /* IE6-9 */

خب حالا فقط کافیه که شما جای دو تا کد رنگی که من در زیر مشخص کردم رو با کد رنگ دلخواهتون عوض کنید :

.footer{
width:942px;
height:60px;
background: rgb(139,224,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,224,250,1) 0%, rgba(94,212,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,224,250,1)), color-stop(100%,rgba(94,212,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#کد رنگ مثلا بنفش کم رنگ', endColorstr='#کد رنگ مثلا بنفش پررنگ',GradientType=0 ); /* IE6-9 */

خب همونطور که در بالا میبینید من جاهایی که شما باید تغییر بدید رو مشخص کردم، منتها رنگ و کدهای بکگراند فوتر شما بصورت gradient نوشته شده یعنی مثلا از پررنگ به کم رنگ و یا از کم رنگ به پر رنگ. برای همین شما مثلا اگر رنگ بنفش رو انتخاب میکنید باید رنگ بنفش کم رنگ رو در جای خودش و رنگ بنفش پر رنگ رو در جای خودش قرار بدید تا استایل زیبایی بخودش بگیره. ( هر چند که شما میتونید از ترکیب دو رنگ متفاوت هم استفاده کنید. )

چنانچه باز مشکلی بود در همین تاپیک مطرح کنید.

[abolfazl 156]

داداش من الآن متوجه شدم قضيه از چه قراره

اين قسمت از استايل كه برا فوتر هست: اومده بك گراند و به صورت مجزا براي هركدوم از مرورگرها تعريف كرده چون وقتي اين كاري كه شما گفتيد انجام دادم چون اون قسمت مربوط به اكسپلوئر بود فقط تو اكسپلوئر تغيير كرد

در هر حال به خاطر راهنماييتون بسيار ممنونيم

مشكلمون حل شد

[imanfakhar 26231]

این کد

background: rgb(139,224,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(139,224,250,1) 0%, rgba(94,212,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,224,250,1)), color-stop(100%,rgba(94,212,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(139,224,250,1) 0%,rgba(94,212,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8be0fa', endColorstr='#5ed4f7',GradientType=0 ); /* IE6-9 */

ترام دادن بین دو رنگ آبی فیروزه ای خیلی نزدیک به هم می تونید همین ترام را با هر رنگی که خواستید ادامه بدید می تونید کل کد را بر دارید این کد را بگذارید

background:رنگ موردنظر  url('محل تصویر موردنظر');
یا
background:رنگ موردنظر;