نوار هشدار

[Ehssan_it]

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

[Ehssan_it]

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

http://8np.ir/%D8%B3%D8%A7%D8%AE%D8%AA-%...D8%A7css3/

[firstboy000]

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

[AzNet]

متحرک باشه؟

[Ehssan_it]

اگه متحرک بود بهتره
اگه یکی زحمت بکشه سازگارش کنه برای مای بی بی 1.8 ممنون میشم

[میدوری]

اگه متحرک بود بهتره
اگه یکی زحمت بکشه سازگارش کنه برای مای بی بی 1.8 ممنون میشم

با درود . آدرسی که دادید رو استفاده کردم ولی مثل اینکه توی کپی پیست مطلب کمی عجله داشته اند و کدها ناقص هستند و تصویرها را هم فراموش کرده بودند , به هر حال کار ناتمام را تمام میکنم . (روی 1.8.4 آرمایش شد و بخوبی کار میکند)
برای اینکار مراحل زیر را اجرا کنید .
نخست محتویات فایل فشرده را در سایت خودتان آپلود کنید و سپس در انتهای کدهای بخش headerinclude کدهای زیر را وارد کنید و لذت ببرید .

کد php:

<!-- Notification Bar Begin -->
<link rel="stylesheet" href="source/css/style.css">
<div class="demo-wrapper">
    <div class="notification-bar">
        <input id="hide" type="radio" name="bar" value="hide">
        <input id="show" type="radio" name="bar" value="show" checked="checked">
<label for="hide">hide</label>
        <label for="show">show</label>
<div class="notification-text">Hello World, you can hide this notification by clicking the close button.</div>
    </div>
</div>
<!-- Notification Bar End --> 


  source.zip (اندازه: 4.05 KB / تعداد دفعات دریافت: 3)
در ضمن منبع مطلب هم http://www.hongkiat.com/blog/show-n-hide...ation-bar/ است که من استفاده کردم .

[AzNet]

سلام جناب میدوری
نمایش داده نمیشه 

[AzNet]

اینو با عجله آماده کردم:
کد ها رو تو header قرار بدید
تغییرات خواستید بگید تا تو فایل ایجاد کنم

کد php:

<link rel="stylesheet" href="http://az-net.ir/other/Css/Notification.css">    
<label for="toggleTop" id="showTop">+</label>
<input type="checkbox" id="toggleTop" name="toggleTop" value="toggleTop" checked="checked">
<div id="topbar">
طراحی توسط علی ذکایی در www.az-net.ir
    <label for="toggleTop" id="hideTop">X</label>
</div> 


[AzNet]

کد بروز شد /*

[Ehssan_it]

جناب میدوری کد شما بالای سایت ثابت میمونه
و دکمه show  و hide کار نمیکنه
اگر به جای دکمه یک ضربدر باشه بهتره( هرچند عکس ها رو اپلود کردم و کد رو)

----------------------------------------------------------------------------------------------

ممنون از دوستانی که همکاری کردند
جنا AzNet  کد شما بسیار زیبا یود
فقط 2 تا تغییر می خوام:
100 درصد نمایش عرضی داشته باشه یعنی طول کل صفحه رو داشته باشه
و بالای صفحه نمایش داده بشه
روی خود نوشته های سایت نیاد یعنی یک فضای خالی برای خودش درست کنه
اون بعلاوه رو هم نمیخوام داشته باشه ( برای نمایش مجدد)