farshadraei

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

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

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

Share this post


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

کیس نیست به ما کمک کنه؟؟؟؟؟؟

می خوام مطالبم از هم جدا بشن و مثل سایت های خبری مطالب و عنوان آنها با استفاده از کادری از هم جدا شوند.

Share this post


Link to post
Share on other sites

کیس نیست به ما کمک کنه؟؟؟؟؟؟

می خوام مطالبم از هم جدا بشن و مثل سایت های خبری مطالب و عنوان آنها با استفاده از کادری از هم جدا شوند.

Share this post


Link to post
Share on other sites

با سلام...

لینک سایت؟

یا دمو؟

یا فایل css رو برام بفرستید....

ارادتمند

Share this post


Link to post
Share on other sites

برای این کار چند راه وجود داره جوملا 1.5 یا 2.5 هستین لطفا دمو انلاین قرار بدین

Share this post


Link to post
Share on other sites

عزیز شما باید رنگ خود موقعیت مطالب به عنوان مثال content قالبت رو برداری و به جاش به

#content .blog-featured .items-row

همون رنگ رو بدی و براش یه margin-bottom تعیین کن به عنوان مثال به صورت زیر

#content .blog-featured .items-row
{
 background-color: #f2f2f2;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 margin-bottom: 10px;
}

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

Share this post


Link to post
Share on other sites
عزیز شما باید رنگ خود موقعیت مطالب به عنوان مثال content قالبت رو برداری و به جاش به

#content .blog-featured .items-row

همون رنگ رو بدی و براش یه margin-bottom تعیین کن به عنوان مثال به صورت زیر

#content .blog-featured .items-row
{
 background-color: #f2f2f2;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 margin-bottom: 10px;
}

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

این عملیات رو باید در مورد کدوم فایل و در کدوم قسمت انجام بدم؟

این فایل در چه پوشه ای قرار داره و در کدوم خطوط باید تغییرات رو اعمال کنم.

دمو که نیاز نیست!!!!!!

این همون قالبیه که تو همه جوملا ها بصورت پیشفرض قرار داره و در جوملا 2.5 هستم و واسه همین اومدم تو بخش قالب های جوملا 2.5 درخواست کمک کردم.

تغییر در قالب پیشفرض جوملا

Share this post


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

این فایل در چه پوشه ای قرار داره و در کدوم خطوط باید تغییرات رو اعمال کنم.

دمو که نیاز نیست!!!!!!

این همون قالبیه که تو همه جوملا ها بصورت پیشفرض قرار داره و در جوملا 2.5 هستم و واسه همین اومدم تو بخش قالب های جوملا 2.5 درخواست کمک کردم.

تغییر در قالب پیشفرض جوملا

عزیز در هر صورت به دمو نیاز هست چون اکثرا از قالب های راحی خودشون یا گروه های دیگه متناسب با سایتشون استفاده میکنن و برای اینکه بتونن راهنماییتون کنن نیاز دارن که دمو رو ببینن و سورس ها موقعیت رو چک کنن

در ضمن گروه های مختلف که جوملای 2.5 ارائه میکنن همه از یه قالب استفاده نمیکنن و نحوه کد نویسی اون ها یکی نیست

برای این هم شما باید فایل CSS قالب که معمولا با نام template.css و در پوشه با نام css وجود داره انجام بدید و متناسب با موقعیت متون خود قالب شما این کد رو شخصی سازی کنید.

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

Share this post


Link to post
Share on other sites

خوب دمو رو چطوری باید بذارم؟

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

جوملا 2.5 که تو همین فروم بود رو گرفتم و نصب کردم و قالبش رو هم تغییر ندادم.

Share this post


Link to post
Share on other sites

باید سایت آنلاین بشه تا دوستان بتونن دقیق بگن کدوم قسمتها رو باید تغییر بدید

چون تمام دوستانی که شما رو میخوان راهنمایی کنند باید با ابزار firebug کدهای شما رو چک کنند و بر اساس نتایج بدست آمده به شما بگن چه تغییری در چه فایلی بدید

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
دوست عزيز اگه شما جوملا رو روي لوكال نصب كرده ايد حداقل يه عكسي ازش بگيرين و توي عكس مشخص بكنين كه چي ميخواين و اگه توي اينترنت قرار دادين فقط كافيه اسم سايت تون رو بگيد.

آدرس سایتم اینه :

http://chemical.shomal.ac.ir

من میخوام در صفحه اصلی بین دو مطلب یعنی اونجایی که ته مطلب بالایی نوشته اضافه کردن نظر جدید و عنوان مطلب پایینی یه خط جداکننده و یا هرچیزی که بشه بین دو مطلب فاصله انداخت و نشاندهنده جدا شدن دو مطلب باشه

Share this post


Link to post
Share on other sites
باید سایت آنلاین بشه تا دوستان بتونن دقیق بگن کدوم قسمتها رو باید تغییر بدید

چون تمام دوستانی که شما رو میخوان راهنمایی کنند باید با ابزار firebug کدهای شما رو چک کنند و بر اساس نتایج بدست آمده به شما بگن چه تغییری در چه فایلی بدید

استاد طالبی از firebug بهتر ترشم هست ها از همه لحاظش

