پارس جوم :: انجمن های تخصصی جوملا
کد اچ تی ام ال - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: کد اچ تی ام ال (/thread-17652.html)

صفحه‌ها: 1 2

کد اچ تی ام ال - rezaetemadi - ۱۸-۱-۱۳۹۴ ۰۶:۳۲ عصر

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

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

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

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

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

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

ممنون می شوم کمک کنیدJoomla 2.5

RE: کد اچ تی ام ال - rezaetemadi - ۱۹-۱-۱۳۹۴ ۰۳:۱۴ صبح

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

RE: کد اچ تی ام ال - sajjad salehi - ۱۹-۱-۱۳۹۴ ۰۴:۴۲ صبح

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

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

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

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


RE: کد اچ تی ام ال - rezaetemadi - ۱۹-۱-۱۳۹۴ ۰۶:۱۷ صبح

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

RE: کد اچ تی ام ال - sajjad salehi - ۱۹-۱-۱۳۹۴ ۰۶:۲۹ صبح

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

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

RE: کد اچ تی ام ال - rezaetemadi - ۱۹-۱-۱۳۹۴ ۱۲:۴۵ عصر

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

RE: کد اچ تی ام ال - 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 استیل بدی .

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

RE: کد اچ تی ام ال - 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>
درسته؟

RE: کد اچ تی ام ال - 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 عکس رو به بک ماژول تخصیص میده . خط دوم رنگ پس زمینه ماژول رو عوض میکنه (برای اینکه بدونی کادر ماژول تا کجاست )خط چهارم عرض و ارتفاع ماژول رو مشخص میکنه .
خط هفتم هم میگه دایو داخل که ماژول شمارنده داخلشه چه فاصله ای از بالا و چپ داشته باشه .
وقتی اینجا رسیدی دمو بده تا با فایرباگ یه استیل درست براش بزنم بهت بدم ...

RE: کد اچ تی ام ال - 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>