سیدرضا بازیار

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

6

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

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

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

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

ویرایش شده در توسط سیدرضا بازیار
0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

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

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

کلاس 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

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

<?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;?>

3

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

مثلا :

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

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

4

به اشتراک گذاری این پست


لینک به پست


<?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 هست و قابل اجرا نیست

ویرایش شده در توسط سیدرضا بازیار
0

به اشتراک گذاری این پست


لینک به پست

با جی کوئری


$("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 باشه

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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