کد اچ تی ام ال

[rezaetemadi]

من دنبال یک ماژول هستم برای قرار دادن تخفیف ویژه محصولات تو سایت برای ورچورتمات
مثل سایت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

زیر اسلایدر محصولات را به صورت تب برای تخفیف گذاشته
یا سایت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

زیر اسلایدر
یا سایت
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

زیر اسلایدر
میخواهم مثل این سایت (بیشتر شبیه دیجی)
در چند تا تب ، محصولات خودم را قرار بدهم

البته همراه با تایمر !ماژول تایمر هستش البته

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

ممنون می شوم کمک کنید

[rezaetemadi]

سلام
دوستان کسی هست کمک کنه

[sajjad salehi]

خب از یه ماژول تب ساز اول باید استفاده کنی
بنرهای مورد نظرت رو با ماژول html بساز
با ماژول انی ور و ماژولهای count down موجود مثل
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

رو داخل ماژول های html قرار بده

اگه جی کوئری بلدی هم این به دردت میخوره
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

[rezaetemadi]

میشه خواهش کنم
کمکم کنید چطوری کد بزنم ! چطوری ماژول را با عکس یکی کنم؟

[sajjad salehi]

خب این عکس با ماژول یکی نشده عکس بک گرانده یک ماژول html بساز و بک گراند براش یه عکس بنداز . بعد با مازول انی ور
ماژ<ل شمارهنده رو بنداز روش و مکانش رو تنظیم کن .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

چند تا از اینها بساز و داخل تبهای یک ماژول تب ساز قرار بده .

[rezaetemadi]

هر کاری کردم نشد ! می شود کمک کنید

[sajjad salehi]

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

کد: (انتخاب همه)

<div class="myclass" style="background-image:url(image/baner1.jpg) ;width:200px ;height:200px  ">
</div>

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

کد: (انتخاب همه)

#myclass{
background-image:"/images/baner1.jpg"    
width:200px ;height:200px
}

بعد ماژول انی ور نسخه ی مجانی رو نصب کن . و فعال کن .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

ماژول کانترت رو هم نصب کن و یک کانتر بساز توی یک موقعیت قالب تستش کن .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

ای دی ماژول کانتر رو از توی مدیریت ماژولها در بیار و این کد رو داخل دایو مربوطه در ماژول html قرار بده . فرض کن ای دی 123 باشه .
{module 123}
مثل این

کد: (انتخاب همه)

<div class="myclass" >
{module 123}
</div>

این پیش نمایشش
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

بعد فاصله اش از حاشیه ها رو معلوم کن .

کد: (انتخاب همه)

<div class="myclass" >
<div id="myid" style=" top:10px; left:20px">
      {module 123}
  </div>
</div>

بهتره این رو هم با فایل css استیل بدی .

شما باید چند تا از اینها رو بسازی و با ماژول تب ساز نمایش بدی تب سازی که قابلیت نمایش ماژولها رو داشته باشه .

[rezaetemadi]

ممنون
یعنی من بیام تو مدیریت ماژول ها یک ماژول html را باز کنم
از ویرایشگر کد html را بزنم
و کد زیر را توش قرار بدم

کد: (انتخاب همه)

<div class="myclass" style="background-image:url(image/baner1.jpg) ;width:200px ;height:200px  ">
</div>

به جان اون که نوشته baner1 عکس خودم را بزارم ! درسته؟
طول و عرض بنر را هم مشخص می کنم
بعدش زیر کد بالا ، کد زیر را بزنم!

کد: (انتخاب همه)

<div class="myclass" >
<div id="myid" style=" top:10px; left:20px">
      {module 123}
  </div>
</div>

درسته؟

[sajjad salehi]

نه اینطوریه که اول کد ور میگذارن توی ماژول html اگر درست کار کرد اون بخش style رو بر میدارن به فایل css اضافه میکنن .
بعد بخش دوم رو داخل دایو قبلی اضافی میکنن و ...
ادرس عکس رو هم فکر کنم اشتباه نوشتم اولش بک اسلش داره . /
اون کدی که آخر همه نوشتم کد شماست . هر دایوی ممکنه class یا id داشته باشه از طریق این کلاس و ای دی استیل بهش تخصیص میدی .
مثلا اسم کلاس هست myclass شما باید در فایل css با کمک

کد: (انتخاب همه)

.myclass{
{

اگه از id استفاده کردی به جای . از # استفاده کن .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

شما اول یک ماژول html بساز دوم یک ماژول شمارنده بساز که لینک دادم قبلا . سوم ماژول انی ور رو نصب کن .
این کد رو بذار داخل ماژول html

کد: (انتخاب همه)

<div class="myclass" >
   <div id="myid" >
       {module 123}
   </div>
</div>

در {module 123} شماره 123 شناسه ماژول شمارنده ی شما در مدیریت ماژولهاست
این رو هم به فایل css اضافه کن .

کد: (انتخاب همه)

.myclass{
background-image:"/images/baner1.jpg";    
background-color:#EC2124;
width:200px ;height:200px
}
#myid {
      top:10px; left:20px
}

myclass و myid رو هر چی دوست داری بگذار فقط داخل فایل css مشابه نداشته باشه .
خط دوم کد css عکس رو به بک ماژول تخصیص میده . خط دوم رنگ پس زمینه ماژول رو عوض میکنه (برای اینکه بدونی کادر ماژول تا کجاست )خط چهارم عرض و ارتفاع ماژول رو مشخص میکنه .
خط هفتم هم میگه دایو داخل که ماژول شمارنده داخلشه چه فاصله ای از بالا و چپ داشته باشه .
وقتی اینجا رسیدی دمو بده تا با فایرباگ یه استیل درست براش بزنم بهت بدم ...

[rezaetemadi]

یعنی من کد زیر را بزارم
من اول باید برم داخل Template.css کد زیر را اضافه کنم

کد: (انتخاب همه)

.myclass{
background-image:"/images/baner1.jpg";    
background-color:#EC2124;
width:200px ;height:200px
}
#myid {
      top:10px; left:20px
}

بعد تو مدیریت ماژول ها یک ماژول html بسازم
و روی دکمه html ویرایشگر کلیک کنم
و دقیقاً کد زیر را قرار بدهم

کد: (انتخاب همه)

<div class="myclass" style="background-image:url(image/baner1.jpg) ;width:200px ;height:200px  ">
</div>

این دو تا افزونه هم که نصب کردم از قبل

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


و بعد داخل html ویرایشگر
کد زیر هم قرار بدهم

کد: (انتخاب همه)

<div class="myclass" >
   <div id="myid" >
       {module 123}
   </div>
</div>