[HTML+CSS] كود ملاحظات واعلانات

الكود المنتظر.. شريط الملاحظات والاعلانات الرائعة (منقل للامانه )

الكود عبارة عن 11 كود مستقل HTML CSS يوضع في اي مكان تريدة

اي لكل شكل كود !

اي لكل شكل كود !




ملاحظة: بامكانك تفعيل الروابط بالاعلانات او تعطيلها بعدم وضع الروابط.

اعلان

الرمز:

<div  class="poster">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.poster{ background-image: url('https://i.servimg.com/u/f49/16/89/40/74/oouou10.png');
    border: 1px solid;    color: #e4c259;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>





حماية



الرمز:

<div  class="safe">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.safe{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ouu10.png');
    border: 1px solid;    color: #e4c259;   background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>





تحذير






الرمز:


<div  class="Warning">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Warning{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ooouso11.png');
    border: 1px solid;    color: #e4c259;   background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>






وسام


الرمز:

<div  class="Medal">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Medal{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ouousu10.png');
    border: 1px solid;    color: #f56e72;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>




صح / تم الحل






الرمز:

<div  class="good">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.good{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ou_ouo10.png');
    border: 1px solid;    color: #96c169;    background-color: #e4f5c9;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>





خطأ

الرمز:

<div  class="Error">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.Error{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ooo11.png');
    border: 1px solid;    color: #f56e72;    background-color: #facdcd;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>




صيانة

الرمز:

<div  class="tools">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.tools{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/ouusou10.png');
    border: 1px solid;    color: #88aed0;    background-color: #d3e6ef;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>


فكرة


الرمز:

<div  class="idea">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.idea{   background-image: url('https://i.servimg.com/u/f49/16/89/40/74/uuoo10.png');
    border: 1px solid;    color: #e4c259;    background-color: #ffface;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>



مساعدة



الرمز:

<div  class="help">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.help{    background-image: url('https://i.servimg.com/u/f49/16/89/40/74/uooooo10.png');
    border: 1px solid;    color: #88aed0;    background-color: #d3e6ef;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>





هدية

الرمز:

<div  class="gift">
<a  class="isa_info" href="رابط الموضوع هنا">
الاعلان هنا
 </a></div>

<style>
.gift{  background-image: url('https://i.servimg.com/u/f39/16/89/40/74/box111.png');
    border: 1px solid;    color: #f56e72;    background-color: #facdcd;

    padding: 9px 5px 9px 5px;
    background-repeat:  no-repeat ;
    background-position:  right 1px ;
    border-radius:.3em; text-align: center }
.isa_info {  color: #2d2d2d; font-weight: bold;  font-family: Tahoma;  font-size: 12px;}
</style>






اتمنى انه نال اعجابكم