abolfazl

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

14 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

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

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

http://bt313.cloudsite.ir

ویرایش شده در توسط abolfazl
0

به اشتراک گذاری این پست


لینک به پست

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

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

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

ویرایش شده در توسط abolfazl
0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

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

ویرایش شده در توسط abolfazl
0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

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

درود

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

اين هم كدش:


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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

درود ...

شما باید در پیشخوان وردپرس به قسمت نمایش برید سپس به ویرایشگر و بعد از اینکه وارد محیط ویرایشگر شدید فایل 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}

:)

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

درود ...

باز هم به قسمت ویرایشگر وردپرس رفته و فایل 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 نوشته شده یعنی مثلا از پررنگ به کم رنگ و یا از کم رنگ به پر رنگ. برای همین شما مثلا اگر رنگ بنفش رو انتخاب میکنید باید رنگ بنفش کم رنگ رو در جای خودش و رنگ بنفش پر رنگ رو در جای خودش قرار بدید تا استایل زیبایی بخودش بگیره. ( هر چند که شما میتونید از ترکیب دو رنگ متفاوت هم استفاده کنید. )

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

:)

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

مشكلمون حل شد :D

1

به اشتراک گذاری این پست


لینک به پست

این کد


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:رنگ موردنظر;

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری