اسلایدشو برای تبلاگ

این تاپیک 21 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  امیر ،‏ 3 سال پیش .

این تاپیک تاکنون 3265 بازدید داشته است .

تگ شده :  

نویسنده پست
پنجشنبه ، 28 نوامبر 2013     2:09 ق.ظ #


nimook

Subscriber
42 پست10 تاپیک

سلام

من میخوام این اسلاید شورو در گوشه ی سمت چپ وبلاگم و در موقعیت خاص بزارم

http://cssdeck.com/labs/css3-image-slider

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

البته معاون سایت تلاش کردن کمک کنن ولی متاسفانه نتونسن.

http://enfagh.tebyan.net

0  تشکر
پنجشنبه ، 28 نوامبر 2013     11:20 ق.ظ #


امیر

ناظم
840 پست3 تاپیک

با سلام

از ایجاد تاپیک های تکراری پرهیز شود. سوال خود را از تاپیک اول پیگیری کنید.

0  تشکر
پنجشنبه ، 28 نوامبر 2013     2:30 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

خب اونجا شما یه حرفی زدی که دیگه کسی جواب نداد!

 

0  تشکر
پنجشنبه ، 28 نوامبر 2013     4:50 ب.ظ #


امیر

ناظم
840 پست3 تاپیک

ما جلوی کسی رو برای پاسخگویی به تاپیکی نمیگریم. تاپیک هایی هستند که چندین ماهه ارسال شده ان و هیچ پاسخی هم داده نشده بهشون. تاپیکی هم بوده که چندین روز پرسش و پاسخ ادامه پیدا کرده تا تموم شده. اما شما با شتاب در این تالار به هیچ پاسخی نمیرسید و مشکلی از شما حل نخواهد شد. در تاپیک قبلی شما گفتید که اگر نمیتونین پاسخ بدین تا برم جای دیگری. بنده هم عرض کردم که اگر جای دیگری سراغ دارین، از اونجا بپرسین. باز اومدین و دو تاپیک تکراری دیگر رو ارسال کردین. اگر میخواستین برین جای دیگر چرا پس دوباره دو تاپیک تکراری ارسال کردین؟

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

موفق باشید

0  تشکر
پنجشنبه ، 28 نوامبر 2013     6:11 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

[quote=18600]ما جلوی کسی رو برای پاسخگویی به تاپیکی نمیگریم. تاپیک هایی هستند که چندین ماهه ارسال شده ان و هیچ پاسخی هم داده نشده بهشون. تاپیکی هم بوده که چندین روز پرسش و پاسخ ادامه پیدا کرده تا تموم شده. اما شما با شتاب در این تالار به هیچ پاسخی نمیرسید و مشکلی از شما حل نخواهد شد. در تاپیک قبلی شما گفتید که اگر نمیتونین پاسخ بدین تا برم جای دیگری. بنده هم عرض کردم که اگر جای دیگری سراغ دارین، از اونجا بپرسین. باز اومدین و دو تاپیک تکراری دیگر رو ارسال کردین. اگر میخواستین برین جای دیگر چرا پس دوباره دو تاپیک تکراری ارسال کردین؟ اگر میخواین در این تالار مشکلاتتون رو حل کنید، حق تعیین وقت و تعیین تکلیف برای هیچ کسی رو ندارید و بایستی با صبر و حوصله مشکل رو بررسی کنید تا حل بشه. کسی عصای سحرآمیز نداره که به مشکلتون بزنه و در یک لحظه حلش کنه. موفق باشید [/quote]

 

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

0  تشکر
پنجشنبه ، 28 نوامبر 2013     6:27 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

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

<style>
#slideshow-wrap {
right :820px;
display: block;
top : 80px;
height: 150px;
min-width: 245px;
max-width: 245px;
margin: auto;
border: 12px rgba(255,255,240,1) solid;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
box-shadow: 0px 0px 5px rgba(0,0,0,.8);
margin-top: 20px;
position: absolute;
}

#slideshow-inner {
width: 100%;
height: 100%;
background-color: rgb(0,0,0);
overflow: hidden;
position: relative;
}

#slideshow-inner>ul {
list-style: none;
height: 100%;
width: 500%;
overflow: hidden;
position: relative;
left: 0px;
}

#slideshow-inner>ul>li {
width: 20%;
height: 320px;
float: right;
position: relative;
}

#slideshow-inner>ul>li>img {
margin: auto;
height: 100%;
}

