أكواد css لأزرار وقوائم رأسية للمواقع ولصفحات ترحيب الفيس بوك css buttons

الخميس، 14 مايو 2015

أكواد css لأزرار وقوائم رأسية للمواقع ولصفحات ترحيب الفيس بوك css buttons

12:08 م | مرسلة بواسطة الجنرال محمود غالى | | تعديل الرسالة

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين

سأوضح كيفية تركيبها لصفحات الفيس بوك لمتابعة دورس صمم صفحتك على الفيس بوك بنفسك

بعد عرض كيفية عمل تاب ترحيب iframe

ووضع أكواد لخلفيات الترحيب

بعد وضع أكواد الخلفية يمكنا إضافة كود الأزرار المناسب لخلفية صفحة الترحيب
ووضع الروابط لكل زر

وإليكم أكواد الأزرار
أزرار بنية تتحول إلى اللون الأزرق بمرور الماوس


أزرار بنية

<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">

#fbml_turk11 {

 font-family: Verdana, Geneva, sans-serif;
 width: 200px;
 }
 
#fbml_turk11 li a {

 text-align: center;
   height: 45px;
 text-decoration: none;
 } 
 

 color: #ffffff;
#fbml_turk11 li a:link, #fbml_turk11 li a:visited {
 display: block;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigG_2KbI848pjFHiYZkZejYDP_Cl5mWc76aMz2lzpCwIGQuhLUmLO1GlUmc7IUTJCHyz7rxQUYh8iqHWJsBf9sAMK6nU1QtsRHtaYspfHDSnNCgexiExXTaQ0OvV9Xaoj8w3zOybyLwOf5/s198/56.png);
 padding: 21px 0 0 0px;
 }
 
#fbml_turk11 li a:hover, #fbml_turk11 li a:active {
 color: #000000;

 font-family: Verdana, Geneva, sans-serif;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Xn6F-Ob8FZVGib9hlE0vq7PuLiqU3V2GQBZFDOQGVewBX0WskmffIH1po617G8hQ0DTWMtjXC6VJKg85JidPfCq4ae25bLYBK-Al7rrCOIvAO9mxQwwn7xS3rB-vRgbWL1ZEw4kwV50l/s198/60.png) 0 -75px;
 padding: 21px 0 0 0px;
 }
 
#fbml_turk11 ul li {
        font-weight: bold;
 font-size: 16px;
}


  <td><li><a
</style>

<div id="fbml_turk11"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



<!-- الزر الأول -->
 <tr>

 <tr>
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
 </tr>
<!-- الزر الثالث --> 
    <td><li><a

 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
 </tr>
<!-- الزر الخامس --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a



 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
</table>
</ul>
</div>


</CENTER>

أزرار برتقالية تتحول إلى اللون الأصفر بمرور الماوس


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk12 {
 width: 150px;
 }
 

 text-decoration: none;
#fbml_turk12 li a {
   height: 27px;

#fbml_turk12 li a:link, #fbml_turk12 li a:visited {
 text-align: center;
 } 
 
 color: #660033;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3RnsOQIa8q96KHMOQjgcR_uMenyuQBmnoVlGEql11vvjpr5GQuhj_ptvxVkS6edO5Jz2Ca26E9NTOLq92wpV4-TGLoznsTRh2QAgzrx76ytiaXGkzS7PfczCDeIBvZ_PFpJcybMwgYM1Q/s142/35.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #3333CC;
#fbml_turk12 li a:hover, #fbml_turk12 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFpRRIC_e_ZuugZPUuksnY3z_q0esN7l4QRmarkbWZC-AzqxfRt56BORcbLQc5nXl_6Ve_SLM0kqc5kg6nmFuiLyebklImxgAPZ-g8EIlo1JQJBUzf98qZ0iVjq1VvCzjmi4t3nNg0WQS-/s142/37.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk12 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 12px;
}

</style>




<div id="fbml_turk12"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>


<br/>