دمو بذارید راهنمایی شه چه کدی رو برا CSS اضافه و چه کدی رو حذف کنید تا این درخاستتون برای قالب لحاظ بشه :yoho:

Share this post


Link to post
Share on other sites
template.css قالب خودتون رو باز کنید

در انتهاش این خط رو قرار بدید

.item-separator {
   border: 2px solid #000;
}


این که کاری انجام نداد!!!!!!

من یه چیزی می خوام که قشنگ دور هر مطلب یه کادر بکشه

مثل همین چیزی که وقتی ما تو همین انجمن یه چیزی رو نقل قول می کنیم دورش کادر میکشه

Share this post


Link to post
Share on other sites
بین دو مطلب یعنی اونجایی که ته مطلب بالایی نوشته اضافه کردن نظر جدید و عنوان مطلب پایینی یه خط جداکننده و یا هرچیزی که بشه بین دو مطلب فاصله انداخت و نشاندهنده جدا شدن دو مطلب باشه

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

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




Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

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

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




خیلی متشکرم، درست شد، فقط آیا میشه این کادر رو کلفت تر کرد و یا در رنگ های دیگه هم زد؟

یه سوال دیگه، تو صفحه اول سایت من 6 تا مطلب ویژه نمایش داده میشه ولی فقط دور 2 تا مطلب کادر کشیده میشه!!!

ویرایش شده در توسط farshadraei

Share this post


Link to post
Share on other sites

برای کلفت تر کردنش مقادیر این خط رو تغییر بدید

border: 1px solid #000;

یک رو بیشتر کنید کلفت میشه بجای #000 هم میتونید رنگ دلخواه دیگه ای قرار بدید

Share this post


Link to post
Share on other sites
برای کلفت تر کردنش مقادیر این خط رو تغییر بدید

border: 1px solid #000;

یک رو بیشتر کنید کلفت میشه بجای #000 هم میتونید رنگ دلخواه دیگه ای قرار بدید

خیلی ممنون از راهنماییتون.

حالا اگه خودم بخوام یه تغییراتی رو روی قالب سایتم انجام بدم باید از چه نرم افزاری استفاده کنم و روی چه فایل هایی باید کار انجام بدم؟

مثلا برای ایجاد تغییرات در قالب وبلاگ کدهای همون قالب رو میگرفتم و میریختم تو micro soft front page و در همون لحظه شکل گرافیکی قالب رو به من می داد و من می تونستم خیلی راحت هرچیزی که بخوام رو روش اضافه کنم....

ولی حالا برای سایت جوملایی باید چه فایلی از قالب رو بگیرم و این بلا رو سرش بیارم و یا اصلا از چه نرم افزاری باید استفاده کنم که قالب رو به صورت گرافیکی در اختیارم بذاره و من تغییرات رو روش انجام بدم؟

ضمنا اگه بخوام به همین صورت دور ماژول های سایتم کادر جدا کننده بذارم باید چیکار کنم؟ چون ماژول ها هم به هم چسبیده هستن و اصلا تفکیکی وجود نداره!!!

Share this post


Link to post
Share on other sites

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

برای تغییر در قالب میتونید از ابزار firbug استفاده کنید و روی فایر فاکس نصبش کنید

با استفاده از firebug میتونید محل دقیق کدهایی که باید تغییر بدید رو پیدا کنید و بعد تغییر خودتون رو ایجاد کنید و با یک ریفرش تغییرات انجام شده را مشاهده کنید

Share this post


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

برای تغییر در قالب میتونید از ابزار firbug استفاده کنید و روی فایر فاکس نصبش کنید

با استفاده از firebug میتونید محل دقیق کدهایی که باید تغییر بدید رو پیدا کنید و بعد تغییر خودتون رو ایجاد کنید و با یک ریفرش تغییرات انجام شده را مشاهده کنید

چی هست این firbug ؟

از کجا میتونم بگیرمش؟

طریقه استقاده ازش چطوریه؟ یعنی آموزشش رو از کجا میتونم بگیرم؟

Share this post


Link to post
Share on other sites
چی هست این firbug ؟

از کجا میتونم بگیرمش؟

طریقه استقاده ازش چطوریه؟ یعنی آموزشش رو از کجا میتونم بگیرم؟

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

Share this post


Link to post
Share on other sites

با سلام فایرباگ رو از اینجا دانلود کنید:

https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=search

آموزش کامل کار با فایرباگ:

http://www.webtarget.ir/blog/%D9%81%D8%A7%DB%8C%D8%B1%D8%A8%D8%A7%DA%AF-firebug-%DA%86%DB%8C%D8%B3%D8%AA/

یک نکته:

هرگز در هیچ زمینه ای ؛ از گـــــــــوگــــــــل غافل نشیــد؛ هــــــرگــــز.

موفق و سربلند باشید

یا حق

Share this post


Link to post
Share on other sites

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

بعد نصب راست کلیک رو بزنیدو بعد inspect element رو بزنید !بعد تغییراتو اعمالو به فایل مورد نظر انتقال بدین

Share this post


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

بعد نصب راست کلیک رو بزنیدو بعد inspect element رو بزنید !بعد تغییراتو اعمالو به فایل مورد نظر انتقال بدین

خود فایرفاکس هم inspect element رو داره من همیشه از این استفاده میکنم

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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