ماژول نمونه کناری

یک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید
ثبت نام

خانه

صفحات

افزونه‌ها

امکانات

آموزش

تماس با ما

ماژول نمونه کناری

این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید.

جستجو در سایت

ثبت نام

تماس با ما: 8890000-021             ایمیل: info@ssarvenaz.ir

گزینه‌های چیدمان

توضیحات
دسته: دمو اطلاعات
بازدید: 4264

 

سبک یک

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

Apply a drop cap with a wrapping span class as follows: <span class="firstcharacter">L</span>orem ipsum

 

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

Apply a drop cap with a wrapping span class as follows: <span class="firstcharacter2">L</span>orem ipsum



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

Apply a drop cap with a class on a wrapping paragraph tag as follows: <p class="drop_class">Porem ipsum</a>

 

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

Apply a drop cap with a class on a wrapping paragraph tag as follows: <p class="drop_class2">Porem ipsum</a>



پوشش‌های ویديویی

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


این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.

۰۱ یو‌آر‌ال خود را در منطقه اس‌آر‌سی وارد کنید.
۰۲ تصویر پس زمینه خود را در زیر منطقه سبک وارد کنید. این تصویر پس زمینه که قبلا از بارهای ویدئو به نظر می رسد. لطفا توجه داشته باشید که تمام فیلم درفرمت خاص خود غیر فعال با توجه به محدودیت میباشد.
۰۴اختیاری حداکثر ارتفاع تحت پوشش های ویدئویی منطقه اختیاری سبک بسته بندی را وارد کنید. این ویدئو را از تبدیل شدن به بزرگتر از ارتفاع مشخص جلوگیری کنید.
۰۵این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید. این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.
۰۶ این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده .شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید. این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.
۰۷این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید. این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.

<div class="video_overlay_wrap" style="max-height:700px;min-height:300px;width:1500px;background: url('/images/video_preload.jpg');">
<video muted autoplay="autoplay" loop="loop" src="/images/video.mp4"></video>
<div class="video_overlay_text_wrap">
<div class="video_overlay_text_wrap_inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi efficitur scelerisque ligula, sit amet fermentum metus.
<div style="clear:both;height:0px;"></div>
</div>
</div>
</div>



آیکن‌های شبکه‌های اجتماعی



برای استفاده از این آیکن‌ها،آیکن باید فعال باشد.

<a href="/" class="social_icon ion-social-facebook"></a>
<a href="/" class="social_icon ion-social-twitter"></a>
<a href="/" class="social_icon ion-social-googleplus"></a>
<a href="/" class="social_icon ion-social-rss"></a>
<a href="/" class="social_icon ion-social-pinterest"></a>



اطلاعیه

این یک سبک جهت استفاده است<div class="black_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="gray_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="red_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="blue_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="green_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="yellow_box">Your content goes here!</div>

 

این یک سبک جهت استفاده است <div class="orange_box">Your content goes here!</div>

 

تصاویر

مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده:



مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده:



مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده:



مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده:



مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده. این یک متن نمونه می باشد برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.



 

سر تیترها

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5



آیکن‌های آیون

 
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="/" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-headphone icon_element"></span>
</div>
</div>


جهت مشاهده نمونه‌های بیشتر اینجا را کلیک کنید.

تاریخ

AUG
22
متن نمونه When: August 22, 2014 at 7:00pm
 
 

 

<div class="date_outer_wrap">
<div class="date_wrapper">
<div class="date_top">
AUG
</div>
<div class="date_bottom">
22
</div>
</div>
<div class="date_text_wrap">
<span class="date_text1"><a href="/">Top Sample Text</a></span>
<span class="date_text2">When: August 22, 2014 at 7:00pm</span>
</div>
<div style="clear:both"></div>
</div>



پوشش

 
تیم 3

فرشته امیرمحمدی
توسعه دهنده ارشد

 
نمایشی
تیم 3
 


گردآوری شده توسط :احمد دانشیان, رضا میرسعیدی, بهمن الله کرمی, رضا زاهدی, اکبر عباسیان, رضا نوری‌نزاد

Example of code used above. Notice on the first DIV there is a "four". You can enter one, two, three, four, five and six depending on how many team members you want on one row (Be sure to keep that space before the number too):

<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="http://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">CEO/Owner</span>
<br> </div>
</div>



 

پوشش دهنده بازیهای ویدیویی

 

UP: Carl and Ellie
iphone vid
 



<div class="overlay_outer">
<div class="overlay_hover_outer">
<div class="overlay_hover_video">
<div class="overlay_centered">
<a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video">
<span class="ion-play ion-play-size"></span>
</a>
<div class="s5_multibox youtube">UP: Carl and Ellie </div>
</div>
</div>
<img src="/images/shape5/typography_vidplay.jpg" alt="iphone vid" />
</div>
</div>