أزرار زيتية ذات إطار ذهبى تتحول إلى اللون الذهبى عند مرور الماوس


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk13 {
 width: 150px;
 }
 

 text-decoration: none;
#fbml_turk13 li a {
   height: 30px;

#fbml_turk13 li a:link, #fbml_turk13 li a:visited {
 text-align: center;
 } 
 
 color: #FFFF66;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudcMCfOzLzv2_uxvqZlMo2eS3wrvxrXbSAxQQYCsv1gQjwCkol2I0bHRjxpS7cwaXt-Bi5sftoB4TzRsFVk7XV9VO8lKVMmTo6gFfVoU-UIBGFPCYMleURC8RMLn8rr6oGAs0juwtc24n/h120/71.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #3333CC;
#fbml_turk13 li a:hover, #fbml_turk13 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNMaf13pJnObSVOksau2cEIWuBLlUisRIB2gaGXegPLiQg8aEQ5yQq48gyAfq_NnS0NEKycwUOyBVnAzU_WvW9Mfpq7jr32AB2ko07b_67HiAooDF_U0VbH2KexzBSb4P_m354C9gwfMem/h120/70.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk13 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 12px;
}

</style>




<div id="fbml_turk13"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
    <td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
    <td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>

قائمة أزرار (إطار فقط)


<BR/>

<CENTER>>

<A HREF="رابط الحائط"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWpXuQwWTljvalsoCfEhbzuSj2CeAx2tAZWOvyjfXBDQ20yAkJn8UBDoO5kIhQJ-J-ZZzUQpyN46h6WWA_L_qGEXpUJL490Q96fA3_t-Rh-oQCf3_7kIFAfzqjyhT2FEmE5m_YeNKZ-y7/s128/21.png"></A>
<A HREF="رابط الصور"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbDiAb77EygPX16vNDMRIme-rDnCjqLBsa_qfWbxSk9VdZcpB-iP0dO1tXuiqo2jKCFYzoashyht38DMNRLxLq8VBcr-5Jb24gRyKTTLbPr-9ghBSBMMZqx85uMzeNe7Qvwt_iwG_v1Cz/s128/23.png"></A>

<A HREF="رابط المعلومات"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvYlsEbwXgLBGLWLrNcUBIx_NDl-YuRTlAsqtqEajqVIPQw3vpZUsNl5M0Z6c8fAwx9twCAA8vbWtdO242C_XV1ZmrKboxDKyU0zatVRcRD-9paUMBzaBwj6tblCbBaHdgBr0kBoNyawy/s128/24.png"></A><BR/>
<A HREF="رابط مرحبا"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtSayUKbDzBVy5oBCRCTDS1MUe_B3px79S2NZ4F1HJJnZiZZ7gyFqGh2dIK6DPSHBI5Mx7EUVZ6XnEXL-m374dj9eWcIe-Xx2fDGw2zMk2nDFM7lGjxy9JmMweLMtLP7QzmxGEiTwWiq1/s128/28.png"></A>
<A HREF="رابط الادمن"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5V-dZr4ExmEEjuUD3keIKgIhBV27ymPZITCtDTRARY7VNhK1r6T75qRY-oXPFRdWoW4w-RQnCcEH41ag7CbG9GVFlipNT-LkthP-01Xu2954NqUC3b9aw5YxHb0wS4MoY6-01cC8i3rK9/s128/22.png"></A>

