نسـتـــرن

پویا کردن باکس های اچ تی ام ال

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

سلام

دوستان این کده اچ تی ام ال اسلایدر ضمیمه شده هست:

البته خودم خلاصه اش کردم:


<div class="cn_wrapper">
<div id="cn_preview" class="cn_preview">
<div class="cn_content" style="top:5px;">
<img src="images/polaroidphotobar.jpg" alt=""/>
<h1>Polaroid Photobar Gallery with jQuery</h1>
<span class="cn_date">28/09/2010</span>
<span class="cn_category">Tutorials</span>
<p>In this tutorial we are going to create an image gallery with a Polaroid look.
We will have albums that will expand to sets of slightly rotated thumbnails
that pop out on hover.</p>
<a href="http://tympanus.net/codrops/2010/09/28/polaroid-photobar-gallery/" target="_blank" class="cn_more">Read more</a>
</div>
</div>
<div id="cn_list" class="cn_list">
<div class="cn_page" style="display:block;">
<div class="cn_item selected">
<h2>Polaroid Photobar Gallery with jQuery</h2>
<p>Tutorial on how to create a gallery in polaroid style</p>
</div>
<div class="cn_item">
<h2>Full Page Image Gallery with jQuery</h2>
<p>Another tutorial on how to make a full page image gallery with some jQuery</p>
</div>
</div>
<div class="cn_page">
<div class="cn_item">
<h2>Music Portfolio Template</h2>
<p>A template for a music portfolio website with an HTML5 audio player</p>
</div>
<div class="cn_item">
<h2>Related Posts Slide Out Boxes</h2>
<p>Show users more of your articles with these slide out boxes</p>
</div>
<div class="cn_item">
<h2>Latest Tweets Tooltip with jQuery</h2>
<p>A Plugin for showing the latest tweets with a certain word in your article</p>
</div>
<div class="cn_item">
<h2>Slide Down Box Menu with jQuery and CSS3</h2>
<p>A menu with a nice effect</p>
</div>
</div>
<div class="cn_nav">
<a id="cn_prev" class="cn_prev disabled"></a>
<a id="cn_next" class="cn_next"></a>
</div>
</div>
</div>

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


<div class="cn_item selected">
<h2>Polaroid Photobar Gallery with jQuery</h2>
<p>Tutorial on how to create a gallery in polaroid style</p>
</div>

تو اون h2 عنوان رو نشون بده،تو p خلاصه مطلب رو.

و از کد زیر هم :


<div class="cn_content" style="top:5px;">
<img src="images/polaroidphotobar.jpg" alt=""/>
<h1>Polaroid Photobar Gallery with jQuery</h1>
<span class="cn_date">28/09/2010</span>
<span class="cn_category">Tutorials</span>
<p>In this tutorial we are going to create an image gallery with a Polaroid look.
We will have albums that will expand to sets of slightly rotated thumbnails
that pop out on hover.</p>
<a href="http://tympanus.net/codrops/2010/09/28/polaroid-photobar-gallery/" target="_blank" class="cn_more">Read more</a>
</div>

آدرس img src بشه تصاویر شاخص مطالب جدید

h1 بشه عنوانش

اون تاریخ ها و دسته بندی ها هم برای هر مطلب عوض شه و p هم باز خلاصه

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

دموی اصلی:

http://www.htmldrive.net/items/demo/656/jQuery-scroll-News-Previewer

0

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


لینک به پست

میخواین وردپرسی کنید؟

1

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


لینک به پست

بله.

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط landa77
      سلام دوستان
      من از قالب رایگان writee برای وبسایتم استفاده کردم.اما اسلایدرها رو نشون نمیده و هرکاری هم میکنم اسلایدر ها ظاهر نمیشن.
      از اونجا که من تازه با وردپرس اشنا شدم تجربه ی زیادی ندارم لطفا کمک کنین مشکلم حل بشه
      ممنون.
      ادرس سایتم Social-anxiety.ir
    • توسط j1989m
      سلام
      لطفا اسلایدر این سایتو ببینید: https://beyamooz.com
      میخوام یه اسلایدر مثل لینک بالا داشته باشم: بطوریکه داخل هراسلاید چند تا عنصر مختلف (آیکون و متن) باشه که با اومدن هراسلاید، هریک از عناصر داخلش با انیمیشن خاصی ظاهر بشن، و با رفتن هراسلاید، عناصر داخلش هم با انیمیشن ناپدید بشن...ضمن اینکه ریسپانسیو و لمسی هم باشه...  ؟ ؟ ؟ ؟ ؟ ؟
      در حال حاضر اسلایدر زیر رو با کاروسل ساختم:
      https://codepen.io/j1989mah/pen/VzoOmY
      جمعا 3 تا اسلاید هست: داخل اسلاید دوم و سوم المان هایی رو قرار دادم... اما میخوام با اومدن و رفتن هراسلاید المان های داخلش با انیمیشن ظاهر و ناپدید بشن...
      ؟ ؟ ؟ ؟ ؟ ؟
       
    • توسط rosi
      سلام دوستان بنده بعد از مدت ها امدم یه قالب واسه وردپرس بنویسم
      در  منو ها از این پلاگین ها برای اسکرول در تگ خاصی
        scrollIt.js
      scrollIt.min.js
      استفاده کردم.ولی مشکل اونجاست که وقتی میخوام منو هارو واسه وردپرس درج کنم  طبعتا چون تگ li  پاک میشه.کد از کار میوفته.
      الان باید چیکار کنم.
      باید از افزونه استفاده کنم به صورت دستی امکان نداره.
    • توسط masoudch
      دوستان سلام
      لطفا راهنمایی بفرمایید اسلایدشو سایت زیر چطور درست شده؟ از تکنولوژی یا روش خاصی استفاده کرده؟
      برو به اسلایدشو
      ممنون
    • توسط Mohamad™
      سلام وقتتون بخیر
      این چه افزونه اسلایدری هستش که
       
      بغیر از اسلایدر سمت راست - سمت چپ هم دارای سایدباری هستش