دوستان عزيز يه ماژول اخرين اخبار سايت مثل اين ميخام يا مشابه كسي سراغ نداره؟

[masood111 13]

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

اقا من يه ماژول اخرين اخبار ميخام كه اخبار رو مثل اين عكس نمايش بده بي زحمت يه نگاهي به عكس بندازيد

حالا اگه مثل ايم نشد اشكال نداره يه چيز جالب يا يه چيز قشنگ وشيك سراغ ندارين براي نمايش اخرين اخبار؟

[ali1234 10]

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

رو قسمت ( طرح اخبار عادی) قرار بدید هم چین چیزی درست میشه

می تونید از اینجا دانلودhttp://jupload.ir/do.php?filename=joomlaforum.ir_13517516151.zip

http://jupload.ir/do.php?filename=joomlaforum.ir_13517516151.zip

این ماژل هم هست یه نگاه بنداز بهش

http://jupload.ir/do.php?filename=joomlaforum.ir_13517518251.zip

ویرایش شده در آبان 91 توسط ali1234

[bestboy7 14]

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

اقا من يه ماژول اخرين اخبار ميخام كه اخبار رو مثل اين عكس نمايش بده بي زحمت يه نگاهي به عكس بندازيد

حالا اگه مثل ايم نشد اشكال نداره يه چيز جالب يا يه چيز قشنگ وشيك سراغ ندارين براي نمايش اخرين اخبار؟

دوست عزیز این ماژول آخرین اخبار خود جوملا است

[masood111 13]

دوست عزیز این ماژول آخرین اخبار خود جوملا است

نه داداش ميدونم ولي خوب قالب سايت شما سفارشي درست شده كه متون رو اينجوري ميكنه منم دقيقا همينو ميخام يعني اون كد css اونو ميخام !!

[bestboy7 14]

نه داداش ميدونم ولي خوب قالب سايت شما سفارشي درست شده كه متون رو اينجوري ميكنه منم دقيقا همينو ميخام يعني اون كد css اونو ميخام !!

آره درسته قالب سایت رو خودم طراحی کردم. چیز خیلی عجیبی نیست فقط cیه استایل برای li رو عکس اون فلش قرمز رو دادم. دیگه چیز خاصی نیست. بازم اگه نتونستید خودتون پیادش کنید بگید من دقیقا استایل رو براتون بفرستم و بگم کجا بذارید.

موفق باشید

[masood111 13]

آره درسته قالب سایت رو خودم طراحی کردم. چیز خیلی عجیبی نیست فقط cیه استایل برای li رو عکس اون فلش قرمز رو دادم. دیگه چیز خاصی نیست. بازم اگه نتونستید خودتون پیادش کنید بگید من دقیقا استایل رو براتون بفرستم و بگم کجا بذارید.

موفق باشید

من والا زياد به برنامه نويسي وارد نيستم اگه دقيقا بگيد كه كجا وكدوم خط بايد چيكار كنم كه لطف بزرگي كرديد در ضمن يه كادر هم ميخام دور همين بالاي ماژول بندازم ميشه در اون مورد هم كمكم كنيد!!!

اين عكس رو ببينيد الان اينجوريه من ميخام مثل سايت شما بشه (منظورم همون فاصله بين اخبار و همون فلش هستش) اگه لازم بود يا فيلي چيزي خواستيد اطلاع بديد تا بفرستم براتون

در ضمن من ميخام براي همه اينجوري بشه نه فقط براي اخرين اخبار مثلا براي محبوبترين ها و.... هم همينطوري بشه

اينم دمو سايتمه

ممنونم واقعا

[bestboy7 14]

دوست عزیز لازم هست کمی به کدنویسی و css نویسی آشنا باشید تا راحت بتونید براساس میل خودتون استایل رو ادیت کنید اما من کمی توضیح میدم امیدوارم به چیزی که میخواید برسید.

