وضعیت مشکل :
عنوان تایپک :

درخوات کد اطلاعیه

سلام به اساتید گرامی

من کد اطلاعیه این سایت میخواستم  http://www.mihanwebhost.com

اگ میشه دقیقا همین باشه

اگر دقت کنید وقتی وارد میشید یه اطلاعیه وسط سایت میاد
پاسخ های کاربران 7
تعداد ارسال ها : 174
ارسال: 2
سلام دوست عزیز،

اون لایبری jQuery UI هستش،میتونین خودتون راحت یاد بگیرین
برید به http://jqueryui.com/dialog/
تعداد ارسال ها : 44
ارسال: 3
متاسفانه ازش سر در نمیارم

به هرحال ممنون از راهنماییتون
تعداد ارسال ها : 174
ارسال: 4
ابتدا کد زیر رو جهت افزودن لایبریهای جی کوئری اضافه کنید :

<script src="//code.jquery.com/jquery-1.9.1.js"></script>

سپس کد زیر رو وارد نمایید : 

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

برای اینکه کدهای ما،ظاهر خوبی داشته باشند باید استایلهای
اون رو وارد کنیم که قابل تغییره:

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

و بعدش یک بخشی رو که دوست داری رو میتونی با کد زیر شناور کنی:

<script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>

مثال زیر رو نگاه کن:


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 
 
</body>
</html>
سوالی بود هستم
تعداد ارسال ها : 44
ارسال: 5
بسیار عالی الان من یکی از اسکریپت های که دارم روش کار میکنم پیوست کردم

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

اگر میشه کاری کنید اون حاشیه برداشته بشه و فقط اون پیغام با انجمن حرکت کنه


فایل‌(های) پیوست شده
.zip  new 1.zip (اندازه: 775 bytes / تعداد دفعات دریافت: 8)
تعداد ارسال ها : 174
ارسال: 6
http://code.jquery.com/ui/1.10.4/themes/...ery-ui.css
رو دانلود کن و بعدش فراخونی کنی بهتره،الانم اون خط بخاطر یک کدی
هست که اینطوری میکنه،توی همون سایت دنبال استایل های مختلف
بگرد...
تعداد ارسال ها : 44
ارسال: 7
نیاز به همین استایل داشتم ولی متاسفانه بازم همونطوریه هیچ فرقی نکرده

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

باید 1 دکمه هم داشته باشه
تعداد ارسال ها : 174
ارسال: 8
فقط یک کلاس هستش که باعث اون خط سفید میشه
اون رو هم میتونین Inspect Element خود مرورگرها 
تشخیص بدین...

برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :