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

ارسال شده در (ویرایش شده)

با سلام

سمت چپ این سایت ( http://www.taleshan.org/ ) تعدادی عکس وجود داره که از پایین به بالا با مکث روی هر عکس در حرکت هستش میخواستم کسی کدش را داره ؟؟ بدون افزونه میخوام درست کنم

اگه امکان داره حرکتش از سمت چپ به راست باشه

ممنون

ویرایش شده در توسط YOU
0

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


لینک به پست

سلام


http://remysharp.com/demo/marquee.html
http://archive.plugins.jquery.com/plugin-tags/marquee

5

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


لینک به پست

آقا مرتضی تشکر ولی آدرس اولی دادید کد marquee ساده هستش من میخوام وقتی عکسها به سمت چپ حرکت میکنن دقیقا مثل همون سایت بعد از حرکت هر عکس یه مکثی داشته باشه

بعد عکس بعدی حرکت کنه

دومی هم که پلاگین هستش اگه امکان داره بدون پلاگین میخوام

ممنون

0

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


لینک به پست

این چیزی که شما می خوای دیگه از marquee خارج می شه و باید سراغ js و jquery رو بگیری

http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm

3

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


لینک به پست

اگه اون یه لحظه وایسادن رو بیخیال بشین کاملا مارکیو هست

اینم کدش


<marquee behavior="scroll" direction="up" height="250" scrollamount="1" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
</ul>
</marquee>

4

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


لینک به پست

این چیزی که شما می خوای دیگه از marquee خارج می شه و باید سراغ js و jquery رو بگیری

http://www.dynamicdr...sagscroller.htm

لطفا کد کاملشا با توضیحات میدید

ممنونم

0

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


لینک به پست

دوست عزیز

همون صفحه رو باز کنید کدهاش پایین صفحه هستند.

2

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


لینک به پست

دوست عزیز

همون صفحه رو باز کنید کدهاش پایین صفحه هستند.

در تعجبم 100 تا لینک میدید واسه راهنمایی ولی کدی که درخواست میکنیم را نمینویسید خوب اگه بلد بودیم خودمون سرچ میکردیم پیدا میکردیم مشکلمون را هم حل میکردیم

بازم با تشکر از زحمات شما هر چند ما کدی پیدا نکردیم

موفق و سربلند باشید

0

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


لینک به پست

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


لینک به پست

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

این کد در هیدر کپی می شه


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="sagscroller.css" />
<script src="sagscroller.js">
/***********************************************
* SAG Content Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
/* #SAG scroller demo #1 */
div#mysagscroller{
width: 200px; /*width of scroller*/
height:250px;
}
div#mysagscroller ul li{
background:navy;
color:white;
padding:5px;
margin-bottom:5px; /*bottom spacing between each LI*/
}
div#mysagscroller ul li:first-letter{
font-size:28px;
background:white;
color:black;
padding:0 2px;
margin-right:2px;
}

/* #SAG scroller demo #2 */
div#mysagscroller2{
width: 250px; /*width of scroller*/
height:300px;
border:7px solid #C0C0C0;
}
div#mysagscroller2 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
}
</style>
<script>
//SAG scroller demo #1:
var sagscroller1=new sagscroller({
id:'mysagscroller',
mode: 'manual' //<--no comma following last option
})
//SAG scroller demo #2:
var sagscroller2=new sagscroller({
id:'mysagscroller2',
mode: 'auto',
pause: 2500,
animatespeed: 400 //<--no comma following last option
})
</script>

این دو تا فایل دانلود می شند و بعد آپلود می شند روی سایت

http://www.dynamicdrive.com/dynamicindex2/sagscroller.js

http://www.dynamicdrive.com/dynamicindex2/sagscroller.css

همینطور اینها

http://www.dynamicdrive.com/dynamicindex2/ajaxloading.gif

http://www.dynamicdrive.com/dynamicindex2/down.gif

و این هم کد بخش داخل صفحه است


<div id="mysagscroller" class="sagscroller">
<ul>
<li>Ajax is a group of interrelated web development techniques used on the client-side to create interactive web applications.</li>
<li>XML's design goals emphasize simplicity, generality, and usability over the Internet.</li>
<li>SVG and HTML5's canvas element allow for the creation of simple graphical objects using programming.</li>
<li>The new audio and video elements of HTML5 offer an alternative to flash for embedding multimedia on the web.</li>
<li>CSS is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language.</li>
</ul>
</div>
<br />

<div id="mysagscroller2" class="sagscroller">
<ul>
<li><a href="#"><img src="http://i29.tinypic.com/xp3hns.jpg" /></a></li>
<li><a href="#"><img src="http://i26.tinypic.com/11l7ls0.jpg" /></a></li>
<li><a href="#"><img src="http://i31.tinypic.com/119w28m.jpg" /></a></li>
<li><a href="#"><img src="http://i27.tinypic.com/34fcrxz.jpg" /></a></li>
</ul>
</div>