<A HREF="رابط للمراسله"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5TE_FLEjbE4SFJTPCx_jFQ-CzjoRXYaDnYVtfiXvNUK8Tp4WE9Bz7-rHoJGrhh4xu8XxZcYnnlIJ_phNdIkxo0j9kJzNI7ck1r5gKp7TMpnq9vTjPHeibREDlmLS0u3aTEHuVwIro4eM/s128/26.png"></A>
<A HREF="رابط دعوة الاصدقاء"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKVpe5spZ0xpYPax32ndqEU9N25DkfJ8FXNo8IWPNnXceR2W6Yssrsz3n1wp2301kRvBRihGygPf3RQKL_6MUhk8b5fb-G3upuwFg-DjX4gBFNiCjAugboWSk0LGdJ9r6ZBnj8eWhHZ4JL/s128/27.png"></A><BR/>
<A HREF="رابط المصحف"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6jRwQyIRmDAGgGXnWFha0n4LFpI_cQFLGol8pd-NR44_DZq11n6z-vfdhR86_Zh-3bfV1D43xXfDTb91kypsdO5PCm3iaZS9AAuX7fppONiJ6jKu9ZnjribyMsWTznv1bdBgbJ0J88Q4W/s128/25.png"></A>

>br/
<A HREF="رابط تاب"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhHn1K1AnXkDI-S_y6cyzfKsR1UAIIywCzUHfZ9MkfrulkIdvgN300mRwlAY92EMQvDsromiL9vO239Mw0PNCa75Z2SX4ck0eFi2-IcQfjVgp58gUw3YybOp2mEa6tjR4TmlnpUZjim7N/s128/29.png"></A><BR/>
</CENTER>
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>

<center>

قائمة أزرار





<CENTER>

<A HREF="رابط الحائط"><IMG SRC="http://img845.imageshack.us/img845/2739/62161778.png"></A>
<A HREF="رابط الصور"><IMG SRC="http://img202.imageshack.us/img202/7407/68483850.png"></A>

<A HREF="رابط المعلومات"><IMG SRC="http://img818.imageshack.us/img818/1589/56306411.png"></A><BR/>
<A HREF="رابط مرحبا"><IMG SRC="http://img571.imageshack.us/img571/2329/56099003.png"></A>
<A HREF="رابط الادمن"><IMG SRC="http://img692.imageshack.us/img692/379/15429286.png"></A>

<A HREF="رابط للمراسله"><IMG SRC="http://img412.imageshack.us/img412/4576/34566440.png"></A>
<A HREF="رابط دعوة الاصدقاء"><IMG SRC="http://img210.imageshack.us/img210/2188/95215749.png"></A><BR/>
<A HREF="رابط الالعاب"><IMG SRC="http://img543.imageshack.us/img543/4378/56719918.png"></A>

<center>
<A HREF="رابط تاب"><IMG SRC="http://img24.imageshack.us/img24/2849/91155132.png"></A><BR/>
</CENTER>
<center>

<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>

أكواد أزرار ذهبية تتحول لأزرار خضراء بمرور الماوس





<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk14 {
 width: 200px;
 }
 

 text-decoration: none;
#fbml_turk14 li a {
   height: 45px;

#fbml_turk14 li a:link, #fbml_turk14 li a:visited {
 text-align: center;
 } 
 
 color: #ffffff;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNscD0HJp4oux-NbQLrRcmyNhfbmEX4RopG9B_S2lOFRKQZ_U8HVWxcMOtu7Hp_wtqOOpYkDg37XnTFoDWUVleC0ovTPJ5QC0yAskwgHRMpXOA_3XF5ll5KtOoip8fgSs2f-55BTLD0LX/s198/57.png);
 display: block;
 padding: 21px 0 0 0px;
 }
 

 color: #000000;
#fbml_turk14 li a:hover, #fbml_turk14 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQiLEk30A2zG2zuGjDaMdmlb_1J9-uJ-eca8iuKN8YPExn3X2lWtg9ys6CSuPPBqYFFCF-g1X7R8mU7IgSR12Yqjpjxufn4OAbiPaClOjdH5H5zSC_YAW1nIWhbqOaxjJxXstp1hQMkmR7/s198/61.png) 0 -75px;
 padding: 21px 0 0 0px;
 }
 
#fbml_turk14 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 16px;
}

</style>




<div id="fbml_turk14"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
    <td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
    <td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>

أزرار صفراء تتحول إلى اللون البنفسجى عند مرور الماوس


أزرار صفراء


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">

