السلام عليكم ورحمه الله وبركاته ..
انا قد صممت الكود الذي ترغب فيه في هذا الموضوع : https://help.ahlamontada.com/t1066825-topic
و الكود مماثل تماما للكود المطلوب
الكود عباره عن CSS و HTML
-----------------------------
كود الـ CSS :-
- الكود:
-
/* كود لوحه شرف احترافيه Designed By ĐOĹA */
.tb._tB2_ {
border: 1px solid #6C0;
height: 15px;
line-height: 15px;
text-shadow: 1px 1px 0 #DFD;
background: #AFA url(http://i39.servimg.com/u/f39/16/76/93/88/th-x10.png) repeat-x;
border-radius: 4px;
}
.tb {
color: #666;
font-family: tahoma;
text-align: center;
display: block;
margin: 2px 0;
padding: 5px;
}
table {
display: table;
border-spacing: 2px;
border-color: gray;
}
.tb._tB3_ {
background: #B00 url(http://i72.servimg.com/u/f72/16/76/93/88/highli10.png) repeat-x;
border: 1px solid #A00;
border-radius: 2px;
text-shadow: 1px 1px 0 #800;
}
.tt-b {
float: right;
width: 20%;
border-collapse: separate;
box-shadow: inset 0 0 0 1px #FFF,inset 0 0 15px 5px #E7E7E7;
background: #FFF;
margin: .5%;
padding: 1.5%;
display: block!important;
border-radius: 8px;
border: 1px #CCC solid;
}
.board th {
height: 28px;
}
.secondarytitle, .secondarytitle h2 {
color: #fff;
font: bold 12px tahoma;
text-shadow: 1px 1px 2px #aeaeae;
letter-spacing: 0px;
}
.secondarytitle, .secondarytitle h2 {
margin: 0;
padding: 0;
}
th {
background-color: #34AAD1;
}
th {
background-image: url(http://i46.servimg.com/u/f46/16/76/93/88/etudia11.png);
}
.tt-b strong {
font-size: 12px;
color: green;
}
user agent stylesheetstrong, b {
font-weight: bold;
}
.tb a {
font-weight: bold;
font-size: 12px;
color: #FFF;
}
/* كود لوحه شرف احترافيه Designed By ĐOĹA */
---------------
كود الـ HTML :-
- الكود:
-
<!-- كود لوحه شرف احترافيه Designed By ĐOĹA -->
<table cellspacing="0" cellpadding="5" border="1" align="right" class="board" style="width: 100%;">
<tbody>
<tr>
<th align="center" colspan="4" class="secondarytitle">
<h2>
لوحة شرف المصري الاحترافيه ..
</h2>
</th>
</tr>
<tr>
<td>
<table class="tt-b">
<tbody>
<tr>
<td class="tb _tB1_">
<img src="http://i46.servimg.com/u/f46/16/76/93/88/b-m-10.png" />
</td>
</tr>
<tr>
<td class="tb _tB2_">
<strong>العضو المميز</strong>
</td>
</tr>
<tr>
<td class="tb _tB3_">
<a class="tb-user" href="/u1">Admin</a>
</td>
</tr>
</tbody>
</table>
<table class="tt-b">
<tbody>
<tr>
<td class="tb _tB1_">
<img src="http://i46.servimg.com/u/f46/16/76/93/88/b-mo-10.png" />
</td>
</tr>
<tr>
<td class="tb _tB2_">
<strong>المشرف المميز</strong>
</td>
</tr>
<tr>
<td class="tb _tB3_">
<a class="tb-mod" href="/u1">Admin</a>
</td>
</tr>
</tbody>
</table>
<table class="tt-b">
<tbody>
<tr>
<td class="tb _tB1_">
<img src="http://i46.servimg.com/u/f46/16/76/93/88/b-t-10.png" />
</td>
</tr>
<tr>
<td class="tb _tB2_">
<strong>الموضوع المميز</strong>
</td>
</tr>
<tr>
<td class="tb _tB3_">
<a class="tb-topic" href="/t45070-topic">قوانين المنتدى</a>
</td>
</tr>
</tbody>
</table>
<table class="tt-b">
<tbody>
<tr>
<td class="tb _tB1_">
<img src="http://i46.servimg.com/u/f46/16/76/93/88/b-f-10.png" />
</td>
</tr>
<tr>
<td class="tb _tB2_">
<strong>المنتدى المميز</strong>
</td>
</tr>
<tr>
<td class="tb _tB3_">
<a class="tb-forum" href="/f11-montada">المنتدى الاسلامي</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- كود لوحه شرف احترافيه Designed By ĐOĹA -->
-----------------------------
ارجو ان يكون قد نال اعجابك ولا تنساني من صالح دعائك ..