• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
Rasoul

جاوااسکریپت
اضافه شدن لوگو هنگام اسکرول هدر

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

سلام

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

الان تو این دمو میخوام وقتی اسکرول میشه کنار My Header یک لوگو اضافه بشه و وقتی دوباره میبری بالا حذف بشه.

 

دمو

0

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


لینک به پست

با css هم میتونید این کار رو کنید . 

میتونید یه div بسازید برای لوگو و از این روش استفاده کنید که وقتی صفحه اسکرول نشده div کلاس x رو داشته باشه و وقتی صفحه اسکرول میشه کلاس y رو داشته باشه  و توی کلاس ها با استفاده از opacity و display نمایش داده شدن لوگو رو کنترل کنید .

 

1

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


لینک به پست
در 2 ساعت قبل، PRGAME گفته است :

با css هم میتونید این کار رو کنید . 

میتونید یه div بسازید برای لوگو و از این روش استفاده کنید که وقتی صفحه اسکرول نشده div کلاس x رو داشته باشه و وقتی صفحه اسکرول میشه کلاس y رو داشته باشه  و توی کلاس ها با استفاده از opacity و display نمایش داده شدن لوگو رو کنترل کنید .

 

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

0

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


لینک به پست
در در 3/5/2018 at 13:25، Rasoul گفته است :

سلام

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

الان تو این دمو میخوام وقتی اسکرول میشه کنار My Header یک لوگو اضافه بشه و وقتی دوباره میبری بالا حذف بشه.

 

دمو

سلام

 

کد زیر رو قبل از <h2>My Header</h2> قرار بده:

<img id="logo" src="http://forum.wp-parsi.com/uploads/monthly_2017_04/1.png.843566f3bac6049941a67d225d8f91f8.png">

کد اضافه شده css:


#logo {
  width: 200px;
  height: auto;
  float: left;
}

کدهای javascript:

window.onscroll = function() {myFunction()};

var header = document.getElementById("myHeader");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    header.classList.add("sticky");
    document.getElementById("logo").style.display= "none";
  } else {
    header.classList.remove("sticky");
    document.getElementById("logo").style.display= "block";
  }
}

 

2

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


لینک به پست
در ۱ ساعت قبل، j1989m گفته است :

سلام

 

کد زیر رو قبل از <h2>My Header</h2> قرار بده:


<img id="logo" src="http://forum.wp-parsi.com/uploads/monthly_2017_04/1.png.843566f3bac6049941a67d225d8f91f8.png">

کد اضافه شده css:



#logo {
  width: 200px;
  height: auto;
  float: left;
}

کدهای javascript:


window.onscroll = function() {myFunction()};

var header = document.getElementById("myHeader");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    header.classList.add("sticky");
    document.getElementById("logo").style.display= "none";
  } else {
    header.classList.remove("sticky");
    document.getElementById("logo").style.display= "block";
  }
}

 

 

سلام

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

جای  block را none با عوض کردم فقط یه مشکلی داره برای اولین بار لوگو هست! اما اسکرول میکنی پایین و دوباره میبری تا هدر مشکلش حل میشه!

نگاه کنید متوجه میشید

https://jsfiddle.net/13bhs9e2/15/

0

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


لینک به پست
در 20 ساعت قبل، Rasoul گفته است :

 

سلام

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

جای  block را none با عوض کردم فقط یه مشکلی داره برای اولین بار لوگو هست! اما اسکرول میکنی پایین و دوباره میبری تا هدر مشکلش حل میشه!

نگاه کنید متوجه میشید

https://jsfiddle.net/13bhs9e2/15/

سلام مجدد

فقط کافیه توی استایل ها display لوگو رو none کنی:

#logo {
  width: 200px;
  height: auto;
  float: left;
  display: none;
}

 

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط amir1384
      سلام دوستان ببخشید من یک قالب html رو به وردپرس تبدیل کردم و بدون مشکل تبدیل شد فقط تنها مشکل اینه که خیلی هم برای من مهم هست این هست که با برکه ساز ها و ویرژوال کامپوزر کار نمیکه نمیشه منو راهنمایی کنید
    • توسط masoudmosleh267
      سلام دوستان عزيز. خواستم بدونم امكانش هست كه بنده يك سايت وردپرسي كه ٢٠ تا افزونه روش نصبه رو تبديل كنم به لاراول و رو اون فريم ورك كار كنم؟
    • توسط acc
      سلام دوستان
      بنده علاقمند هستم که فونت و استایل یک ویجت خارجی که مربوط به چت انلاین هست رو تغییر بدم , ایا این به وسیله جاوا امکان پذیر است؟
      اگر از دوستان کسی در این زمینه مهارت دارد لطفا من را راهنمایی کند
       
      با تشکر
    • توسط سعید شعبانی
      دوستان عزیز سلام
       
      بعد از مدت های زیادی برای من سعادت بزرگی هست که در جمع دوستان وردپرس پارسی هستم. راستش نیاز به یک کد دارم تا بتونه در یک string که داخل یک متغییر php ذخیره شده جستجو کنه و یک تگ با یک class خاص را پیدا و کل اون تگ با محتویات داخلش را برگردونه. مثل نمونه زیر :
      متغییر string با این مقدار هست:
      $string = '<div class="page><span>hello</span> <div class="one">one</div><div class="two">two</div><div class="ok">ok</div></div>'; حالا یه تابع باشه مثل تابع زیر کلاس تگ html را بهش بدیم و اون تگ و محتویاتش را برگردونه:
      $result = get_html_content('.two'); و در نهایت خورجی بشه:
      <div class="two">two</div>  
      پیشاپیش از همه دوستانی که همکاری می کنند تشکر می کنم
    • توسط madidi
      سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 
      توی تصویر زیر کامل توضیح دادم 
      چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟
      ممنون