پلاکــ هفت


پلاکــ هفت

هستم تا باشم، همین.!


سیستم بیان تو یه باکسایی که مختص و خاص خودشه، پیام های خبر رسانی رو به کاربراش اطلاع میده. بعضی از دوستان از این باکس خبر دهی برای وبلاگ خودشون استفاده بردن. وبلاگ یه سری از کسایی که از این باکس استفاده کردن رو چک کردم دیدم که فایل CSS رو نتونستن تغییر بدن و از خود فایل CSS بیان استفاده کردن!
تو این پست کد این باکس رو براتون گذاشتم که به راحتی هم میتونید رنگش رو تغییر بدید و هم آیکونش رو.
دموی باکس ها

 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success{
    background:#D2FFCF;
    border:1px solid #47AF41;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right -36px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>
 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success1{
    background:#ffe2d9;
    border:1px solid #fe8f6b;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success1 .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right 0px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success1">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>
 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success2{
    background:#FFFFCC;
    border:1px solid #FF8C00;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success2 .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right -18px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success2">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>
 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success3{
    background:#C2FFC6;
    border:1px solid #47AF41;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success3 .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right -54px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success3">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>
 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success4{
    background:#FFBFBF;
    border:1px solid #FF564A;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success4 .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right -72px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success4">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>
 
دریافت کد این باکس در زیر..
<style>
html{
    direction:rtl;
}
html,
body{
    margin:0;
    padding:0;
}
body{
    font:12px Tahoma,Verdana,Times New Roman,serif;
}
.item_success5{
    background:#CCFFC4;
    border:1px solid #02a107;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    line-height:18px;
    margin-bottom:10px;
    color:#333;
}
.item_success5 .icon{
    background:url(http://bayanbox.ir/view/1571749639963980588/tick.png) no-repeat right 0;
    background-position:right -90px;
    width:18px;
    height:18px;
    float:right;
    margin:0 2px 0 6px;
}
</style>
<div class="item_success5">
    <div class="icon"></div>
    امـــــروز، اولیـــــــن روز از بقیــــه عمـــر منـــه..
</div>

دسته: {کدنویس}

    [ پلاک هفت ]

نظرات (۱۶)

  • آقاگل ‌‌‌‌
  • پلاک هفت جان اگه صدا میاد این دمو کار نمیکنه ها. ما نفهمیدیم چی شد راستش.
    اومد آقا اومد..:دی اصلاح شد..:)
  • آقاگل ‌‌‌‌
  • الان دمو رو دیدم.
    ولی خب کاربردش کجاست؟
    بگذاریم کجای قالب وبلاگ به نمایش گذاشته میشه؟


    هر کجا بذاری نمایش داده میشه، کاربردش بستگی به سلیقه خودت داره، یه سریا خبرای مهمشونو میذارن تو این باکس و میذارن بالای وبشون، یه سریا هم تذکراتیو توش مینوسن و میذارن بالای پنجره نظراتشون. خلاقیت خودت مهمه..
  • آبان دخت ...
  • من نفهمیدم ^__^

    این کدا رو باید چیکار کرد دقیقا؟؟؟ :|
    همون پاسخی که به جناب آقا گل دادم..:)
  • asra ツ..
  • یه بار دیگه از اول توضیح بده عمو:|
    همون پاسخی که به خانم ابان دخت دادم..:)
  • مترسک ‌‌
  • آقا دمت گرم، اتفاقاً یه سری مورد استفاده‌اش رو هم دارم، دمت گرم ^_^
    قربانت بچسبم..:)
  • ✿شمیم زندگی✿
  • وشماهمچنان کدبنویسید وماروخوشحال:)

    ان شااله..:))
  • مستر آکولاد
  • جالب و خوب دستون درد نکنه :))
    منتظر کد نویس های بعدی و بیشترتون هستیم :))
    خواهش می شود..:)
  • یک آشنا
  • بسیار عالی پلاک هفت عزیز :)))
    قربانت بچسبم..:دی
  • محمدرضا گلزاری
  • ممنونم
    قربانت..
  • Mr. Moradi
  • آقا من یه عمر دنبال اینا بودم :)) خیلی ممنون :)
    همه چی همینجاست..:) مدرسان شریف‌..:|
  • Lady cyan ※※
  • :)))))))
    خیلی خیلی تشکر
    خواهش میکنم والا‌..:دی
  • عزیز رضاخانی
  • با سلام و عرض ادب خدمت جنابعالی
    ممنون از زحمات ارزنده و بی شاعبه تون
    جناب مهندس بنده کد باکس رو تو قسمت مطالب گذاشتم خیلی خوب در می آد ولی متاسفانه هدر قالب رو بهم می زنه اگه این مشکل حل بشه ممنون میشم.
    اینم لینک اسکرین شات وبم:http://bayanbox.ir/view/2942887327265955035/001.png


    الان با گوشی اومدم، بعدا با سیستم نگا میکنم بعد جوابتو ادامه همین پاسخ بهت میدم..
  • نیمه سیب سقراطی
  • خدا شاهده هی رفتم بخونم اینجا رو و یه کم چیز یاد بگیرم نشد ! هی حواسم پرت گردالی های قالب میشه عین اون ضربه گیرا که مرض ترکوندنش می افتاد به جونت ، هی با موس میرم رو کل گردالی های قالب :))
    راست ترین حرفی که میتونستم بخونم همین بود..=))
  • مصطفی کیانی
  • ;)
    !..:)
  • gandom baanoo
  • به به عجب فینگیل نازی!!!!!

    اینجا پست بعدی، صدا و سیمای جمهوری اسلامی ایران.... رررررررررررررررررررررررررم
    :)
    شرمسارانیم..:))
  • عزیز رضاخانی
  • سلام مجدد
    جناب مهندس در خصوص کد باکس که قرار بود اشکالات شو بفرمایید دیدم که ازتون خبری نشد بازم مزاحم شدم.

    ارادتمند:رضاخانی
    سلام، چه اشکالی داره؟!
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">

    CopyRight © 2013-2016 - Design By Pelake7 . All rights reserved

    هدايت به بالاي صفحه