#fbml_turk15 {

 font-family: Verdana, Geneva, sans-serif;
 width: 150px;
 }
 
#fbml_turk15 li a {

 text-align: center;
   height: 27px;
 text-decoration: none;
 } 
 

 color: #660000;
#fbml_turk15 li a:link, #fbml_turk15 li a:visited {
 display: block;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFpRRIC_e_ZuugZPUuksnY3z_q0esN7l4QRmarkbWZC-AzqxfRt56BORcbLQc5nXl_6Ve_SLM0kqc5kg6nmFuiLyebklImxgAPZ-g8EIlo1JQJBUzf98qZ0iVjq1VvCzjmi4t3nNg0WQS-/s142/37.png);
 padding: 10px 0 0 0px;
 }
 
#fbml_turk15 li a:hover, #fbml_turk15 li a:active {
 color: #FFFF00;

 font-family: Verdana, Geneva, sans-serif;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Mj_-QSLuGcdBsKqvr7jGzYOs8F-weBxhhsmjvrG3g30D-QDuC9yZaHzgCeu42icFgsZDIKnL4Aib7n2b9JiIIBeGaOpPDdewqVpu81tCVLPEc9PtzGJDWALIonx604J8qYa-erQj2CUh/s142/38.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk15 ul li {
        font-weight: bold;
 font-size: 12px;
}


  <td><li><a
</style>

<div id="fbml_turk15"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



<!-- الزر الأول -->
 <tr>

 <tr>
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
 </tr>
<!-- الزر الثالث --> 
    <td><li><a

 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
 </tr>
<!-- الزر الخامس --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a



 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
</table>
</ul>
</div>

</CENTER>

أزرار زرقاء تتحول إلى اللون الذهبى عند مرور الماوس


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk16 {
 width: 200px;
 }
 

 text-decoration: none;
#fbml_turk16 li a {
   height: 45px;

#fbml_turk16 li a:link, #fbml_turk16 li a:visited {
 text-align: center;
 } 
 
 color: #ffffff;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqGlWREC0yoi_0INi8r-Sj3-r5XDRuEZ-tP5ASwbBleNmbEIlev07Q1ZhJ40y7QQGuqE2vpwJzPvLUJrYiVuBwBNRCAUuxBk8op9-bGSILSznHGXKsIPgJG6-dUStq46lR4ui4jGPJMls/s198/62.png);
 display: block;
 padding: 21px 0 0 0px;
 }
 

 color: #000000;
#fbml_turk16 li a:hover, #fbml_turk16 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNscD0HJp4oux-NbQLrRcmyNhfbmEX4RopG9B_S2lOFRKQZ_U8HVWxcMOtu7Hp_wtqOOpYkDg37XnTFoDWUVleC0ovTPJ5QC0yAskwgHRMpXOA_3XF5ll5KtOoip8fgSs2f-55BTLD0LX/s198/57.png) 0 -75px;
 padding: 21px 0 0 0px;
 }
 
#fbml_turk16 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 16px;
}

</style>




<div id="fbml_turk16"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
    <td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
    <td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>

أزرار زجاجية تتحول إلى اللون البنى بمرور الماوس


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk17 {
 width: 150px;
 }
 

 text-decoration: none;
#fbml_turk17 li a {
   height: 30px;

#fbml_turk17 li a:link, #fbml_turk17 li a:visited {
 text-align: center;
 } 
 
 color: #660033;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpGFAXdWd-QL3T82DfZqslZikZULw7K77KXBTbGm0T9J26D6wZhsup6cGNKasd1XmOkXxJi6etkz2MtVWUo9YTmMY-wXpuus5xDJDTgca5mQDJ-FMe6-R1kJhobPkHElLJDUD_zpA1w72/h120/75.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #3333CC;
#fbml_turk17 li a:hover, #fbml_turk17 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif3sNzMKYkxWX5hh3K7OjvlmHHGDFIdjAnUtMTSm7vnd5fT4wv022-h1KmR5nLIx2K91Tt_00RGatLsm5PNKR-b7Mz-9cjhes1jNSf9ywCG38lHoUmr84fvWsJFbK16bQvNSHbgC8308R3/h120/73.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk11 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 12px;
}