توی قالبها موقعیتهای مختلفی تعریف میشه که مثل هر موقعیت توی یک div تعریف میشه اسم این دایو خیلی مهمه تا توی css ازش استفاده کنیم. توجه به کد زیر بکنید:

#top90_cover li.latestnews{
background-image:url(../images/flash2.gif);
background-repeat:no-repeat;
background-position:right center;
padding-right:15px}

اون ستون سمت چپ سایت من رو دیدید توی دایوی به اسم top90_cover است پس توی استایلی که میخوام بنویسم گفتم هر li که توی این دایو بود کدهای بالا رو واسش اجرا کن

حالا li چی هست؟ li یه نوع چینش html هست که برای مرتب کردن نوشته ها هست و توی جوملا و توی ماژول آخرین اخبار برای هر خط عنوان خبر از یک li استفاده میکنه. پس من گفتم هر li که توی دایو top90_cover استفاده میشه یک بکگراد بذاره که همون عکس فلش قرمز هست و اون فاصله ای که نوشته ها از فلش میگیره تا نوشته ها نره روی فلش هم با padding-right تنظیم میشه که اینجا 15px تعریف شده. اگه عکسی که شما میذارید عریض تر هست این 15 رو بیشتر کنید.

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

اگه بازم مشکلی داشتید در خدمتم البته اگه بتونم کمکی کنم

[masood111 13]

اقا شما خيلي گلي شما تا همين جا هم كلي منت گذاشتيد برسر ما ممنون

اين قسمت ها كه گفتيد رو با فايرباگ پيدا كردن

مرسي فقط ميمونه 2 تا چي

1-ميشه همين فلش هاتونم برام بفرستي:14: اخه من اصلا به فتوشاپ وارد نيستم كه خودم بسازم

2=در ضمن براي انداختن كادر نگفتيد چيكار كنم

اقا ببخشيد من يكم پر رو ام ديگه ببخشيد

[bestboy7 14]

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

[ATTACH=CONFIG]2688[/ATTACH]

در مورد کادر دور عناوین رو هم میشه توی همون استایلکه کدش رو گذاشتم از خصوصیت border استفاده کنید

border:1px red solid;

1px ضخامت خط دور

red رنگ-که میتونه بر اساس شماره رنگ باشه

thin نوع خط دور

ویرایش شده در آبان 91 توسط bestboy7

[masood111 13]

سلام

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

ممنون

[saber 208]

سلام

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

ممنون

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

[bestboy7 14]

سلام

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

ممنون

باید دقت کنید رنگ فونت همون دایو یا کلاس مربوطه باشه که باید تغییر کنه.اگه از همون ماژول استفاده میکنید از کلاس latestnews استفاده کنید

.latestnews
{
}

[masood111 13]

دوستان بي زحمت يكم واضح تر توضيح بديد!!!!

دقيقا چه دستوري رو بايد بنويسم يا وارد كنم!؟

كلاس مجزا يعني چه؟؟؟؟؟؟

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

[bestboy7 14]

ببین دوست من

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

[saber 208]

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

اگر میخواین رنگ اون قسمت متفاوت باشه باید توی css براش یک کلاس تعریف کنید و رنگ متن دلخواه رو بهش بدید

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

مثلا

