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

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

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

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

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




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

اعلان

الكود:


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

<style>
.poster{ background-image: url('http://i49.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>

[color=#000000][/color]

حماية

الكود:


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

<style>
.safe{    background-image: url('http://i49.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>
[color=#000000][/color]

تحذير

الكود:



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

<style>
.Warning{    background-image: url('http://i49.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>

[color=#000000][/color]

وسام

الكود:


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

<style>
.Medal{    background-image: url('http://i49.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>
[color=#000000][/color]

صح / تم الحل

الكود:


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

<style>
.good{    background-image: url('http://i49.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('http://i49.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('http://i49.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('http://i49.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('http://i49.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('http://i39.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>

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