الرادار
12-22-2007, 02:28 AM
[تحميل] استايل styles-horse اللون أخضر
القوالب
الخطوه الأولى :
3917
======
الرأس
======
<div align="center">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer_02.gif" width="573">
<img border="0" src="styles-horse/images/by-mshaer_03.gif" width="573"
height="187"></td>
<td background="styles-horse/images/by-mshaer_02.gif"> </td>
<td background="styles-horse/images/by-mshaer_02.gif" width="198">
<img border="0" src="styles-horse/images/by-mshaer_01.gif" width="198"
height="187"></td>
</tr>
</table>
</div>
===========
الذيل
===========
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer_06.gif" width="110">
<img border="0" src="styles-horse/images/by-mshaer_08.gif" width="110" height="67"></td>
<td background="styles-horse/images/by-mshaer_07.gif"> </td>
<td background="styles-horse/images/by-mshaer_06.gif" width="253">
<map name="FPMap0">
<area target="_blank" alt="شبكة مشاعر للأستضافه والتصميم والتطوير" href="http://www.mshaer.com"
shape="rect" coords="101, 32, 235, 66">
</map>
<img border="0" src="styles-horse/images/by-mshaer_05.gif" width="253" height="67"
usemap="#FPMap0"></td>
</tr>
</table>
========
متغيرات css
==========
body
{
FONT-SIZE: 8pt; BACKGROUND: #ffffff; MARGIN: 0px; FONT-FAMILY: tahoma; TEXT-ALIGN: center
}
TABLE {
FONT-SIZE: 8pt
}
A {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {color: #FF0000; text-decoration: underline}
A:link
{
color: #000000;
text-decoration: none;
}
A:visited
{
color: #000000;
}
.fot0 A {
COLOR: #ff0000
}
.fot1 A {
COLOR: #9D6600
}
.det {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #9D6600
}
.title1 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #D1FFA8
}
textarea, .bginput
{
background: #EFF9FD;
color: #025E81;
FONT-FAMILY: tahoma; TEXT-ALIGN: center;
width:100% ;
height:300% ;
}
.style1 {
background-image: url('mythems/romans_02.jpg');
}
.style2{
background-image: url('mythems/fot_c3c9_02.gif');
}
A.navbarlink {
BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e4e4e4 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; FONT: 11px MS Sans Serif; BORDER-LEFT:
#e4e4e4 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #e4e4e4 1px solid; TEXT-
DECORATION: none
}
A.navbarlink:hover {
BORDER-RIGHT: #63bc02 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e9601 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND:#89c22f repeat-x; PADDING-BOTTOM: 3px; FONT: 11px
MS Sans Serif; BORDER-LEFT: #63bc02 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM:
#74de03 1px solid; TEXT-DECORATION: none
}
.navbarlinkIn {
BORDER-RIGHT: #63bc02 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e9601 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #89c22f repeat-x; PADDING-BOTTOM: 3px; FONT: 11px
MS Sans Serif; BORDER-LEFT: #63bc02 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM:
#74de03 1px solid; TEXT-DECORATION: none
}
.TDSousCateg2 {
BORDER-RIGHT: #e3e3e3 1px solid; BACKGROUND: #fcfdfc repeat-x 50% bottom; PADDING-
BOTTOM: 8px; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #e3e3e3 1px solid
}
.bg2{
background-image: url('mythems/box2.gif');
}
.bg4{
background-image: url('mythems/box4.gif');
}
.bg5{
background-image: url('mythems/box5.gif');
}
.bg7{
background-image: url('mythems/box7.gif');
}
.stylem {
text-align: center;
color: #FF0000;
}
.cats
{
text-align: right;
}
============
الخطوه الثانيه :
قوالب البلوكات
3918
القالب رقم 1
==========
<div align="center">
<table border="0" width="150" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="30">
<img border="0" src="styles-horse/images/by-mshaer-ban_05.gif" width="30" height="20"></td>
<td background="styles-horse/images/by-mshaer-ban_04.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_04.gif" width="103" height="20"></td>
<td width="41">
<img border="0" src="styles-horse/images/by-mshaer-ban_03.gif" width="41" height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer-ban_09.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_09.gif" width="11" height="17"></td>
<td><div align="center" >
<font color="#FF0000">{titlem}
</font>
</div>
<div align="center" >
<img border="0" src="styles-horse/by-mshaer-end-ban.gif" width="152" height="10"></div>
<div align="right">{textm}</div></td>
<td background="styles-horse/images/by-mshaer-ban_07.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_07.gif" width="11" height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tr>
<td width="21">
<img border="0" src="styles-horse/images/by-mshaer-ban_14.gif" width="21" height="15"></td>
<td background="styles-horse/images/by-mshaer-ban_13.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_13.gif" width="124" height="15"></td>
<td width="29">
<img border="0" src="styles-horse/images/by-mshaer-ban_12.gif" width="29" height="15"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
==========
القالب رقم 8
==========
<div align="center">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="30">
<img border="0" src="styles-horse/images/by-mshaer-ban_05.gif" width="30" height="20"></td>
<td background="styles-horse/images/by-mshaer-ban_04.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_04.gif" width="103" height="20"></td>
<td width="41">
<img border="0" src="styles-horse/images/by-mshaer-ban_03.gif" width="41" height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer-ban_09.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_09.gif" width="11" height="17"></td>
<td><div align="center" >
<font color="#FF0000">{titlem}
</font>
</div>
<div align="center" >
<img border="0" src="styles-horse/by-mshaer-end-ban.gif" width="152" height="10"></div>
<div align="right">{textm}</div></td>
<td background="styles-horse/images/by-mshaer-ban_07.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_07.gif" width="11" height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tr>
<td width="21">
<img border="0" src="styles-horse/images/by-mshaer-ban_14.gif" width="21" height="15"></td>
<td background="styles-horse/images/by-mshaer-ban_13.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_13.gif" width="124" height="15"></td>
<td width="29">
<img border="0" src="styles-horse/images/by-mshaer-ban_12.gif" width="29" height="15"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
الصور في المرفقات حمله مباشره لمجلد السكربت وانتهى التركيب وعلشان ماتقولون صعب ابو فريح يقول جاري تحسين جلب تصميم الاستايل بطريقه سهله جدا زي طريقة الهاكات السريعه
وهذه صورة الستايل
3919
وللمشاهدة هذا الرابط
http://mshaer.org/magic/
القوالب
الخطوه الأولى :
3917
======
الرأس
======
<div align="center">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer_02.gif" width="573">
<img border="0" src="styles-horse/images/by-mshaer_03.gif" width="573"
height="187"></td>
<td background="styles-horse/images/by-mshaer_02.gif"> </td>
<td background="styles-horse/images/by-mshaer_02.gif" width="198">
<img border="0" src="styles-horse/images/by-mshaer_01.gif" width="198"
height="187"></td>
</tr>
</table>
</div>
===========
الذيل
===========
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer_06.gif" width="110">
<img border="0" src="styles-horse/images/by-mshaer_08.gif" width="110" height="67"></td>
<td background="styles-horse/images/by-mshaer_07.gif"> </td>
<td background="styles-horse/images/by-mshaer_06.gif" width="253">
<map name="FPMap0">
<area target="_blank" alt="شبكة مشاعر للأستضافه والتصميم والتطوير" href="http://www.mshaer.com"
shape="rect" coords="101, 32, 235, 66">
</map>
<img border="0" src="styles-horse/images/by-mshaer_05.gif" width="253" height="67"
usemap="#FPMap0"></td>
</tr>
</table>
========
متغيرات css
==========
body
{
FONT-SIZE: 8pt; BACKGROUND: #ffffff; MARGIN: 0px; FONT-FAMILY: tahoma; TEXT-ALIGN: center
}
TABLE {
FONT-SIZE: 8pt
}
A {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {color: #FF0000; text-decoration: underline}
A:link
{
color: #000000;
text-decoration: none;
}
A:visited
{
color: #000000;
}
.fot0 A {
COLOR: #ff0000
}
.fot1 A {
COLOR: #9D6600
}
.det {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #9D6600
}
.title1 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #D1FFA8
}
textarea, .bginput
{
background: #EFF9FD;
color: #025E81;
FONT-FAMILY: tahoma; TEXT-ALIGN: center;
width:100% ;
height:300% ;
}
.style1 {
background-image: url('mythems/romans_02.jpg');
}
.style2{
background-image: url('mythems/fot_c3c9_02.gif');
}
A.navbarlink {
BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e4e4e4 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; FONT: 11px MS Sans Serif; BORDER-LEFT:
#e4e4e4 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #e4e4e4 1px solid; TEXT-
DECORATION: none
}
A.navbarlink:hover {
BORDER-RIGHT: #63bc02 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e9601 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND:#89c22f repeat-x; PADDING-BOTTOM: 3px; FONT: 11px
MS Sans Serif; BORDER-LEFT: #63bc02 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM:
#74de03 1px solid; TEXT-DECORATION: none
}
.navbarlinkIn {
BORDER-RIGHT: #63bc02 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e9601 1px solid;
DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #89c22f repeat-x; PADDING-BOTTOM: 3px; FONT: 11px
MS Sans Serif; BORDER-LEFT: #63bc02 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM:
#74de03 1px solid; TEXT-DECORATION: none
}
.TDSousCateg2 {
BORDER-RIGHT: #e3e3e3 1px solid; BACKGROUND: #fcfdfc repeat-x 50% bottom; PADDING-
BOTTOM: 8px; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #e3e3e3 1px solid
}
.bg2{
background-image: url('mythems/box2.gif');
}
.bg4{
background-image: url('mythems/box4.gif');
}
.bg5{
background-image: url('mythems/box5.gif');
}
.bg7{
background-image: url('mythems/box7.gif');
}
.stylem {
text-align: center;
color: #FF0000;
}
.cats
{
text-align: right;
}
============
الخطوه الثانيه :
قوالب البلوكات
3918
القالب رقم 1
==========
<div align="center">
<table border="0" width="150" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="30">
<img border="0" src="styles-horse/images/by-mshaer-ban_05.gif" width="30" height="20"></td>
<td background="styles-horse/images/by-mshaer-ban_04.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_04.gif" width="103" height="20"></td>
<td width="41">
<img border="0" src="styles-horse/images/by-mshaer-ban_03.gif" width="41" height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer-ban_09.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_09.gif" width="11" height="17"></td>
<td><div align="center" >
<font color="#FF0000">{titlem}
</font>
</div>
<div align="center" >
<img border="0" src="styles-horse/by-mshaer-end-ban.gif" width="152" height="10"></div>
<div align="right">{textm}</div></td>
<td background="styles-horse/images/by-mshaer-ban_07.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_07.gif" width="11" height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tr>
<td width="21">
<img border="0" src="styles-horse/images/by-mshaer-ban_14.gif" width="21" height="15"></td>
<td background="styles-horse/images/by-mshaer-ban_13.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_13.gif" width="124" height="15"></td>
<td width="29">
<img border="0" src="styles-horse/images/by-mshaer-ban_12.gif" width="29" height="15"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
==========
القالب رقم 8
==========
<div align="center">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="30">
<img border="0" src="styles-horse/images/by-mshaer-ban_05.gif" width="30" height="20"></td>
<td background="styles-horse/images/by-mshaer-ban_04.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_04.gif" width="103" height="20"></td>
<td width="41">
<img border="0" src="styles-horse/images/by-mshaer-ban_03.gif" width="41" height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td background="styles-horse/images/by-mshaer-ban_09.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_09.gif" width="11" height="17"></td>
<td><div align="center" >
<font color="#FF0000">{titlem}
</font>
</div>
<div align="center" >
<img border="0" src="styles-horse/by-mshaer-end-ban.gif" width="152" height="10"></div>
<div align="right">{textm}</div></td>
<td background="styles-horse/images/by-mshaer-ban_07.gif" width="11">
<img border="0" src="styles-horse/images/by-mshaer-ban_07.gif" width="11" height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tr>
<td width="21">
<img border="0" src="styles-horse/images/by-mshaer-ban_14.gif" width="21" height="15"></td>
<td background="styles-horse/images/by-mshaer-ban_13.gif">
<img border="0" src="styles-horse/images/by-mshaer-ban_13.gif" width="124" height="15"></td>
<td width="29">
<img border="0" src="styles-horse/images/by-mshaer-ban_12.gif" width="29" height="15"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
الصور في المرفقات حمله مباشره لمجلد السكربت وانتهى التركيب وعلشان ماتقولون صعب ابو فريح يقول جاري تحسين جلب تصميم الاستايل بطريقه سهله جدا زي طريقة الهاكات السريعه
وهذه صورة الستايل
3919
وللمشاهدة هذا الرابط
http://mshaer.org/magic/