.latestnews{color:#000;}

[masood111 13]

gift داداش خدا خيرتون بده ايشالله

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

خيلي گلي ايدgift

[masood111 13]

اقا شرمنده سوالام خيلي شد ببخشيد يه مشكل ديگه

وقتي من از li استفاده كردم كنار اسلايدر من هم همون تصاوير li اونجا هم ميان من ميخام اين تصوير li فقط كنار خبر ها بياد چه طور ميتونم اونو از اسلايدر پاك كنم؟

عكس رو ببينيد بي زحمت متوجه ميشيد

ویرایش شده در آبان 91 توسط masood111

[bestboy7 14]

اقا شرمنده سوالام خيلي شد ببخشيد يه مشكل ديگه

وقتي من از li استفاده كردم كنار اسلايدر من هم همون تصاوير li اونجا هم ميان من ميخام اين تصوير li فقط كنار خبر ها بياد چه طور ميتونم اونو از اسلايدر پاك كنم؟

عكس رو ببينيد بي زحمت متوجه ميشيد

بازم سلام به شما

ببین من یه توضیح گوچولو راجع به css میدم دقت کنی خیلی مشکلاتی که ممکنه در آینده پیش بیاد حل بشه

توی css ما یه سری خصوصیات رو به آیتم های html میدیم مثل یه تگ دایو داریم که اسمش رو گذاشتیم div1 و توی اون از دو دایو دیگه استفاده کردیم به اسم div2 و div3 حالا میخوایم یه سری خصوصیت رو بدیم به اجزای فقط div3. دقیقا مثل کار الان که شما فقط میخواید توی قسمتی که ماژول آخرین اخبار میشینه این تغییرات اعمال بشه. .اسه این کار باید اسم اون دایو رو بیاریم

#div3 li
{
....
....
}

کد بالا داره میگه هر li که توی دایو div3 استفاده شد این خصوصیت رو بهش بده و بقیه li های صفحه رو با این خصوصیات در نظر نگیر

حالا اگه خواستی دقیقتر اشاره کنی به این div3 چون میدونی این دایو توی div1 است پس میتونی به این صورت کد رو بنویسی

#div1 #div3 li
{
...
...
}

فرق این دو کد چیه؟

کد قبلی داره میگه هرجای صفحه دایوی با نام div3 داشتی به li های درون اون این خصوصیات رو بده

کد دوم داره میگه هرجا که div3 درون یه دایو دیگه به نام div1 بود به li های اون این خصوصیات رو بده

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

اگر هم از کلاس استفاده کنی که خودت نوشیتی که راحت میتونی یه اسم منجصر به فرد بذاری و فقط یه جا اونم توی آخرین اخبارت ازش استفاده کنی و مطمئنی که دیگه جای دیگه این کلاس رو نداری که روی اونم اعمال بشه. اما اگه از کلاسهای خود ماژول ها استفاده کنی مثل .lastnews وقتی دوبار ماژول رو توی صفحه میاری واسه هر دو تغییرات میده مگر از روش بالا استفاده کنی.

الان حدس من اینه شما از کلاس lastnews استفاده میکنید پس اینکار رو انجام بدید:

ببینید اسم تگی که ستون سمت چپ سایتتون هست چیه؟ مثلا

<div id="top90-left"
...
...
</div>

ماژولهای ستون سمت چپ توی این قسمت قرار میگیرن پس لازمه css رو بصورت زیر بنویسیم

#top90-left .lastnews li
{
...
...
}

کد بالا یعنی فقط li هایی که توی کلاس lastnews که اونم فقط توی ستون سمت چپ که اسمش top90-left هست رو تغییر بده. با این شرایط فقط آخرین اخبارت تغییر میکنه اونم آخرین اخباری که توی ستون سمت چپ گذاشتی. فک کنم دیگه کاملا متوجه شدید و حتی بتونید بیشتر از نیازتون تغییرات اعمال کنید. اما اگه بازم مشکل داشتید فایل css رو واسم بفرستید اگه بتونم کمکتون کنم

موفق باشید

[masood111 13]

بازم سلام به شما

ببین من یه توضیح گوچولو راجع به css میدم دقت کنی خیلی مشکلاتی که ممکنه در آینده پیش بیاد حل بشه

توی css ما یه سری خصوصیات رو به آیتم های html میدیم مثل یه تگ دایو داریم که اسمش رو گذاشتیم div1 و توی اون از دو دایو دیگه استفاده کردیم به اسم div2 و div3 حالا میخوایم یه سری خصوصیت رو بدیم به اجزای فقط div3. دقیقا مثل کار الان که شما فقط میخواید توی قسمتی که ماژول آخرین اخبار میشینه این تغییرات اعمال بشه. .اسه این کار باید اسم اون دایو رو بیاریم

#div3 li
{
....
....
}

کد بالا داره میگه هر li که توی دایو div3 استفاده شد این خصوصیت رو بهش بده و بقیه li های صفحه رو با این خصوصیات در نظر نگیر

حالا اگه خواستی دقیقتر اشاره کنی به این div3 چون میدونی این دایو توی div1 است پس میتونی به این صورت کد رو بنویسی

#div1 #div3 li
{
...
...
}

فرق این دو کد چیه؟

کد قبلی داره میگه هرجای صفحه دایوی با نام div3 داشتی به li های درون اون این خصوصیات رو بده

کد دوم داره میگه هرجا که div3 درون یه دایو دیگه به نام div1 بود به li های اون این خصوصیات رو بده

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

اگر هم از کلاس استفاده کنی که خودت نوشیتی که راحت میتونی یه اسم منجصر به فرد بذاری و فقط یه جا اونم توی آخرین اخبارت ازش استفاده کنی و مطمئنی که دیگه جای دیگه این کلاس رو نداری که روی اونم اعمال بشه. اما اگه از کلاسهای خود ماژول ها استفاده کنی مثل .lastnews وقتی دوبار ماژول رو توی صفحه میاری واسه هر دو تغییرات میده مگر از روش بالا استفاده کنی.

الان حدس من اینه شما از کلاس lastnews استفاده میکنید پس اینکار رو انجام بدید:

ببینید اسم تگی که ستون سمت چپ سایتتون هست چیه؟ مثلا

<div id="top90-left"
...
...
</div>

ماژولهای ستون سمت چپ توی این قسمت قرار میگیرن پس لازمه css رو بصورت زیر بنویسیم

#top90-left .lastnews li
{
...
...
}

کد بالا یعنی فقط li هایی که توی کلاس lastnews که اونم فقط توی ستون سمت چپ که اسمش top90-left هست رو تغییر بده. با این شرایط فقط آخرین اخبارت تغییر میکنه اونم آخرین اخباری که توی ستون سمت چپ گذاشتی. فک کنم دیگه کاملا متوجه شدید و حتی بتونید بیشتر از نیازتون تغییرات اعمال کنید. اما اگه بازم مشکل داشتید فایل css رو واسم بفرستید اگه بتونم کمکتون کنم

موفق باشید

هوراااااااااا مشكل حل شد:25r30wi:gift:25r30wi:

ايول توضيحاتتون بي نظير بود نميدونم چطور تشكر كنم واقعا شما بي نظيريد ايشالله خدا جواب خوبي هاتو بده دمت گرم

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

از مديران هم عذر خواهي ميكنم ميدونم اين پيام ها اسپم محسوب ميشه ولي راستش نتونستم چيزي نگم

[masood111 13]

دوستان گل يه مشكل ديگه

وقتي من رنگ يه نوشته رو با وب دولوپر پيدا ميكنم وتغير ميدم كلا رنگ اون نوشته ثابت ميشه

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

ميخام وقتي موس ميره روي نوشته تغير رنگ بده چيكار كنم؟؟

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

html > body#bd.fs3.FF > div#jv-wrapper.jvsize2 > div#jv-containerwrap.clearfix > div#jv-container-fl.clearfix > div#jv-colwrap > div#jv-padding > div.module > div > div > div > div#sptab89.sptab_green.sptabs > div.items_mask > div > div.tab-padding > ul.latestnews > li.latestnews > a.latestnews

ویرایش شده در آبان 91 توسط masood111

[bestboy7 14]

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

#div1 a:hover
{
....کد رنگ
....
}

[masood111 13]

خيلي ممنون از همهگي دوستان

اقا شرمنده بازم يه سوال ديگه دارم

من ميخام براي عنوان منو ها يه عكس بذارم مثلا براي عنوان اخرين اخبار اين عكس زير رو بذارم برا ورود كاربران و بقيه چيزها هم همين طور

وقتي از li استفاده ميكنم اون عكس ميره پس زمينه ميشه در حاليكه من ميخام فقط عنوان باشه

ممنون ميشم كمكم كنيد

[bestboy7 14]

منظورتون از اینکه پس زمینه میشه و میخواید عنوان بشه چیه؟

در هر صورت استفاده از این عکسها (سرهدر ماژول ها) باید پس زمینه اون دایو مربوطه بشه. فقط کافیه دایو مربوطه اون رو پیدا کنید

[masood111 13]

منظورتون از اینکه پس زمینه میشه و میخواید عنوان بشه چیه؟

در هر صورت استفاده از این عکسها (سرهدر ماژول ها) باید پس زمینه اون دایو مربوطه بشه. فقط کافیه دایو مربوطه اون رو پیدا کنید

دوست گلم اگه بدوني چقد منتظر جوابت بودم

ببين اون عكسي رو كه گذاشتم در پست قبلي ميخام اون بالا باشه و اخبار زيرش قرارداده بشن همين!

اصن همين كه شما خودت فرمودي سر هدر ماژول ها ميخام بشه البته نه همه ماژول ها براي هر كدوم جداگونه

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

html > body#bd.fs3.FF > div#jv-wrapper.jvsize2 > div#jv-containerwrap.clearfix > div#jv-container-fl.clearfix > div#jv-colwrap > div.clearfix > div#jv-box-right.jv-box-right > div.jv-box-content > div.module > div > div > div > h3

اصن فك نكنم پس زمينه داشته باشن بي زحمت ميشه خودتون يه نگاهي بهش بندازيد\

cyberpnu.ir

ميخام مث اين عكس بشه

[bestboy7 14]

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

در مورد این کاری که میخوای بکنی راه های زیادی داره میتونی با کلاس بندی ها کار کنی و ببینی چه ماژولی میخوای زیر اون بذاری و از کلاسی که واسه اون ماژول استفاده شده توی css استفاده کنی مثلا اگه یادتون باشه واسه ماژول آخرین اخباری که از خود جوملا استفاده میکردیم گفتیم از کلاسی به اسم latestnews استفاده میکنه. حالا باید ببینی چه مازولی میخوای استفاده کنی.

یه راه دیگه هم هست گه معمولا بخاطر راحتیش بیشتر توی سایتهای بخصوص خبری ازش استفاده میشه اونم اینه که شما موقعیت ستون اخبارتون رو انتخاب میکنید (موقعیتی که دیگه به احتمال زیاد همیشه اونجاست و تغییر نمیکنه) بعد میای توی قالبت هدر واسه اون ستون میذاری و وقتی ماژول رو توی اون موقعیت میذاری توی تنظیمات تعیین میکنی که عنوان ماژول رو نشون نده با اینکار عکس شما به عنوان هدر اون ماژول نمایش میده و عنوان یا هدر خود ماژول رو نشون نمیده. عکسی رو که میذارم رو ببین و روی اون توضیح میدم:

[ATTACH=CONFIG]2799[/ATTACH]

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

<div id="left-div">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>

من اسم اون ستون رو گذاشتم left-div که توی اون موقعیت ماژول های "left" قرار داره حالا کافی توی فایل css به left-div یه بکگراند (که در بالای دایو قرار میگیره) بدم و تمام

#left-div{
background-image: url(../images/toplastnews.jpg);
background-repeat:no-repeat;
height:40px;
background-position:top right;}
}

با این کار تونستیم در بالای ستون سمت چپ که قرار موقعیت left باشه یه هدر همیشگی بذاریم که هر عکسی خودمون میخوایم با هر نوع ویرایشی قرار میدیم. فقط دقت کن که این عکس بالای ستون هست پس شما ماژول آخرین اخبارتون بایید بالاترن ماژولتون توی اون موقعیت باشه که دقیقن بیاد زیر این هدر. و مورد دیگه اینکه اون ماژول آخرین اخبار که اولین ماژول موقعیت left است رو توی تنظیمات نمایش عنوان رو بذار روی خیر.

موفق باشید