كود مجلة جديدة

30/03/2012

مرحبا

نقدم لكم كود مجلة جميلة تصلح للاعاب او اي شي اخر

الكود هتمل ضع روابط الصور في المكان المحدد

وايضا روابط الموضوع مع تغير الاسم الى الى الاسم

الي يناسبك

الصور يتم تكبيرها وتصغيرها من اعلى كود من

اكواد css

الملحقة مثل هذا الكود

الكود:: width: 100px; height: 100px;

وهذه صورة من المجلة وبها صور

وهذا الكود

الكود:: <table class="stones100" style="width: 100%; height: 402px;" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody>

   <tr>

      <td style="text-align: center;">

         <table class="stones101" style="width: 100%;height: 100%;" align="center" border="1" cellpadding="1" cellspacing="1">

            <tbody>

               <tr>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

               </tr>

               <tr>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

               </tr>

               <tr>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

               </tr>

               <tr>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

               </tr>

               <tr>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

               </tr>

               <tr>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

               </tr>

               <tr>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

               </tr>

               <tr>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

               </tr>

               <tr>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

                  <td style="text-align: center;">
                        <img class="stones105" style="00000" alt="" src="رابط الصورة" />
                  </td>

               </tr>

               <tr>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

                  <td class="stones102" style="text-align: center;">
                        <a href="رابط الموضوع" target="_blank">اسم العبة</a>
                  </td>

               </tr>

            </tbody>

         </table>

         <p style="text-align: center;">

         </p>

      </td>

   </tr>

</tbody>
   <style>

.stones105{
width: 100px; height: 100px;
}

.stones105:hover{
transition: all 1.8s ease-in-out;
-moz-transform: rotate(360deg);
width: 100px; height: 100px;
}

.stones100{
border-style:solid;
border-width:10px;
border-color:red green blue yellow;
padding: 8px;
background-color :#EE82EE;
border-radius: 18px 18px 18px 18px;

}

.stones101{
background:#FAF8CC;
border-radius: 5%;

}
.stones102{
border-bottom: thick dotted #FFFFFF;
background:#99CCFF;
border-radius: 20%;
font-size: 17px;

}
.stones102:hover{
border-bottom: thick dotted #ff0000;
background:#9999CC;
color:#FFFFFF;

}

</style>
</table>