اول تمام کدها را در یک فایل نوت پد قرار دهید و فایل را با پسوند htm در یک پوشه ذخیره کنید فایل های دانلود شده را هم داخل آن پوشه کپی کنید نوت پد را ببندید و صفحه ی ساخته شده را در بروسر باز کنید یکی از دو نمونه را انتخاب کنید

برای جاگذاری در وردپرس بجای کدهای بادی فقط کد دیو نمونه انتخاب شده را به کد منو اضافه کنید مثلا در صورت پسند نمونه 2 کد شما می شود


<div id="mysagscroller2" class="sagscroller">
<?php wp_menu(); ?> </div>

و باقی فایل ها را در روت وردپرس کپی می کنید و کد هیدر را هم بدون تغییر می گذارید

3

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


لینک به پست

برای دانلود روی لینک ها راست کلیک کنید و save link as ... یا (save target) را انتخاب کنید

3

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


لینک به پست

با تشکر از همه دوستان زحمت کشیدید واقعا عالی بود ممنونم

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط helen94
      سلام دوستان. من دنبال افزونه یا ابزارکی می گردم که باهاش در صفحه اصلی سایتم یه باکسی ایجاد کنم که در اون آخرین پست های سایت رو نشون بده. به این شکل که جدیدترین پست رو به همراه تصویر شاخصش در قسمت بالا به شکل بزرگتر نشون بده و در قسمت زیرش پست های قبل تر رو نشون بده. تصویر افزونه ی موردنظرم رو ضمیمه کردم به این پست.
      قالبی هم که ازش استفاده میکنم قالب استادیار هست.
      من قبلا موارد این چنینی رو در خیلی سایت ها دیدم، اما اسم افزونه یا ابزاری که باهاش این کار رو کردن نمیدونم.
      ممنون میشم راهنماییم کنید.


    • توسط 3pd
      با سلام خدمت دوستان
      ممنون میشم راهنمایی کنید که با چه افزونه ای این امکان وجود داره که بدون ایجاد برگه برای گالری ها ، بتونیم با استفاده از تصویر شاخص چندین گالری رو مثلا در صفحه اصلی سایت نمایش بدیم؟ افزونه ای میخوام باشه که برای گالری ها بشه دسته بندی ایجاد کرد.
      من با استفاده از افزونه ی foogallery، چند گالری ایجاد کردم و طرح شبکه بندی رو هم انجام دادم. با استفاده از ویژوال کامپوزر ردیف ایجاد کردم و از المان شبکه بندی استفاده کردم، در قسمت تنظیمات شبکه بندی نمایش گالری رو انتخاب کردم اما نمیشه انتخاب کرد که کدوم گالری! و صرفا میشه انتخاب کرد که چندتا از جدیدترین ها یا قدیمی ترین ها رو نمایش بده..
    • توسط hamasehyaran
      سلام 
      روزبخیر
      من یه تازه وارد وردپرسی هستم ، حدود 9 ماهه با وردپرس مشغولم .
      کدنویسی هم در حد html و css بلدم. php نمیدونم
      الان هم دارم روی سایت برای انتشارات کتاب کار میکنم.
      یه کاری می خوام انجام بدم که مدت ها درگیرشم.
      میخوام توی صفحه محصولاتم، نویسنده کتاب به صورت لینک شده بیاد و شخص با کلیک کردن روی اون به صفحه نویسنده هدایت بشه.(مثل عکس پیوست)
      چند تا کار انجام دادم ، مثلا با taxonomy ها کار  کردم ولی بلد نبودم ازشون استفاده کنم.
       
      لطفا در این مورد رهنماییم کنید.


    • توسط zoh.ayat
      با عرض سلام خدمت اساتید محترم
      من دنبال افزونه ای هستم که با کلیک روی یک متن یا تصویر پنجره ای مشابه پنجره های popup باز شود و در این صفحه عکس و نوشته هایی را بتوانم قرار دهم.
      آیا کسی میتونه بنده را راهنمایی کند؟
    • توسط mr.meysam
      سلام
      وقت بخیر
      من روی وردپرس از قالب گود نیوز استفاده میکنم ولی امروز متوجه شدم که از هر تصویر حدود 18 تا سایز دیگه هم میسازه 
      چطور میتونم جلوی این کارو بگیرم؟
      حالا چطور میتونم اینا رو حذف کنم؟
      سایز هایی که میسازه اینا هستن
      120*76
       150*150
      180*120
      190*122
      220*140
      265*168
      274*173
      278*202
      284*180
      300*168
      308*192
      373*270
      45*35
      475*342
      567*365
      610*365
      90*60
      95*64
      تشکر