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

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

چند تا سوال از حضورتون داشتم

لطفا یه سری به این سایت بزنید:

wecam.ir

اول اینکه چطور میتونم فاصله ی اسلاید شو رو با لاین بالای صفحه (که لوگوی سایت هستش) و لاین پایین (که شماره تماس هستش) کم کنم؟

دوم اینکه بین لاین حق کپی رایت و فایلهای دانلودی پایین صفحه، یک خط وجود داره که تو کروم نشون داده میشه ولی تو فایرفاکس نشون داده نمیشه! دلیل چیه؟

سوم اینکه تو این پیج از دو تا فایل جی اس استفاده شده که یکی تو گوگل و دیگری تو یه سایت دیگه هستش! فایل ها رو دانلود کردم. کجای هاست بذارم و چطوری باید آدرس دهیش کنم تا از رو هاست خودم اجرا شه؟ تلاش کردم اما نشد!

پس زمینه صفحات سایت یه عکس هست که تکرار میشه و تشکیل یه سری نقطه میده. تو صفحه اصلی نمایش داده نمیشه ولی اگه به آدرس ساب فولدرها برید، (اونجا فایل ایندکس گذاشتم) میبینید که تو اون فایلها کار میکنه! مثلا:

wecam.ir/download

دلیل اینکه تو هوم پیج کار نمیکنه، چیه؟

پیشاپیش صمیمانه از همکاریتون سپاسگذارم

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


لینک به پست

خاصی آبرا؟ ^_^

1. کلک رشتی بزن :P


.slideshow
{
margin-top: -2px;
}

2. اینو


<hr color="#C0C0C0" size="3" noshade>

بکن این


<div style='background:#C0C0C0;height:3px;width:90%'></div>

3. جفتشو دانلود کن بذار توی پوشه (اینکه وردپرس نیست :huh: ) ، بذار همون بغل دست index.html توی public_html

بعد مثلاً اینو


<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

بکن این


<script type="text/javascript" src="./jquery.cycle.all.latest.js"></script>

4 . برای بک گراوند صفحه اصلی اینو گذاشتید


body {
background:url(images/background.jpg) repeat-x;
}

این یعنی عکس wecam.ir/images/background.jpg بصورت افقی تکرار بشه ! ولی چنین عکس توی هاست شما نیست .

توی فایل پوشه دانلود اون عکس اینه http://wecam.ir/download/repeat.png

استایل بالا رو اینجوری بنویس .


body {
background:url(download/repeat.png) ;
}

خه سه بووم ! :mellow:

ویرایش شده در توسط rezaonline

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


لینک به پست

در مورد گزینه چهار من بیگناهم. اون بکگراند دات جی پگ نمیدونم از کجا اومده. اون فایل با اسم ریپیت هم میذارم درست نمیشه. البته تو سورسش وارد میکنم ها

تو کل صفحه نمیفته. از زیر لوگوی سایت شروع میشه تا زیر لوگوی فیس بوک :(

دو تا مسئله ی دیگه هم یادم رفت بگم:

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

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

اینو چطوری درست کنم؟

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


لینک به پست

هر جاییش رو با یه چیزی درست کردی .

هیچ کدوم از فایلهات یکی نیست که !

خودت ساختی؟

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


لینک به پست

با فرانت پیج ساختم

این کد اسلاید شو رو از جایی برداشتم و به کد اچ تی ام ال اضافه کردم

الان همه مشکلات حل شد

فقط میمونه همون بکگراند

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

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

ویرایش شده در توسط kavoshgar

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


لینک به پست

برای عدم تکرار عکس باید خاصیت no-repeat رو به بکگراند بدید.

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

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


لینک به پست

برای عدم تکرار عکس باید خاصیت no-repeat رو به بکگراند بدید.

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

شما بی زحمت یه نگاهی به سایت بندازید

عکس بگ گراند فقط در بالا تکرار میشه

میخوام تو کل صفحه تکرار بشه

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

مرسی

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


لینک به پست

شما بی زحمت یه نگاهی به سایت بندازید

عکس بگ گراند فقط در بالا تکرار میشه

میخوام تو کل صفحه تکرار بشه

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

مرسی



#prev a {
background:url(left.png) no-repeat;
width:58px;
height:102px;
position:absolute;
top:120px;
left:-70px;
}
#next a {
background:url(right.png) no-repeat;
width:58px;
height:102px;
position:absolute;
top:120px;
right:-70px;
}
body {
background:url(repeat.png);
}

