رفتن به مطلب

پست های پیشنهاد شده

سلام دوستان، من یه منو دیدم توی سایت که با asp.net نوشته شده. امکانش هست کسی کمک کنه که چطور باید این منو رو برای وردپرس پیاده سازی کنم؟

تا جایی که میدونم باید برای این منو از walker استفاده کرد اگر اشتباه نکنم.

منبعی برای آموزش walker برای وردپرس دارین؟

نمیدونم میتونم آدرس سایت رو لینک کنم یا نه بنابراین اسمش رو مینویسم: سایت didital

( didital . net )منو که در حالت ویندوز داره رو میخوام. ممنونم

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


لینک به ارسال

سلام. برای این کار باید از جاوا اسکریپت استفاده کنی توی سایت w3 نمونه کد داره من یه تیکه کد دارم براش قبلا از اونجا برداشتم الان که دسترسی قطعه متاسفانه!!!

کد HTML

<!-- The Modal -->
        <div id="myModal" class="modal">

            <!-- Modal content -->
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>جستجوی هوشمند</h2>
                </div>
                <div class="modal-body">
                    <p>Some text in the Modal Body</p>
                    <p>Some other text...</p>
                </div>

            </div>

        </div>

کد CSS

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  -webkit-box-shadow: 0px 0px 4px 0px #000000;
  box-shadow: 0px 0px 4px 0px #000000;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

/* The Close Button */
.close {
  color: white;
  margin-top: 21px;
  margin-left: 15px;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #e12f59;
  color: white;
}

.modal-body {
  padding: 2px 16px;
}

 

کد Javascript

<script>
        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the button that opens the modal
        var btn = document.getElementById("myBtn");

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks the button, open the modal 
        btn.onclick = function () {
            modal.style.display = "block";
        }

        // When the user clicks on <span> (x), close the modal
        span.onclick = function () {
            modal.style.display = "none";
        }

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function (event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

میتونی با یکمی اصلاح و ویرایش فایل های CSS طرح دلخواه رو پیاده سازی کنی !

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


لینک به ارسال
در 1 دقیقه قبل، mr.nosrati گفته است :

سلام. برای این کار باید از جاوا اسکریپت استفاده کنی توی سایت w3 نمونه کد داره من یه تیکه کد دارم براش قبلا از اونجا برداشتم الان که دسترسی قطعه متاسفانه!!!

کد HTML


<!-- The Modal -->
        <div id="myModal" class="modal">

            <!-- Modal content -->
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>جستجوی هوشمند</h2>
                </div>
                <div class="modal-body">
                    <p>Some text in the Modal Body</p>
                    <p>Some other text...</p>
                </div>

            </div>

        </div>

کد CSS


/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  -webkit-box-shadow: 0px 0px 4px 0px #000000;
  box-shadow: 0px 0px 4px 0px #000000;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

/* The Close Button */
.close {
  color: white;
  margin-top: 21px;
  margin-left: 15px;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #e12f59;
  color: white;
}

.modal-body {
  padding: 2px 16px;
}

 

کد Javascript


<script>
        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the button that opens the modal
        var btn = document.getElementById("myBtn");

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks the button, open the modal 
        btn.onclick = function () {
            modal.style.display = "block";
        }

        // When the user clicks on <span> (x), close the modal
        span.onclick = function () {
            modal.style.display = "none";
        }

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function (event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

میتونی با یکمی اصلاح و ویرایش فایل های CSS طرح دلخواه رو پیاده سازی کنی !

بعد از این ها باید جی کوئری رو هم به صفحه لینک کنی! 

واست پیوست کردم فایلش رو

jquery.min.js

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

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

    • توسط miladmoqaddam823
      دوستان سلام. من یه سایت وردپرسی دارم الان دیدم تو پوشه wp-content یک فولدر به نام mu-plugins و داخلش یک فایل با نام  rms_unique_wp_mu_pl_fl_nm.php ایجاد شده. برنامه نویس نیستم لطفا کمک کنید. فایلش رو پیوست کردم. 
      من از چند نفر پرسیدم ولی جواب های متفاوتی گرفتم. یکی گفت مخربه، یکی گفت نگرانش نباش. تو سایت های خارجی هم گشتم نوشته بود افزونه های لازم الاجرا میاد تو این پوشه. اما کدهای داخلش لامصب یجوریه که انگار سایت رو دو دستی تقدیم هکره کردی. 
      اگر اطلاعی راجع بهش دارید، اینا سوالای منه.
      آیا کد مخربه و یا یوزر و پسوورد رو ارسال میکنه ؟
      آیا امکان داره مربوط به پلاگین ultimate member و قسمت بازیابی رمز عبور باشه؟
      اگر کد مخربه، فقط با پاک کردن پوشه و تغییر یوز و پسوورد ادمین، مشکل حل میشه؟
      (ضمنا اختلالی هم در سایت به وجود نیاورده)
      خیلی ممنونم
      mu-plugins.zip
    • توسط boyzan
      با سلام کسی هست کمک کنه یک کد بنویسم که وقتی به کاربران سایتم یک متن خصوصی میفرستم در قسمتی که باید روشش کلیک کنه یک پیغام مثل شما یک فایل خصوصی دارید نمایش بده.
      از افزونه التیمیت برای قسمتی که ناحیه کاربری هست و کاربر پیام های خصوصی شو میبینه استفاده کردم و از ضمیمه Private Content برای ارسال پیام ها یا فایل های خصوصی استفاده کردم که اینم وابسه به افزونه التیمت ممبر ورد پرس هست .
    • توسط 1563
      سلام دوستان من یک سوالی دارم ممنون میشم اگر بتونید کمکم کنید.
      من میخوام برای پست های سایتم هر عنوانی که تعریف میکنم اون عنوانو فقط تو صفحه سینگل نشون بده توی صفحه های دیگه مثلا ایندکس یا تگ ها یا سرچ یا... فقط متنی که بصورت اینگلیسی نوشته رو نشون بده.
      یه مثال میزنم تا سوالمو دقیقتر بفهمید.
      فکر کنید یه سایت برای دانلود فیلم های سینمایی هست و عنوان پست هاش مثلا به این شکله: دانلود فیلم سینمایی "the dark knight 2008" ؛ ببینید داخل عنوانش هم حروف فارسی هست هم حروف انگلیسی هم عدد حالا چجوری میشه فقط حروف انگلیسی رو تو صفحه های غیر از سینگل نشون داد؟
      من یکی دوتا سایت دیدم اینجوری بودن.
    • توسط omid1374
      سلام دوستان . من میخوام ووکامرس رو ب ایمالز وصل کنم . ب پشتیبانی ایمالز پیام که دادم گفتن باید کدی بنویسید ک خروجیش بصورت زیر باشه . لطفا اگر اشنایی دارید . حتی جزئی کمک کنید . ممنون   
      https://youpin.ir/site/api/v1/plugins/emalls/products?page=1&size=25
×
×
  • اضافه کردن...