رفتن به مطلب

گذاشتن مطلب ها در دو کلاس مختلف


پست های پیشنهاد شده

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

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

مانند این سایت: http://fun.rozblog.com/

لینک به ارسال

اون نظراته و از کلاس odd استفاده کرده که کلاس استاندارد وردپرسه و به نظرات یکی در میان کلاس odd می ده ولی نیازی هم به اینکارها نیست css خودش مفهوم odd و even رو درک می کنه

http://jsfiddle.net/fakhar/catrj38j/

لینک به ارسال

اون نظراته و از کلاس odd استفاده کرده که کلاس استاندارد وردپرسه و به نظرات یکی در میان کلاس odd می ده ولی نیازی هم به اینکارها نیست css خودش مفهوم odd و even رو درک می کنه

http://jsfiddle.net/fakhar/catrj38j/

من اون قالب رو ریپ کردم. اما نظرات نبود

یه قالب شبیه به اون طراحی کردم که با همین مشکل مواجه شدم

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

دمو قالب رو هم براتون پ.خ کردم

کد فراخوانی مطلب در رزبلاگ: [Post_Content]

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

شما اشتباه کردید که پیام خصوصی دادید

نه من و نه این انجمن توی ریپ کمکتون نمی کنند

لطف کنید قوانین رو بخونید

و برای رفع مشکلاتتون پیام خصوصی ندید

پاسخ سئوالتون رو خیلی واضح و روشن دادم با اندکی اطلاعات برنامه نویسی خودتون هر کاری بخواهید می تونید بکنید

لینک به ارسال

شما اشتباه کردید که پیام خصوصی دادید

نه من و نه این انجمن توی ریپ کمکتون نمی کنند

لطف کنید قوانین رو بخونید

و برای رفع مشکلاتتون پیام خصوصی ندید

پاسخ سئوالتون رو خیلی واضح و روشن دادم با اندکی اطلاعات برنامه نویسی خودتون هر کاری بخواهید می تونید بکنید

منظور من این قالب نبود!!! این قالب ریپ نیست

منظور من از ریپ این بود که: مطالب رو با کامنت ارسال نکردم!

من برای رفع مشکل پ.خ ندادم!!! واسه معرفی دمو پ.خ دادم!

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

لینک به ارسال

پاسختون رو توی پیام خصوصیتون دادم اگر نیازه تکرارش کنم؟

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

لینک به ارسال

پاسختون رو توی پیام خصوصیتون دادم اگر نیازه تکرارش کنم؟

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

کلاس 1:


</li>
<li class="life_event">
<div class="event_icn icon-address"></div>
<div class="event_content">
<h2>عنوان مطلب</h2>
<p>
مطلب
</p>
</div>
<div class="event_date">
تاریخ مطلب
</div>
</li>

کلاس 2:


</li>
<li class="education_event">
<div class="event_icn icon-graduation-cap"></div>
<div class="event_content">
<h2>عنوان مطلب</h2>
<p>
مطلب
</p>
</div>
<div class="event_date">
تاریخ
</div>
</li>

من میخوام مطلب طوری ارسال بشه که یه بار توی کلاس 1 ظاهر بشه و یه بار هم توی کلاس 2

اگه کد مطلب توی هر دو کد گذاشته بشه که هر مطلب دو بار در هر دو ظاهر میشه

کلاس ها رو هم نمیشه قاطی کرد

شما می فرمایید: هر برنامه نویسی قادر به ساختن چنین چیزی هست!

پس راه حل این چیه؟

لینک به ارسال

<?php
if(have_post() :
$even = 'even';
$even_sub = 'even-sub';
whie(have_post()) : the_post;
?>
<li class="class1 <?php echo $even;?>">
<a class="sub <?php echo $even_sub;?>">لینک</a>
</li>
<?php
if($even == 'even') {
$even = odd;
$even_sub = 'odd_sub';
}
else {
$even = 'even';
$even_sub = 'even-sub';
}
endwhile;?>

لینک به ارسال

سلام

استاد فخار جوابو بهتون دادن

شما از li استفاده کردید و کافیه با css براش style تعریف کنید

مثلا :

.mydiv ul li:nth-child(odd) {
background: #000;
}

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

لینک به ارسال


<?php
if(have_post() :
$even = 'even';
$even_sub = 'even-sub';
whie(have_post()) : the_post;
?>
<li class="class1 <?php echo $even;?>">
<a class="sub <?php echo $even_sub;?>">لینک</a>
</li>
<?php
if($even == 'even') {
$even = odd;
$even_sub = 'odd_sub';
}
else {
$even = 'even';
$even_sub = 'even-sub';
}
endwhile;?>

من میخوام کد رو با html و css انجام بدم و نسخه اول رو روی یه وبلاگ مثل رزبلاگ پیاده کنم و سپس انتقال بدم به وردپرس

این زبان php هست و قابل اجرا نیست

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

سلام

شما این مثال از سایت w3schools رو ببین متوجه میشی.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_odd_even

لینک به ارسال

با جی کوئری


$("ul.posts li:odd").each(function() {
$(this).removeClass("life_event").addClass("education_event").find(".event_icn").removeClass("icon-address").addClass("icon-graduation-cap");
});

کدها تست شدند

مچ کردنشون برای جی کوئری به عهده خودتونه

در کدها فرض شده ul والد دارای کلاس posts باشه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...