پرش به


تصویر

چیدمان خبرها در Short story


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

#1 vahab65

vahab65

    عضو جدید

  • عضو سایت
  • ستاره
  • 8 ارسال

ارسالی 1394/11/07 ساعت 18:00

با سلام

من میخواستم در قالب سایتم خبر که میزارم پشت سرهم نیان پایین کنار هم باشن . یعنی مثل سایت های خبری دوتا خبرکنار هم باشن تا پایین . الان هر خبر که میزاری خبر بعدی میره زیرش توی دوتا ستون کنار هم برن پایین . باید کدوم فایل رو ویرایش کنم ؟

با تشکر 


  • 0

#2 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 ارسال
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1394/11/07 ساعت 20:06

با سلام

من میخواستم در قالب سایتم خبر که میزارم پشت سرهم نیان پایین کنار هم باشن . یعنی مثل سایت های خبری دوتا خبرکنار هم باشن تا پایین . الان هر خبر که میزاری خبر بعدی میره زیرش توی دوتا ستون کنار هم برن پایین . باید کدوم فایل رو ویرایش کنم ؟

با تشکر 

خوب شما باید از css و html کمک بگیرین و سایتتون رو ویرایش کنین.

آدرس سایت رو قرار بدین بیشتر میشه کمکتون کرد


  • 0

#3 vahab65

vahab65

    عضو جدید

  • عضو سایت
  • ستاره
  • 8 ارسال

ارسالی 1394/11/07 ساعت 23:10

خوب شما باید از css و html کمک بگیرین و سایتتون رو ویرایش کنین.

آدرس سایت رو قرار بدین بیشتر میشه کمکتون کرد

هنوز روی لوکال هاست دارم قالب رو آماده میکنم داداش سایت نیست . من html , css بلذم فقط نمیدونم کدوم فایل رو باید ویرایش کنم  . از داخل فایل short story که نشد هرکار کردم 


  • 0

#4 iraya

iraya

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 151 ارسال
  • محل سکونت: ارومیه
  • مهارت ها: HTML, CSS, js

ارسالی 1394/11/07 ساعت 23:37

یه مثال ساده

فایل main.tpl

<div class="mainlast">{content}</div>
<div class="clr"></div>

توی فایل shortstory.tpl


<div class="mainlastprod">
<div class="mainlasttext">
<p><span>تاریخ ارسال: <strong>{date=d M Y}</strong></span></p>
<h2>{title}</h2>
<a href="{full-link}" title="{title}" target="_blank"> ادامه مطلب</a>
</div>
</div>

و اضافه کردن کد های زیر به فایل استایل قالبت

.mainlast { width: 100%;margin-right:30px;}
.mainlastprod { width: 250px; float: right; margin-right: 0px; padding-right: 0px; }
.mainlasttext { margin-bottom:30px; background:#fff; width: 245px; height:220px;}
.clr { clear: both;}
 
 

 

توضیح اینکه float: right; باعث میشه مطالب کنار هم قرار بگیره و با تموم شدن طول صفحه به خط بعدی بره

 

و {content} هم کد نمایش مطالب سایته


  • 1

---------------------------------------------------------

http://www.iraya.ir



0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی