سعید شعبانی

هوشمند کردن صفحه اصلی اصلی

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

سلام من مطالب جدید سایتم رو به صورت مستطیل هایی که در شکل زیر می بینید

post-412-0-42309000-1353691256_thumb.jpg

قرار داده ام ولی زمانی که یکی از مستطیل ها ارتفاعش از مستطیل های دیگر بیشتر شود , مستطیل بعدی با یک فاصله به اندازه جای یک مستطیل به مکان بعدی می رود که در تصور دوم قابل مشاهده است

post-412-0-26601000-1353691273_thumb.jpg

یا اینکه مانند تصویر زیر زمانی که یک مستطیل ارتفاعش کم شود قاصله ای بین مستطیل با لایی و پایینی بوجود می آید

post-412-0-96651400-1353691239_thumb.jpg

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

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


لینک به پست

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

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

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


لینک به پست

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

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

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

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


لینک به پست

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

به استایل پست ها max-height را اضافه کن و مقدارش را با height برابر کن

به همان استایل اضافه کن


overflow:hidden

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

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


لینک به پست

به استایل پست ها max-height را اضافه کن و مقدارش را با height برابر کن

به همان استایل اضافه کن


overflow:hidden

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

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

این کار جکجورایی مسئله رو پاک کردن هست من می خواهم تا به صورت خودکار زمانی که یک پست ارتفاعش کم هست پست بعدی بالاتر آید و فاصله ای بین دو پست ایجاد نشود و بلعکس زمانی که ار تفاع پستی زیاد می شود پست بعدی به اندازه ارتفاعی که پست بلندتر پایین آمده است پایین برود و باز فاصله بین پست ها یکسان بماند

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


لینک به پست

این برگه رو نگاه کنید


http://stackexchange.com/sites?view=grid

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

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


لینک به پست

خوب باید همینطور باشه وقتی شما از اینگونه آرایش می تونی استفاده کنی که یک حجم معین از مطلب را در صفحه ی اصلی نمایش بدی و الا یا باید با بی نظمی کادرها بسازی یا با مخفی شدن بخشی از مطالب البته می تونی اندازه ارتفاع را برای بیشترین مقدار تعریف کنی ولی مطالب کم حجم فضای خالی زیادی خواهند داشت

چیزی که شما می خواهی اصلا با دستور float انجام نمی شود شما می توانی دستور


-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

را به استایل لایه ی اصلی که همه پست ها در آن هستند (بیرون حلقه ) اضافه کنی ولی ترتیب نمایش بجای کنار هم می شود زیر هم

یعنی مثلا برای 9 مطلب خواهی داشت

مطلب اول + مطلب چهارم + مطلب هفتم

مطلب دوم + مطلب پنجم + مطلب هشتم

مطلب سوم + مطلب ششم + مطلب نهم

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


لینک به پست

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

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


document.getElementById('PostID').className='Class2'

و جی کوئری


<script>
$("#postID").click(function () {
$(this).toggleClass(".class2");
});
</script>

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط vahid313
      سلام دوستان
      قالبی که در حال حاضر دارم ازش استفاده می کنم، فقط امکان میده چیدمان گروه های مطالب رو در صفحه اصلی داشته باشم به یک همره اسلایدر. اما من میخوام این قابلیت رو در چندین صفحه داشته باشم. مثلا برای هر استان یک صفحه مانند صفحه اصلی داشته باشم. همچنین امکان ایجاد سایدبارهای مجزا نیز برای همین منظور ندارد.
      قبلا از قالب صحیفه استفاده می کردم و این امکانات رو داشت. اما الان با طراح قالب صحبت کردم گفت این امکان رو نه داریم و نه می ذاریم و باید با تغییرات در کد این کار رو انجام دهید.
      می خواستم ببینم میشه این کار رو انجام داد. اگر راه رو نشونم بدید ممنون میشم.
      با تشکر
    • توسط MohmdM
      عرض سلام و ارادت خدمت دوستان و اساتید عزیزم . 
      بنده سایتی دارم که حدودا یه ماهیه سرپاست و خداروشکر مشکلی نداشته . 
      اما از پریروز با یه مشکل عجیب روبرو شدم ! 
      هر تغییری که میخوام تو سایت ایجاد کنم ، بعد از ذخیره به صفحه اصلی سایتم برگشت داده میشه و تغییر اعمال نمیشه .
      این تغییرات شامل انتشار پست جدید ، حذف افزونه ، تغییر css و کلا هرچیزی که وجود داره هست .
      از دیروز شروع کردم به عیب یابی ، مرورگر رو کاملا پاکسازی کردم (Cache) ، تمامی افزونه هارو غیر فعال کردم ، پوسته رو عوض کردم ، وردپرس رو بروز کردم ولی نشد که نشد .
      وردپرس رو به ورژنای قبلی هم دانگرید کردم بازم نشد . 
      الان دیگه واقعا دانش کاره دیگه ای رو ندارم و دستم به دامن شماست . 
      خیلی ممنون میشم کمک کنین تا این مشکلو برطرف کنم . 
      کوچیک شمام . پیشاپیش متشکر .
       
    • توسط milika
      سلام دوستان
      من قصد دارم یه سایت آموزشی بزنم و نیاز دارم که کل صفحه اصلی در اختیارم باشه ( بغیر از header و footer و slider ) به نحوی که میخام این وسط حتی شده با کد نویسی php , جاوا خودم یه سری مقادیر استفاده کنم و این بشه صفحه اصلیم ، این چطوری میشه ؟
      با گزینه برگه نمونه امتحان کردم نشد ، یه سری مقادیر مثل اسم برگه و نویسنده و تاریخچه زیر برگه میاد که نافرم میکنه صفحه رو میخام  هیچ چیزی وسط نباشه و فقط خالی باشه میخام دوستان راهنماییم کنن.
       
      بعدم اینکه میخام یه قالب کاملا ساده مثل همین انجمن داشته باشم اگر میشه اسم یه قالب خوب و فوق العاده ساده و شیک هم بهم بگید .
       
    • توسط saber-14
      سلام من وردپرس رو راه اندازی کردم
      صفحه مدیریت هم وارد میشه
      پیشخوان رو هم میاره
      اما به جای نشون دادن قالب یا مطلب جدید این صفحه رو نمایش میده
      چه کار باید کرد؟
      ممنون
    • توسط \.:MbOy2050:./
      سلام دوستان عزیز ، خسته نباشید ، درخواست یه کدنویسی با هزینه رو داشتم ، ببینید من میخوام از صفحات بایگانی ها یعنی صفحات 2,3,4,5,..... متاتگ توضیحات ( description ) حذف بشه ، بایگانی ها که خودتون میدونید شامل صفحه اصلی ، دسته ها و برچسب ها میشه ، یعنی میخوام این متاتگ توی صفحه 1 بایگانی ها بمونه و از صفحات دیگه حذف بشه ، همچنین از افزونه سئو yoast استفاده می کنم. تشکر/..