تصویر زوم

 

پوشش متن
 



<div class="img_hover_zoom">
<div class="image_hover_zoom_text">
پوشش متن
</div>
<img src="/images/shape5/typography_vidplay.jpg" alt="" />
</div>



 

متفرقه

With readon class applied:

کانال‌ها

With uppercase class applied:

حروف بزرگ

یک متن نمونه جهت مشاهده و ویرایش میباشد.<blockquote><p>Your content goes here!</p></blockquote> مشاهده نحوه ویرایش.

This is a sample blockquote. Use <div class="code">Your content goes here!</div> to create a blockquote

#s5_code { width: 30px; color: #fff; line-height: 45px; }

 

  1. این یک لیست مرتب شده است.
  2. صف‌های توصیف شده توسط کاربر.
  3. توانایی کار با لیست مذکور.
  4. ورود به سایت لیست‌های مشخص.

 

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

 

  • این یک لیست نامرتب با کلاس آررو است
  • چیدمان لیست در مرحله اول باید به حالت درست در آید
  • مرتب سازی و چینش.
  • هر قسمت یک سبک نگارش خاص خود را دارد .

 

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

 

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


لیست زیر یک متن آماده و ساده میباشد جهت نمایش کلاس‌ها و محتویات درون آن:

  • ۰۱شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نمایید.
  • ۰۲شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نمایید.
  • ۰۳شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدt.
  • ۰۴شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نماییدیک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده توسط گروه جوملا فری.شما می توانید متن را با مراجعه به مدیریت سایت ویرایش نمایید.

 

<li><span class="circle_item">01</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut mattis quam. Suspendisse tempor mollis porta. Quisque consequat justo risus, et venenatis erat consectetur sit amet. Curabitur varius tortor metus, non convallis felis fermentum sed. Nam varius justo nulla, et ultricies augue venenatis ut. Proin tempor aliquam dapibus. Pellentesque euismod vehicula est, a euismod lacus feugiat sit amet.</li>

 

<li><span class="circle_item"><i class="ion-star"></i></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut mattis quam. Suspendisse tempor mollis porta. Quisque consequat justo risus, et venenatis erat consectetur sit amet. Curabitur varius tortor metus, non convallis felis fermentum sed. Nam varius justo nulla, et ultricies augue venenatis ut. Proin tempor aliquam dapibus. Pellentesque euismod vehicula est, a euismod lacus feugiat sit amet.</li>


یک متن نمونه برای مشاهده‌ی نحوه‌ی نمایش مطالب در قالب ترجمه شده.شما می توانید این متن را با مراجعه به مدیریت جوملای سایت ویرایش و یا حذف نمایید:

  • متن نمونه جهت مشاهده و ویرایش<li class="li_number1">Your content goes here!</li>
  • متن نمونه جهت مشاهده و ویرایش <li class="li_number2">Your content goes here!</li>
  • متن نمونه جهت مشاهده و ویرایش <li class="li_number3">Your content goes here!</li>
  • متن نمونه جهت مشاهده و ویرایش<li class="li_number4">Your content goes here!</li>



جدول قیمت

شخصی
ت۴۹هر ماه
فضای مجاز:فضای ترافیک نامحدود
آپ تایم سرور ۹۹.۹٪
پارک دامنه ۱۰٪
قابلیت برگشت هزینه تا ۱۵ روز
 
انتخاب
تجاری
ت۷۹هر ماه
فضای مجاز:فضای ترافیک نامحدود
آپ تایم سرور ۹۹.۹٪
پارک دامنه ۳۰٪
قابلیت برگشت هزینه تا ۳۰ روز
دامین رایگان
حفظ حریم خصوصی
 
انتخاب
توسعه کاری
ت۹۹هر ماه
فضای مجاز:فضای ترافیک نامحدود
آپ تایم سرور ۹۹.۹٪
پارک دامنه ۶۰٪
قابلیت برگشت هزینه تا ۴۵ روز
 
انتخاب
 

 

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



<div class="s5_pricetable_3">

<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Basic</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">49</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Choose</a></div>

</div>
</div>

<div class="s5_pricetable_column recommended">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Standard</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">79</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
<div class="s5_option">
FREE Domain Name
</div>
<div class="s5_option">
Personal Concierge
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Choose</a></div>

</div>
</div>

<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Premium</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">99</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a class="button s5_pricetable" href="#">Choose</a></div>


</div>
</div>

<div style="clear:both;"></div>
</div>



پاسخگوی یوتیوب و فیلمها

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

 
  • شما اینجا هستید:  
  • خانه /
  • امکانات /
  • بقیه امکانات ورتکس /
  • چیدمان
| قالب جوملا | کولر صنعتی | گرماتاب | اسکوتر برقی | وی پی ان | دوربین مداربسته | دبل استار