• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
سعید شعبانی

مرتب سازی خودکار div ها

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

سلام دوستان

l1957_ordpre.jpg

همینطور که در تصویر هم مشخص است من با div یک سری پست همراه با تصویر شاخص و توضیحات مختصری قرار دادم و از طریق خاصیت float هر دو پست را کنار هم قرار دادم ولی مشکلی که در این روش مشخص و واضح است این هست که اگر ارتفاع پستی زیاد یا کم شود بین پست ها از لحاظ ارتفاعی فاصله می افتد که فضای زیادی از قالب را هم اشغال می کند این مورد را می تونید در تصویر با عدد 1 ببینید.

ولی من می خواهم فاصله ها بوجود نیایند. شما سایت http://www.bekridea.com/blog/ را ببینید متوجه می شید که با وجود تفاوت در ارتفاع پست ها فضای خالی اضافی بین اون ها وجود نداره. من دقیق نمی دونم که آیا با css میشه راه حل این مسئله را پیدا کرد ولی فکر کنم با جی کوئری بشه درستش کرد. مثل بخش 2 تصویر که فضا های خالی پر شده اند.

لطفا از طریق css و jQuery راه حل بر طرف کردن این مشکل را بگید

متشکرم

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


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

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

من یک پیشنهاد میکنم:

شما همه float ها رو بدید به راست. بعد در حلقه مشخص کنید که مثلا هر 4 پست در یک ستون باشن و بعد برای div های بعدی بره از بالا شروع کنه.

با اینکار براحتی همه پست ها از بلا به پایین و بعد در کنار هم چیده میشن.

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


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

بعد در حلقه مشخص کنید که مثلا هر 4 پست در یک ستون باشن و بعد برای div های بعدی بره از بالا شروع کنه.

چجوری این کارو انجام بدم؟

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


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

همچین چیزی میشه:

<?php

$i=1;
if(have_pos.....

if(($i%3)==0){echo "<div class="each">";}

if(($i%3)==0){echo "</div>";}

$i++;endif;

?>

که برای هر 3 پست یک div مادر جدا کننده قرار میده که داخلش 3 تا پست میره.

هرچند کد کامل نیست منظور رو میرسونه

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


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

همچین چیزی میشه:

<?php

$i=1;
if(have_pos.....

if(($i%3)==0){echo "<div class="each">";}

if(($i%3)==0){echo "</div>";}

$i++;endif;

?>

که برای هر 3 پست یک div مادر جدا کننده قرار میده که داخلش 3 تا پست میره.

هرچند کد کامل نیست منظور رو میرسونه

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


<?php
global $post;
$myposts = get_posts(array('numberposts' => 10, 'offset' =>1,'post_status'=>'publish'));
foreach($myposts as $post) :
setup_postdata($post);
?>
<li>
<?php
if ( has_post_thumbnail() ) {?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
<?php }
else {?>
<a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/no-thumbnail.png" /></a>
<?php
}
?><div class="recent_post_det">
<a href="<?php the_permalink(); ?>" class="relatedlink"><?php the_title(); ?></a>
</div>
</li>
<?php endforeach; ?>
<?php wp_reset_query(); ?>

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


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

با css هم می شه به اینصورت که لایه اصلی حلقه ها را در یک لایه مادر فراخوانی کنید و کد زیر را به کلاسش اضافه کنید


.blog {
-moz-column-count:4;
-webkit-column-count:4;
column-count:4;}
.blog .post {display:inline-block}

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


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

کد css


-moz-column-count:
-webkit-column-count:
column-count:

توسط چه مرورگرهایی پشتیبانی میشه؟

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


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

همه ساپورت میشن:

http://www.w3schools.com/cssref/css3_pr_column-count.asp

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


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

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Ahmad.F
      با سلام
      من وقتی که توی ادیتور یک کد html رو کپی میکنم قسمت class نمیاد.
      به جز div,class هر خصوصیتی که باشه نمیاد.
      اما وقتی که به صورت دستی تایپ کنم مشکلی نداره .
      میشه کاری کرد که این مشکل حل بشه ؟



    • توسط نگار صادقی
      سلام به دوستان وردپرسي
      اقا من بكگراند دايو رو يه رنگ قرار دادم حالا مخوام اين كادر يه كم توي سايت محو شه يعني بشه زمينه سايت رو هم تا يه حدودي ديد اگه ممكنه راهنمايي كنيد تشكر