#slideshow-wrap input[type=radio] {
position: absolute;
left: 50%;
bottom: 15px;
z-index: 100;
visibility: hidden;
}

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
position: absolute;
left: 50%;
bottom: -45px;
z-index: 100;
width: 12px;
height: 12px;
background-color: rgba(200,200,200,1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
box-shadow: 0px 0px 3px rgba(0,0,0,.8);
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
-o-transition: background-color .2s;
transition: background-color .2s;
}

#slideshow-wrap label:not(.arrows):active { bottom: -46px }

#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }

#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }

#slideshow-wrap label[for=button-1] { margin-left: -36px }

#slideshow-wrap label[for=button-2] { margin-left: -18px }

#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap label[for=button-5] { margin-left: 36px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }

#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }

#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }

#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }

#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }

label.arrows {
font-family: 'WebSymbolsRegular';
font-size: 25px;
color: rgb(255,255,240);
position: absolute;
top: 50%;
margin-top: -25px;
display: none;
opacity: 0.7;
cursor: pointer;
z-index: 1000;
background-color: transparent;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

label.arrows:hover { opacity: 1 }

label.arrows:active { margin-top: -23px }

input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
right: -55px;
display: block;
}

input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
left: -55px;
display: block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}

input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }

input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }

input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }

.description {
position: absolute;
top: 0;
left: 0;
width: 260px;
font-family: 'Yanone Kaffeesatz';
z-index: 1000;
}

.description input { visibility: hidden }

.description label {
font-family: 'WebSymbolsRegular';
background-color: rgba(255,255,240,1);
position: relative;
left: -17px;
top: 00px;
width: 40px;
height: 27px;
display: inline-block;
text-align: center;
padding-top: 7px;
border-bottom-right-radius: 15px;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
z-index: 5;
color: rgb(20,20,20);
}
</style>

<div id="slideshow-wrap">
<input type="radio" id="button-1" name="controls" checked="checked"/>
<label for="button-1"></label>
<input type="radio" id="button-2" name="controls"/>
<label for="button-2"></label>
<input type="radio" id="button-3" name="controls"/>
<label for="button-3"></label>
<input type="radio" id="button-4" name="controls"/>
<label for="button-4"></label>
<input type="radio" id="button-5" name="controls"/>
<label for="button-5"></label>
<label for="button-1" id="arrow-1">></label>
<label for="button-2" id="arrow-2">></label>
<label for="button-3" id="arrow-3">></label>
<label for="button-4" id="arrow-4">></label>
<label for="button-5" id="arrow-5">></label>
<div id="slideshow-inner">
<ul>
<li id="slide1">
<img src="http://cssdeck.com/uploads/media/items/3/3yiC6Yq.jpg" />
</li>
<li id="slide2">
<img src="http://cssdeck.com/uploads/media/items/4/40Ly3VB.jpg" />
</li>
<li id="slide3">
<img src="http://cssdeck.com/uploads/media/items/0/00kih8g.jpg" />
</li>
<li id="slide4">
<img src="http://cssdeck.com/uploads/media/items/2/2rT2vdx.jpg" />
</li>
<li id="slide5">
<img src="http://cssdeck.com/uploads/media/items/8/8k3N3EL.jpg" />
</li>
</ul>
</div>
</div>

0  تشکر
پنجشنبه ، 28 نوامبر 2013     7:37 ب.ظ #


امیر

ناظم
840 پست3 تاپیک

عجله شما قبوله. اما لحن شما ... مگه کسی پول میگیره که شما انتظار دارید اون زمانی که شما میگید، کارتون راه بیوفته؟

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

شما اینجا رو ی نگاهی بیندازید ببینید باب میلتون هست یا خیر.

1  تشکر
پنجشنبه ، 28 نوامبر 2013     9:37 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

سلام ممنون که زحمت کشیدین ولی گفتم که اون اسلاید شو فقط روی کروم کار می کنه واسه همین این یکیو خواستم بزارمhttp://cssdeck.com/labs/css3-image-slider

که مدیر سایتwebanswer  وخودم یکم ویرایشش کردم اینجوری شد:

http://enfagh.persiangig.com/w.txt/download

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

به هر حال ممنون

0  تشکر
پنجشنبه ، 28 نوامبر 2013     11:22 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

آخرین تغییرات http://enfagh.persiangig.com/w.txt/download

0  تشکر
شنبه ، 30 نوامبر 2013     4:35 ب.ظ #


nimook

Subscriber
42 پست10 تاپیک

آقا امیر می تونین کاری کنین که این اسلاید شو توی جایی که براش گذاشتم ثابت بمونه؟

0  تشکر
پست 1 تا 10 (از مجموع 22 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .