نسـتـــرن

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

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

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


لینک به پست

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط msb
      سلام
      افزونه ای لازم دارم که چند مطلب کوتاه رو به صورت اسلایدی نمایش بده
      البته هر اسلاید سه مطلب حداقل داشته باشه
      مثل تصویر ی که پیوست کردم
      ممنون میشم اگه افزونه خاصی میشناسید معرفی کنید
       

    • توسط PejmanDesigner
      با عرض سلام و خسته نباشید خدمت دوستانم .
      من مشکلی دارم که با جستجو نتونستم به جواب برسم شاید مواردی که جستجو می کردم اشتباه بوده .
      من می خوام در قسمت منو ها لینکی بزارم که صفحه جدیدی رو باز نکنه و به قسمت های مختلف در همون صفحه بره .
      من یک وب سایت تک صفحه دارم و برگه جدیدی ندارم . ولی می خوام با کلیک بر روی قسمت های مختلف منو بازدید کننده مستقیم اسکرول بشه به همون موقعیت .
      حالا دو سوال دارم در این رابطه
      اول اینکه ایا افزونه ای هست که این کار رو انجام بده ؟ یا اینکه باید کدی رو وارد کنم ؟ (لطفا در صورت داشتن کد ، علاوه بر کد نحوه قرار گیری هم توضیح داده شود)
      دوم اینکه اون طوری که من خیلی وقت پیش ها شنیدم مقدار پیکسل میگیره این کد که کجا اسکرول بشه ، حالا سوالم اینجاست که ما پیکسل بدیم داخل این کد ها یا افزونه آیا درحالت رسپانسیو مشکل ایجاد میشه یا نه ؟
    • توسط marpeech
      سلام دوستان
       
      من دنبال یه افزونه اسلایدر می گردم که بتونه اسلاید تمام صفحه و ریسپانسیو درست کنه. اما با یه شرط! و اون این باشه که توی تمام مرورگرها و دستگاه ها هم تمام صفحه باشه. الان من اسلایدر تمام صفحه دارم اما وقتی از توی اپرا نگاه میکنم تمام صفحه ست، توی موزیلا یه کمی از ارتفاعش کم میشه، توی کروم هم همینطور (در همه این موارد از عرض، تمام صفحه ست اما از ارتفاع کم و زیاد میشه). عرض اسلایدر رو هم 100% تعیین میکنم اما برای ارتفاعش راه حلی ندارم. ممنون میشم که راهنمایی کنید
    • توسط IFTHEN
      یه اسلایدر دارم، می خوام یک تگ مثل X رو تعریف کنم و هر پستی که این تگ (برچسب) رو داشت عکس شاخصش داخل اسلایدر صفحه اصلی نمایش داده بشه.
      ممنون می شم راهنمایی بفرمایید به چه صورت می تونم این کار رو انجام بدم.
    • توسط رهنمافرد
      سلام
      امیدوارم حالتون خوب باشه.
      دنبال افزونه ای هستم که آخرین مطالب (یا دسته ای خاص) رو به صورت اسلایدر متنی نمایش بده. به این صورت که برای چند ثانیه عنوان مطلب نمایش داده بشه و بعد عنوان مطلب بعدی نمایش داده بشه و الی آخر ...
      هرچقدر گشتم مدلی که ارائه شده بود شبیه کارکرد تگ marquee بود ولی من می خواهم عناوین چند ثانیه ای مکث داشته باشند و بعد عوض بشن نه این که به صورت scroll حرکت کنند.
      امیدوارم تونسته باشم منظورم رو برسونم ...
      ممنون می شم اگر همچین پلاگینی سراغ دارید معرفی کنید.
      خیلی خیلی متشکر