CiViLBAX

ادامه مطلب

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

با سلام

چجوری دکمه ادامه مطلب رو گرافیکی تر کنم

میخوام دکمه گرافیکی به ادامه مطلب اضافه کنم

2013-07-25_130611.png

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

Share this post


Link to post
Share on other sites

همون دیگه مشکلم اینه نمیتونم محلشو پیدا کنم

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

Share this post


Link to post
Share on other sites

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

شما می تونید هم درون تگ <button> قرار بدید لینک توضیح این تگ HTML button tag

هم می تونید با css خالی ظاهر سازی کنید ( با رنگ پس زمینه و خط حاشیه و سایه )

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

هم می تونید با استفاده جی کوئری زیبا سازی کنید

سایت من رو ببینید سئو قالبفا » سئو سایت اگه این شکلی دکمه میخواهید بگید تا کدش رو در اختیارتون بذارم

Share this post


Link to post
Share on other sites
همون دیگه مشکلم اینه نمیتونم محلشو پیدا کنم

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

دوست عزیز ، آقای صابر راهنمایی خوبی کردند دیگه

شما افزونه ی فایرباگ رو روی فایرفاکس نصب کن

آموزشش رو هم سرچ کن پیدا می کنی، با استفاده ازاون محل css مورد نظرت پیدا میشه

سپس توی قالب اون رو اصلاح کن

به صورت استاندارد کلاس ادامه مطلب (readmore) هست ! اگه توی فایل template.css پیداش نکردی برو دنبال فایرباگ

موفق باشی

Share this post


Link to post
Share on other sites

درود

با استفاده از آموزش های استاتید پیدا کردم محلشو

2013-07-25_211841.png

الان چیکار کنم چه کدی رو بذارم

ببخشین دیگه میدونم سوالاتم ابتدایی هست و اعصابتون خورد میشه ولی من تازه 1 هفتست با جوملا آشنا شدم

Share this post


Link to post
Share on other sites
دوست عزیز یا سورس فایل رو قرار بدید یا آنلاینش کنید تا کمکتون کنم

شما می تونید هم درون تگ <button> قرار بدید لینک توضیح این تگ HTML button tag

هم می تونید با css خالی ظاهر سازی کنید ( با رنگ پس زمینه و خط حاشیه و سایه )

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

هم می تونید با استفاده جی کوئری زیبا سازی کنید

سایت من رو ببینید سئو قالبفا » سئو سایت اگه این شکلی دکمه میخواهید بگید تا کدش رو در اختیارتون بذارم

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

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

خیلی ممنون

Share this post


Link to post
Share on other sites

این دوتا کد css هستن

.readmore {
background: url(images/readmore.png) no-repeat right bottom;
color: #2B2B2B;
height: 30px;
padding-right: 11px;
display: block;
float: left;
line-height: 28px;
}
a.readmore span {
background: url(images/readmore.png) no-repeat;
display: block;
height: 30px;
padding-left: 16px;
padding-right: 5px;
}

شما اول css تون رو باز می کنید ( این رو که می دونید چیه اگه نه بگید تا کمکتون کنم) بعد این کد بالا رو تو آخرین خطش کپی می کنی و ذخیره رو میزنید

بعد عکس http://seo.qalebfa.ir/wp-content/themes/evolution/images/readmore.png رو ذخیره می کنید

محلی که css سایتتون هست یه پوشه به نام images میسازید و عکس بالا رو توش میذارید

حالا اون لینک ادامه مطلبتون کلاس readmore رو تعریف می کنید چطوری؟ اینطوری

اگه مثلا کد لینک شما اینطوریه

<a href="http://seo.qalebfa.ir/">ادامه مطلب</a>

باید اینطوری بشه

<a href="http://seo.qalebfa.ir/" class="readmore">ادامه مطلب</a>

این دو سوم کار

کار آخری که باید بکنید متن "ادامه مطلب" رو درون تگ span قرار بدید

مثلا اگه کدتون اینه

<a href="http://seo.qalebfa.ir/" class="readmore">ادامه مطلب</a>

باید به شکل

<a href="http://seo.qalebfa.ir/" class="readmore"><span>ادامه مطلب</span></a>

تغییر بدید و فایل رو ذخیره کنید

در صورتی که مطلب بدردتون خورد یک لینک به سایت ما بسازید

موفق و پیروز باشید

تیم سئو قالبفا

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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