نسـتـــرن

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط vahidmh
      سلام به همگی خسته نباشید بنده یک افزونه اسلایدر مخصوص سایتم میخواستم تا الان چندتا افزونه استفاده کردم ولی همشونو خراب نشون داده لطفا کمک کنید
      آدرس سایتم : beh-melody.ir
      لطف کنید بررسی کنید ببینید چجور هستش ممنون
    • توسط niazpayam
      چگونه در اسلایدر داخلی یک پوسته خارجی که افزونه ندارد بلکه اسلایدر داخلی پوسته هست نوشت های اسلایدر راست به چپ کنم
       
      می تونید ببینید سایتو اینجا دوراهی
    • توسط musta_ja
      سلام و عرض ادب خدمت دوستان محترم
      بنده میخوام در قالب BusinessBuilderVersion: 3.1 به جای هدر یک اسلایدر بذارم . اسلایدر رو هم ساختم ولی افتاده تو مطالب سایت . میشه راهنمایی کنید جون هر چی گشتم نتونستم کدهای هدر رو پیدا کنم تا جایگزین کنم. ممنون.
    • توسط landa77
      سلام دوستان
      من از قالب رایگان writee برای وبسایتم استفاده کردم.اما اسلایدرها رو نشون نمیده و هرکاری هم میکنم اسلایدر ها ظاهر نمیشن.
      از اونجا که من تازه با وردپرس اشنا شدم تجربه ی زیادی ندارم لطفا کمک کنین مشکلم حل بشه
      ممنون.
      ادرس سایتم Social-anxiety.ir
    • توسط j1989m
      سلام
      لطفا اسلایدر این سایتو ببینید: https://beyamooz.com
      میخوام یه اسلایدر مثل لینک بالا داشته باشم: بطوریکه داخل هراسلاید چند تا عنصر مختلف (آیکون و متن) باشه که با اومدن هراسلاید، هریک از عناصر داخلش با انیمیشن خاصی ظاهر بشن، و با رفتن هراسلاید، عناصر داخلش هم با انیمیشن ناپدید بشن...ضمن اینکه ریسپانسیو و لمسی هم باشه...  ؟ ؟ ؟ ؟ ؟ ؟
      در حال حاضر اسلایدر زیر رو با کاروسل ساختم:
      https://codepen.io/j1989mah/pen/VzoOmY
      جمعا 3 تا اسلاید هست: داخل اسلاید دوم و سوم المان هایی رو قرار دادم... اما میخوام با اومدن و رفتن هراسلاید المان های داخلش با انیمیشن ظاهر و ناپدید بشن...
      ؟ ؟ ؟ ؟ ؟ ؟