farshadraei

ایجاد کادر جداکننده دور هر مطلب در قالب پیشفرض جوملا Shaper_simplicity_ii

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

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

سلام به همه دوستان بنده با کدهایی که اساتید زحمت کشیدن گذاشتن کادر ایجاد کردم اما توی صفحه اصلی دوتا مطلب ویژه شده دارم واسه هرکدوم کادر جدا تعریف کردم اما عرض کادرا با هم متفاوت شده باید چه جوری تنظیمش کنم.

عکسش رو گذاشتم. لطفاً راهنمایی کنید.

http://upir.ir/files/02_b613b.jpg

Share this post


Link to post
Share on other sites

سلام و خوش آمد به جوملا فروم

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

Share this post


Link to post
Share on other sites

سلام سپاس گذارم، بله روی هاسته اینم دومینش

پارس واژه : معماری ، آشپزی و کامپیوتر

البته اینکادرا فقط توی صفحه اصلی اومده ، وقتی وارد ادامه مطلب میشم دیگه کادر نیست. واسه این چکار کنم؟

برای منوهای چپ و راست مطلب اصلی ( سخن روز ، ورود ، مطالب تصادفی ، کاربران آنلاین ) و یا بخش اخرین اخبار و درباره ... چطور میشه کادر ایجاد کرد؟

سوال دیگه این که برای این کادرها چجوری میشه سایه در حال محو شدن به داخل یا به بیرون ایجاد کرد ؟

بازم از توجهتون به مشکلات کاربران سپاس گذارم.

Share this post


Link to post
Share on other sites

ببخشید یه سوال دیگه آیا میشه کاری کرد که همه صفحه های سایت حتی با ایجاد منو و مطلب جدید دارای یه کادر همین شکلی بشه بدون نیاز به نوشتن کد؟(با توجه به این که برای هر کدوم از دو مطلب ویژه یک بار کدهارو اعمال کردم) اگه میشه چجوری؟

Share this post


Link to post
Share on other sites

درود

به این مسیر برید

templates/shaper_simplicity/css/template.css

سپس در خط 103،کد

.items-leading > div {
   background-color: #E7DFE4;
   border: 1px solid #000000;
   border-radius: 4px;
   margin: 10px;
   padding: 5px;


}


رو با کد زیر جایگزین کنید

.items-leading > div {
   background-color: #E7DFE4;
   border: 1px solid #000000;
   border-radius: 4px;
   margin: 0 -22px 0 0;
   padding: 5px;
   width: 460px;


}


Share this post


Link to post
Share on other sites
ببخشید یه سوال دیگه آیا میشه کاری کرد که همه صفحه های سایت حتی با ایجاد منو و مطلب جدید دارای یه کادر همین شکلی بشه بدون نیاز به نوشتن کد؟(با توجه به این که برای هر کدوم از دو مطلب ویژه یک بار کدهارو اعمال کردم) اگه میشه چجوری؟

بله

فقط نیاز داره با css و کمی php آشنا باشید

Share this post


Link to post
Share on other sites

سپاس گذارم مشکل اندازه کادر ها حل شد.

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

برای منوهای چپ و راست مطلب اصلی و یا بخش های زیر مطالب اصلی(ویژه شده) چطور میشه کادر ایجاد کرد؟

برای این کادرها چجوری میشه سایه در حال محو شدن به داخل یا به بیرون ایجاد کرد ؟

Share this post


Link to post
Share on other sites

شرمنده یه مشکل دیگه رخ داد مطلب ویژه شده سوم که اضافه شد به مطلب دوم داخل یه کادر قرار گرفته ، چظوری میتونم جداش کنم؟

Share this post


Link to post
Share on other sites

این کد رو به یکی از فایل های css خودتون اضافه کنید

html body.bg div.bg1 div.sp-wrap div#sp-leftcol div.sp-inner div.sp-block div#left.mod-block div.module{
-webkit-box-shadow: inset 0 0 16px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 0 16px rgba(0,0,0,.2);
box-shadow: inset 0 0 16px rgba(0,0,0,.2);
padding:10px;
border:1px solid #d7d6d7;
}

برای طراحی شما نیاز به آشنایی با css و php دارید.برای آموزش می تونید از سایت های زیر استفاده کنید

سایت اول

سایت دوم این سایت فارسی هم میشه

البته سایت های خیلی زیاد دیگه ای هم هستند که فقط کافیه جست و جو کنید

Share this post


Link to post
Share on other sites

سپاس از شما دوست عزیز کمک بسیار بزرگی کردین .

پاینده و سربلند باشید.

Share this post


Link to post
Share on other sites

سلام مجدد شرمنده که مجدداً سوال می کنم . دلیلش اینه که جواب سوالمو نتونستم جای دیگه ای پیدا کنم.

اگه یه کمک دیگه واسه جدا کردن کادر مطالب ویژه تو صفحه اصلی بکنید ممنونتون میشم.parsvajheh.com

Share this post


Link to post
Share on other sites

درود

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

درصورت تمایل دسترسی بدید تا براتون انجام بدم

یاحق

Share this post


Link to post
Share on other sites

از دوستان و اساتید کس دیگه ای تشریف ندارن که بنده رو در خصوص جدا کردن کادر مطالب راهنمایی کنه؟

Share this post


Link to post
Share on other sites

درود بر همه دوستان

بنده میخوام کادر h2 سایتمو که جابجا کنم چجوریی این کارو بکنم . دستور margin رو هم توی فایل joomla.css امتحان کردم ، اما کار نمیکنه.

می خوام موقعیتش مثل این عکس که با فتوشاپ ادیت کردم بشه البته یه راهی هم برای تنظیم موقعیت عنوانش می خوام.

http://upload7.ir/imgs/2014-01/50209438469702646125.jpg

اینم آدرس سایت خودم

پارس واژه : معماری ، آشپزی و کامپیوتر

قبلاً از راهنماییهاتون سپاس گزارم.

Share this post


Link to post
Share on other sites
من طبق گفته شما استایل رو دادم .. اگر بخاید یک کادر دور مطلب باشه میتونید از استایل زیر استفاده کنید بجای بالایی:

.items-leading>div {
   border: 1px solid #000;
   margin: 10px;
   border-radius: 4px;
   padding: 5px;
}




سلام قالب من این فایل رو نداره باید چکار کنم ؟

SenjedMovie.ir ! دانلود فیلم و سریال با لینک مستقیم

راستی اگه میشه کادر دور گوشه هاش بصورت منحنی باشه و شکلش مربعی نشه .

ممنون

Share this post


Link to post
Share on other sites

اگه با کد ها راحت نیستید برای مطالب از پلاگین هایی که در این خصوص منتشر شده می تونید استفاده کنید .

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

Share this post


Link to post
Share on other sites
اگه با کد ها راحت نیستید برای مطالب از پلاگین هایی که در این خصوص منتشر شده می تونید استفاده کنید .

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

برای جوملا 3 هم چنین پلاگینی موجوده ؟

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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