</style>




<div id="fbml_turk17"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>


</CENTER>

أزرار سوداء ذات إطار ذهبى تتحول إلى اللون البيج بمرور الماوس


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk18 {
 width: 148px;
 }
 

 text-decoration: none;
#fbml_turk18 li a {
   height: 30px;

#fbml_turk18 li a:link, #fbml_turk18 li a:visited {
 text-align: center;
 } 
 
 color: #FFFF66;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIwSZ8eVLz8jpMF1x5mgW7koBna-m30t78A3oB3GQDAjeu4lSlZyxW3zPMC6HjY3zSQfafBlCB_6mMUR_ZoG1X2BRzHUvmCcZvpNf6O1jTCZ-eGc8-fnIJE1CpI7ecw-bKzkHwZyX9ZJ36/h120/72.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #3333CC;
#fbml_turk18 li a:hover, #fbml_turk18 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQkL4Du3yrEiyz_3yz_BLrdnCE7ygI3_w8uvPmVojEKiFLjw36YFKMYikm-_kZ14P6QPm4B8U3O8xzE3B4PmE-FckDF1S1INMeKilUWaaW28_skrziuCOL92hg6xIaBbbS4kLjkp0S6fdN/h120/74.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk18 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 14px;
}

</style>




<div id="fbml_turk18"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>




<br/>

أزرار ذات إطار ملون


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk19 {
 width: 148px;
 }
 

 text-decoration: none;
#fbml_turk19 li a {
   height: 30px;

#fbml_turk19 li a:link, #fbml_turk19 li a:visited {
 text-align: center;
 } 
 
 color: #FFFF66;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6X8wPYdCntCw1mSpiSpbUaNyRFKE7t6CB5y9gZBFyjhJUELm4Hhxq0dlBxMz7ILm7rE9MG2yubZSqIJZ2x6LZNyD9JuRTg9yl4-XAnhKIygD8ErAQ1E-7J0Tsj4mEx_qPtoUXk3ckLBy/h120/78.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #FF9966;
#fbml_turk19 li a:hover, #fbml_turk19 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBElU2wdfNRqhovTc6G92H-HgfVEsV2zVBUhqNosrXz_26ZHKqMweqjpDNQagEzibxrhz9KCodwQLkU6mfybrUfeoeTn3JnX-QIcIX5z-kjzIidKm51VHfiDlx3RxthSB1BcHBMtFEjEkM/h120/79.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk19 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 14px;
}

</style>




<div id="fbml_turk19"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>




<br/>

أزرار برتقالية تتحول إلى اللون الأزرق


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 font-family: Verdana, Geneva, sans-serif;
#fbml_turk10 {
 width: 148px;
 }
 

 text-decoration: none;
#fbml_turk10 li a {
   height: 30px;

#fbml_turk10 li a:link, #fbml_turk10 li a:visited {
 text-align: center;
 } 
 
 color: #330066;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvQ_p1HnPluag2aeZ2Td_AwhNlCloqGRyxE19TT1_VUqOqpf1zbjq8Zjzm85FG3-1tTf6SktZWWu4TpSK4UIojj7lEI4MnybHV-trMxIz-fZjEJoNxP8rykYTTyzR3gF6DF8y0C5_G4gGB/h120/67.png);
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #FFFF00;
#fbml_turk10 li a:hover, #fbml_turk10 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuubNfQ9e-JsZ7T0c2Rjwf_XwWAyHkvFvhswmFr7vUMXmzXw-fj8r0hU2-sQtUP7oG_U-HE4x8UmFwM9KUuViV__fEwj9lQEe9EKLJP09raga4qE6M72zOXwPxJleveGIMlkeMcA1TRjX/h120/65.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk10 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 16px;
}

</style>




<div id="fbml_turk10"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>



