صندوق الاكواد.الملاحظات.التنبيهات.التحميل بتقنية CSS

/*------Dzmontada------------------------------------------------------*/
/*------www.dzmontada.ibda3.org ------------------*/

/* code
------------------------------------------------*/

.anasscode {
  clear: both;
    padding: 3px 2px;
    background: #FEF9DF ;
    border: 1px dotted #aaa;
    color: #36c;
    word-wrap: break-word;
    font-family: tahoma;
    direction:ltr;
    text-align: justify;
    font-size:11px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 2px;
    }

.anasscode:before {
  content: "code :";
    display: block;
    clear: both;
    font-weight: bold;
    color: #c00;
    margin: 2px;
    margin-left: 22px;
    }

/*-------------------------------------------*/
/*-notes------------------------------------------*/
.notes {
    padding: 5px 3px;
    margin: auto;
    margin-bottom: 25px;
    text-align: justify;
    font-size:11px;
    font-family:tahoma;
    line-height:1.75em;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    background: #FFFFfC url(http://i1006.photobucket.com/albums/af183/ThunderClap4th/notice.png) no-repeat 99% 20%;
    color: #333;
    text-shadow:0 1px 0 #FFFFFF;
}
.notes:before {
  content: "ملاحظة :";
    display: block;
    clear: both;
    font-weight: bold;
    color: #c00;
    margin: 2px;
    margin-right: 21px;
}
/*-------------------------------------------*/
/*-Alert--------------------------------------------*/
.alert {
    padding: 5px 3px;
    margin: auto;
    margin-bottom: 25px;
    border: 1px solid #eeeeee;
    text-align: justify;
    font-family:tahoma;
    font-size:11px;
    line-height:1.75em;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #FFD8D8 url(http://i1006.photobucket.com/albums/af183/ThunderClap4th/warning.png) no-repeat 99% 20%;
    color: #333;
    text-shadow:0 1px 0 #FFFFFF;
}
.alert:before {
  content: "تحذير :";
    display: block;
    clear: both;
    font-weight: bold;
    color: #c00;
    margin: 2px;
    margin-right: 21px;
}
/*-------------------------------------------*/
/*---download----------------------------------------*/
.download {
    text-align: justify;
    font-size:11px;
    font-family:tahoma;
    line-height:1.75em;
    padding: 5px 3px;
    margin: auto;
    margin-bottom: 25px;
    border: 1px solid #eeeeee;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3 url(http://i1006.photobucket.com/albums/af183/ThunderClap4th/download.png) no-repeat 99% 12%;
    color: #333;
    text-shadow:0 1px 0 #FFFFFF;
}
.download a{
  color: #1982D1 !important;
  text-decoration: none !important;
}
.download a:hover{
  text-decoration: underline !important;
}


.download:before { 
  content: "تحميل :";
    display: block;
    clear: both;
    font-weight: bold;
    color: #c00;
    margin: 2px;
    margin-right: 21px;
}
/*-------------------------------------------*/
/*------dzmontada------------------------------------------------------*/

[/color][/color][color=#000000]

<div class="anasscode">  نضع الأكواد هنا  </div>

<div class="notes"> الملاحظات </div>

<div class="alert"> التحذيرات </div>

<div class="download"> نص و رابط التحميل </div> [/color]


[color=#000000][color=#000000]