جایگزین کن

آقا رضا هم که از اول همین رو گفته بود شما خودت repeat-x را اضافه کردی

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط masoudch
      سلام
      به کمکتون نیاز دارم.
      به مشکل خوردم برای اضافه کردن یک فایل جاوا اسکریپت برای ایجاد اسلاید شو (owl-carousel) در تم وردپرس.
      این تم html بوده که درحال تبدیل اون به تم وردپرس هستم.
      کد جاوااسکریپت: این کد رو کجا باید قرار بدم که مشکل اسلایدشو حل بشه؟
      <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> آدرس دهی در فانکشن وارد کردم: این درسته که میتونم کدهای جاوا اسکریپت و توی فوتر قرار بدم و بعد از طریق فانکشن یا حالا هر روش دیگه ای اونا رو فراخونی کنم که دیگه همچین مشکلی پیش نیاد؟
      <?php function insert_style() { wp_enqueue_style('zerogrid' , get_template_directory_uri().'/assets/css/zerogrid.css'); wp_enqueue_style('style' , get_template_directory_uri().'/assets/css/style.css'); wp_enqueue_style('responsiveslides' , get_template_directory_uri().'/assets/css/responsiveslides.css'); wp_enqueue_style('font-awesome-min' , get_template_directory_uri().'/assets/font-awesome/css/font-awesome.min.css'); wp_enqueue_style('owl-carousel' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.css'); wp_enqueue_style('owl-theme' , get_template_directory_uri().'/assets/owl-carousel/owl.theme.css'); wp_enqueue_style('menu' , get_template_directory_uri().'/assets/css/menu.css'); //add scripts wp_enqueue_script('jquery183-min' , get_template_directory_uri().'/assets/js/jquery183.min.js'); wp_enqueue_script('script' , get_template_directory_uri().'/assets/js/script.js'); wp_enqueue_script('jquery-latest-min' , get_template_directory_uri().'/assets/js/jquery-latest.min.js'); wp_enqueue_script('responsiveslides-min' , get_template_directory_uri().'/assets/js/responsiveslides-min.js'); wp_enqueue_script('owl-carousel-min' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.min.js'); } add_action('wp_enqueue_scripts' , 'insert_style'); ?> خطایی که با بررسی inspect element متوجه شدم اینه که اصلا فایل owl-carousel.js خونده نمیشه.
      ممنون.
       
    • توسط Poorya.sh
      درود دوستان بنده در حال کار بر روی یک پروژه OpenSource هستم که به صورت یک cms کتابخانه هستش که ادمین لیستی از کتاب ها و تصویر کاور کتاب رو در اون وارد و کاربران میتونن نظرات خودشون درباره کتاب رو بدن و یا کتاب رو رزرو و بعد با مراجعه حضوری کتاب رو تحویل بگیرند در صورت موجود بودن که تمام این بخش ها رو بدون مشکل ایجاد کردم تنها مشکلی که در حال حاضر مقابل بنده هستش اینکه بعد از آپلود تصویر منتقل نمیشه به پوشته تصاویر و به همین دلیل تصویر نمایش داده نمیشه حدود یک هفته ای میشه که انواع روش ها رو امتحان کردم اما مشکلم حل نشد به عنوان آخرین راه چاره این تاپیک رو ایجاد کردم تا شاید اساتید بتونن کمکمی در حل این مشکل داشته باشند. شما میتونید کل پروژه بنده رو ازین لینک GitHub مشاهده و دریافت کنید و همچنین ورژن آنلاین روند کار قسمت ادمین رو از این لینک مشاهده کنید. (تصویری که میبینید نمایش داده میشه دستی کپی شده تا مشکل واضح تر به نمایش در بیاد.)
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