<br/>

أزرار زرقاء تتحول إلى الروز


<CENTER>

<!-- مدونة كن داعيا للخير -->
<style type="text/css">


 width: 148px;
#fbml_turk111 {

 font-family: Verdana, Geneva, sans-serif;
 }
 
#fbml_turk111 li a {
   height: 30px;

#fbml_turk111 li a:link, #fbml_turk111 li a:visited {
 text-decoration: none;
 text-align: center;
 } 
 

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZotYBLwDeYNDKPw25R7lO4RZ_XCE72_Xf_A18fzDJWWEJAdhN_x-iojJHGql5jP1tJjtAxr0ZXCkh5RW2xE9G8ywlnaqd-QZyxLyOy44a_XAo-8-8_8qkMXjJfvK8Nb6a5NoZyaTch-AF/h120/80.png);
 color: #99FFFF;
 display: block;
 padding: 10px 0 0 0px;
 }
 

 color: #FF66FF;
#fbml_turk111 li a:hover, #fbml_turk111 li a:active {

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLvLxKuDM4WxVwPicdB9tovEA0QL7fQm-RXJK9voJZF-F0As9UqGXG7GePGCmyjbP6pEu8ISUm6tNvT90gwFxirOq9_oS-fc-Mc_N0ISJBXQ-pFzoZioMFy2MwZHNBULWuRZYLdn4jjFbo/h120/81.png) 0 -45px;
 padding: 10px 0 0 0px;
 }
 
#fbml_turk111 ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 16px;
}

</style>




<div id="fbml_turk111"><ul>
<table style="width: 100%">
 <tr>
  
<center>
<A HREF="http://conda3ianllkhir.blogspot.com/"> تم التصميم بواسطة مدونة كن داعيا للخير </A>
<center>



 href="اللينك الثانى" title="الزر الثانى"><b>الزر الثانى</b></a></li></td>
<!-- الزر الأول -->
 <tr>
  <td><li><a
 href="اللينك الأول" title="الزر الأول"><b>الزر الأول</b></a></li></td>
 </tr>
<!-- الزر الثانى --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الثالث --> 
 <tr>

 href="اللينك الرابع" title="الزر الرابع"><b>الزر الرابع</b></a></li></td>
<td><li><a
 href="http://conda3ianllkhir.blogspot.com/" title="الزر الثالث"><b>مدونة كن داعيا للخير</b></a></li></td>
 </tr>
<!-- الزر الرابع --> 
 <tr>
    <td><li><a
 </tr>
<!-- الزر الخامس --> 
 <tr>

 href="اللينك السادس" title="الزر السادس"><b>الزر السادس</b></a></li></td>
<td><li><a
 href="اللينك الخامس" title="الزر الخامس"><b>الزر الخامس</b></a></li></td>
 </tr>
<!-- الزر السادس --> 
 <tr>
    <td><li><a
</table>
</ul>
</div>

</CENTER>





<br/>

التسميات: ازرار وقوائم رأسية للمواقع

التعليقات

0 التعليقات

اخر أخبار مصر أخبار العالم العربى أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

مســـــاحة اعـــــلانيـــــة

.باب دخول الادارة

0

من شاهد اعمالى

المتابعون

أكواد css لأزرار وقوائم رأسية للمواقع ولصفحات ترحيب الفيس بوك css buttons

0 التعليقات:

إرسال تعليق

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى

المشاركات الشائعة

من اعمالى

من اعمالى

اخر أخبار مصر ** أخبار العالم العربى ** أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

مســـــاحة اعـــــلانيـــــة

.باب دخول الادارة

0

من شاهد اعمالى

المتابعون

أكواد css لأزرار وقوائم رأسية للمواقع ولصفحات ترحيب الفيس بوك css buttons

0 التعليقات:

إرسال تعليق

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى

المشاركات الشائعة

من اعمالى

من اعمالى

اخر أخبار مصر أخبار العالم العربى أخبار الرياضة