مطلوب كود لقالب هيدر ضروري

[راهيم عبد المؤمن]

سلام عليكم

كيف احوال ان شاااء الله بخير

عندي مشكلة وهي عبارة عن كود

انا عندي شريط نفبار مطور يعني هو تحت هيدر مباشرتا

لكن لم اعرف كيفية اضهاره احتاج الى كود لي ياتي في قالب هيدر

هذا كود تبعه من CSS

}
.url8{
position:absolute;height:50px;width:201px;left:15p x;
}

/* nav */
.bnav {
background: url(HayhatIslam/navbar_t.jpg) repeat-x center bottom;
height: 59px;
}
.bnav .bright {
background: url(HayhatIslam/navbar_right.jpg) no-repeat right top;
padding: 0 20px 0 0;
height: 59px;
}
.bnav .bright .bleft {
background: url(HayhatIslam/navbar_left.jpg) no-repeat left top;
padding: 0 0 0 20px;
height: 59px;
}
.bnav .bright .bleft ul { }
.bnav .bright .bleft ul li { float: right; }
.bnav .bright .bleft ul li a {
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
width: 110px;
height: 30px;
line-height: 25px;
text-align: center;
color: #FFF;
text-shadow: #303030 0px 1px 1px;
margin: 16px 0 0 10px;
}
.bnav .bright .bleft ul li a:hover,
.bnav .bright .bleft ul li.select a {
background: url(HayhatIslam/navhovet.png) no-repeat;
text-shadow: #101010 0px 1px 1px;
}

.alert {
width: 800px;
background: #FFF;
border-right: 2px #337f37 solid;
box-shadow: 0px 2px 2px #f3f3f3;
text-align: center;
padding: 10px 20px;
margin: 10px auto;
font-family:Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #555;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}




مثل ماتلحضون شريط navbar تم تقسيمه الا ثلاثة ومعه زر

الان اريد كود لي يوضع في قالب هيدر مشان يضهر

ملاحضة هذا كود كامل

.header_t{
background:url(HayhatIslam/header_t.jpg);
background-repeat:repeat-x;
height:239px;
}
.header_right{
background:url(HayhatIslam/header_right.jpg);
background-repeat:no-repeat;
height:239px;
width:345px;
float:right;
}
.header_left{
background:url(HayhatIslam/header_left.jpg);
background-repeat:no-repeat;
height:239px;
width:386px;
float:left;
}
.long{
position:absolute;
width:269px;
height:65px;
top:76px;
left:46px;
text-align:center;
}
.long2{
position:absolute;
width:269px;
height:65px;
top:111px;
left:46px;
text-align:center;
}


.footer_t{
background:url(HayhatIslam/footer_t.jpg);
background-repeat:repeat-x;
height:90px;
}
.footer_right{
background:url(HayhatIslam/footer_right.jpg);
background-repeat:no-repeat;
width:224px;
height:90px;
float:right;

}
.footer_left{
background:url(HayhatIslam/footer_left.jpg);
background-repeat:no-repeat;
width:350px;
height:90px;
float:left;

}
.url8{
position:absolute;height:50px;width:201px;left:15p x;
}

/* nav */
.bnav {
background: url(HayhatIslam/navbar_t.jpg) repeat-x center bottom;
height: 59px;
}
.bnav .bright {
background: url(HayhatIslam/navbar_right.jpg) no-repeat right top;
padding: 0 20px 0 0;
height: 59px;
}
.bnav .bright .bleft {
background: url(HayhatIslam/navbar_left.jpg) no-repeat left top;
padding: 0 0 0 20px;
height: 59px;
}
.bnav .bright .bleft ul { }
.bnav .bright .bleft ul li { float: right; }
.bnav .bright .bleft ul li a {
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
width: 110px;
height: 30px;
line-height: 25px;
text-align: center;
color: #FFF;
text-shadow: #303030 0px 1px 1px;
margin: 16px 0 0 10px;
}
.bnav .bright .bleft ul li a:hover,
.bnav .bright .bleft ul li.select a {
background: url(HayhatIslam/navhovet.png) no-repeat;
text-shadow: #101010 0px 1px 1px;
}

.alert {
width: 800px;
background: #FFF;
border-right: 2px #337f37 solid;
box-shadow: 0px 2px 2px #f3f3f3;
text-align: center;
padding: 10px 20px;
margin: 10px auto;
font-family:Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #555;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}










اتمني ان تجدو حل وشكراا

اريد كود لي يوضع في قالب هيدر مشان يضهر شريط واضع فيه

ازرار مقل : الرئيسة - المنتدي - مركز رفع - لوحة تحكم - اتصل بنا - .....

تحياتي لكم

[راهيم عبد المؤمن]

هل من رد اخواني ضروري ان امكن

[الأستاذ سامي]

السلام عليكم
لا ارى اين هو مقسم الى 3 اقسام !!
انت نقلت لنا ال css فقط

أولا ما هو السكربت المشغل لموقعك ؟

[راهيم عبد المؤمن]

والله لا اعرف هذي حجات لكن استطيع اعطائك ستايل وانت شوف هو مصمم css فقط

هذا كل شيئ

راح ارفعه واعطيك ياه وشوف

[الأستاذ سامي]

ستايل!
يعني هو منتدى فيبي ؟

[راهيم عبد المؤمن]

نعم هو منتدي في بي

هو في توقعي فيك تشوفه

ونفبار معمول لكي ياتي تحت هيدر مثل فوتر وتضع عليه ازرار احتاج كود لي ياتي في هيدر لي اضهاره

[راهيم عبد المؤمن]

هذا ملف استايل

http://www.gulfup.com/Xo4x38pbwppw8c

[راهيم عبد المؤمن]

......................

[عبد الله خليلي]

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله تعالى وبركاته

هل تقصد ان تضيف شريط اخر يتضمن مايلي

الرئيسة - المنتدي - مركز رفع - لوحة تحكم - اتصل بنا

اذا كان كذالك ارفق لنا صور الستايل من فضلك


ملاحظة : انت نسخة منتداك 3.8.7 والستايل الذي انت مركب هو لنسخة 3.8.4 عليك ترقيت الستايل اخي الكريم

في انتظارك

[راهيم عبد المؤمن]

نعم اخي استايل هو 3.8.4

اخي انا وضع شريط ازرار في منتديا لكن مؤقت حتي اضع شريط اصلي

http://www.hay-hat.com/vb/

شوف شريط لي واضعه مجرد مؤقت لكي اضع اصلي

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

ينقصني فقط كود

لي يوضع في هيدر

انضر هذا كود هيدر


<div class="header_t">
<div class="header_right">
<a class="iconsbox" ></a>
<a class="********" target="_blank" href="http://www.********.com/MltqyHyhatAlaslamy" title="تابعنا على الفيسبوك" ></a>
<a class="twitter" target="_blank" href="https://twitter.com/#!/syeucfebra" title="تابعنا على تويتر"></a>
<a class="youtube" target="_blank" href="#" title="تابعنا على يوتيوب" ></a>
<object class="h2" data="http://www.7ozn.com/files52/26_05_2012_565913380368791.swf" style="width: 345px; height: 239px;">
<param name="wmode" value="transparent" />
</object>
</div>
</div>
<!m.nshawaty الأزرار>
<div>
<ul id="menu">
<li class="button"><a class="current" href="http://www.hay-hat.com/vb/">المنتدى</a></li>
<li class="button"><a class="current" target="_blank" href="http://www.hay-hat.com/forum">مجلة الملتقى</a></li>
<li class="button"><a class="current" target="_blank" href="http://www.hay-hat.com/quran/#">قران اون لاين</a></li>
<li class="button"><a class="current" target="_blank" href="http://www.hay-hat.com/qscript/">قران استماع</a></li>
<li class="button"><a class="current" target="_blank" href="www.hay-hat.com/quran.html">قران فلاش</a></li>
<!-- بداية كود البحث في غوغل من طه سوفت لموقعك -->
<tr>
<td >
<form action="http://www.google.com/cse" id="cse-search-box">
<div>
<form action='http://www.google.com/custom' method='get' rel="nofollow" target='_blank'>
<INPUT type='hidden' name=sitesearch value='http://www.hay-hat.com/vb' size='30'>
<INPUT type='hidden' name=hl value='ar' size='30'>
<INPUT type='hidden' name=domains value='http://www.hay-hat.com/vb' size='30'>
<INPUT type='hidden' name=hl0 value='ar' size='30'>
<INPUT type='hidden' name=domains0 value='http://www.hay-hat.com/vb' size='30'>
<input type="hidden" name="ie" value="windows-1256" />
<input type="text" name="q" size="27" />
<input type="submit" name="sa" value="بحث" />
</div>
</form>

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=ar"></script>

</td>
</tr>
<!-- / نهاية كوووووووووووود البحث في غوغل من طه سوفت -->
</ul>
</div>








<!-- start ******* --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="*******-right">&nbsp;</td><td class="*******-center"><p class="alert"> ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله ، اللهم اني اسالك الهدى والتقى والعفاف والغنى </p></div></div>








<!-- ******* table -->$spacer_open$_phpinclude_output$ad_********[ad_header_end]
<div class="head_ads_s">
<div id="wrapper_work">

<div class="image_carousel">
<div id="foo4">
<a href="http://www.hay-hat.com/vb/showthread.php?t=6"><img src="http://im24.gulfup.com/2012-05-29/1338282567666.png" alt="فارس عباد" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=9"><img src="http://im24.gulfup.com/2012-05-29/1338282567645.png" alt="عبد الرحمن السديس" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=23"><img src="http://im24.gulfup.com/2012-05-29/1338282567534.png" alt="الرقية الشرعية" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=11"><img src="http://im24.gulfup.com/2012-05-29/1338282567152.png" alt="تخلص من اعلنات مزعجة" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=17"><img src="http://im26.gulfup.com/2012-05-29/133828479241.png" alt="ادواة فوتوشوب إسلامية" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=26"><img src="http://im29.gulfup.com/2012-05-29/1338285232531.png" alt="دعاء ختم القران" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=42"><img src="http://im29.gulfup.com/2012-05-31/1338477248871.png" alt="سجود السهو " width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?t=76"><img src="http://im26.gulfup.com/2012-05-31/1338479313791.png" alt="مكانة الصلاة" width="201" height="127" /></a>
<a href="http://www.hay-hat.com/vb/showthread.php?p=218"><img src="http://www.up.hay-hat.com/uploads/13386661911.png" alt="Advanced.System.Care 5" width="201" height="127" /></a>
<a href="#"><img src="HayhatIslam/slideshow/img1.jpg" alt="قريباً" width="201" height="127" /></a>
<a href="#"><img src="HayhatIslam/slideshow/img1.jpg" alt="قريباً" width="201" height="127" /></a>
<a href="#"><img src="HayhatIslam/slideshow/img1.jpg" alt="قريباً" width="201" height="127" /></a>

</div>
<div class="clearfix"></div>
<a class="prev" id="foo4_prev" href="#"><span>prev</span></a>
<a class="next" id="foo4_next" href="#"><span>next</span></a>
<div class="pagination" id="foo4_pag"></div>
</div>


</div>
</div>


هو كان وضعه في هذا كود واشتغل عادي

لكن راح كود

وانا احتاجه ولما سالت مصمم قال انه احذف

مهم هذا نفبار يتكون من شريط مثل شريط تبع فوتر في منتديا فيك تشوفه

http://www.hay-hat.com/vb/

ومقسم الى ثلاثة ويوجد زر

يعني

navbar_left

http://up.an-city.net/uploads/13394915451.jpg

navbar_right

http://up.an-city.net/uploads/13394915452.jpg

navbar_t

http://up.an-city.net/uploads/13394915453.jpg

وهذا زر

navhovet

http://up.an-city.net/uploads/13394915454.png


هل تستطيع

اضافة كود

اتمني انك تجد حل انتضركم اخواني

كيف يتم ترقية استايل

[راهيم عبد المؤمن]

مجرد توضح في كود لي وضعته تجد كود ازرا مجرد مؤقت لما اجد كيفية وضع كود ونفبار اصلي راح احذفه

[عبد الله خليلي]

السلام عليكم ورحمة الله تعالى وبركاته

اعذرني اخي على التأخير انها النت في الجزائر ضعيفة جدا

ماهذا اخي الكريم

ارفق لي الستايل

حتى اضيف اليه الازار التي طلبتها وهي

الرئيسة - المنتدي - مركز رفع - لوحة تحكم - اتصل بنا

اما طريقة الترقية فهي سهلة جدا

الان ارفق لنا الستايل لوضع الروابط عليه ومن تم نتطرق الى الترقية

[عبد الله خليلي]

اهلا من جديد اخي الكريم ارفق لك الصورة التي وضعت عليه الكود
صورة توصيحية برك
http://im27.gulfup.com/2012-06-13/1339577582811.png

اذا كنت ممن يتقنون التلاعب بالاكود ارفق لك الكود

<p align="center"><b><font color="#FF0000"> هذا هو الكود اخي راهيم عبد المؤمن </font></b> : <A href="index.php?do=lostpw">
الرئيسية</A> |
<A href="http://www.gulfup.com?do=requestemail">مركز الرفع</A> | <A
href="usercp.php?a=ver">لو حة التحكم</A>
| <A
href="sendmessage.php?a=ver">اتصل بنا</A></p>



اذا اردت ان تتأكد من الكود ضعه اسفل الهيد وانظر اذا كان يعمل ام لا


ملاحطة : هناك فرق بين وضع الاكود هكذا ووصعها على الصور

لذالك انا طلبت منك الستايل كي يتم التوزيع عليها مباشرة

في انتظارك اخي الكريم

[راهيم عبد المؤمن]

http://www.gulfup.com/Xo4x38pbwppw8c

هذا استايل اخي

اخي صورة لي اريتها لم يكن شريط هكذا

يبدا ازرار من يمين لما يمر ماوس على رئيسة او لوحة تحكم

يضهر زر

يعني يتغير لونه

مهم راح اجرب

كود وانت اعمل على ستايل واسفين على تعب وشكرااا لكم انتضركم

[راهيم عبد المؤمن]

اخي شفت تلك صور لي اعطيتهالك تبع نفبار هو شريط

ستجده في استايل لما تفتح

كل ماينقص على مااضن كود لي ياتي في هيدر مشان يضهر ذالك شريط

فهمت اخي لما تتفتح استايل ابحث عن اسماء صور انا واضع اسماء اما كل صورة

اتمني ان تجد حل

[عبد الله خليلي]

http://www.gulfup.com/xo4x38pbwppw8c

هذا استايل اخي

اخي صورة لي اريتها لم يكن شريط هكذا

يبدا ازرار من يمين لما يمر ماوس على رئيسة او لوحة تحكم

يضهر زر

يعني يتغير لونه

مهم راح اجرب

كود وانت اعمل على ستايل واسفين على تعب وشكرااا لكم انتضركم

الملف المرفق هو نفسه الذي فوق انا افصد ملف الذي به الصور لستايل

[راهيم عبد المؤمن]

http://www.gulfup.com/Xjva02q8n4z4

[راهيم عبد المؤمن]

اسف على تاخر

[راهيم عبد المؤمن]

انا في انتضار

[عبد الله خليلي]

السلام عليكم ورحمة الله تعالى وركاته

تحية خاصة مني الى رواد منتديات الجلفة

ام الان

صورة من الهيدر مع الاكود وكيفية ظهورها

http://im16.gulfup.com/2012-06-14/1339654667791.png



عند مرور الماوس على الاسم تظهر الايقونة كما هو مبين في الصورة التالية



http://im16.gulfup.com/2012-06-14/133965466722.png



اذا كان هذا هو قصدك اخي الكريم قل لي ارفق لك الكود



في انتظارك اخي الكريم

[راهيم عبد المؤمن]

لا اخي شكراا على تعبك لكن انت عامل صح لكن بدي احط تلك صورة لي حطيتها

هي موجودة في استايل

اريد ان اضع ذالك شريط اخي وتكون فيه تلك ازرار وانا ايضا واضع زر

ان لم تجد حل اعطيني كود لي انت واضعه تبع لما تضغط يضهر لون اخر او زر اضعه لشريط لي انا واضعه

[راهيم عبد المؤمن]

هي مثل هيدر انا عطيك ستايل فيك تشوف

هي مقسم ال ثلاثة يعني شريط ينحط مثل هيدر

ونضع فوقه زر

[راهيم عبد المؤمن]

تابع اخي معي جيدااا

هذا كود تبع CSS

/* nav */
.bnav {
background: url(HayhatIslam/navbar_t.jpg) repeat-x center bottom;
height: 59px;
}
.bnav .bright {
background: url(HayhatIslam/navbar_right.jpg) no-repeat right top;
padding: 0 20px 0 0;
height: 59px;
}
.bnav .bright .bleft {
background: url(HayhatIslam/navbar_left.jpg) no-repeat left top;
padding: 0 0 0 20px;
height: 59px;
}
.bnav .bright .bleft ul { }
.bnav .bright .bleft ul li { float: right; }
.bnav .bright .bleft ul li a {
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
width: 110px;
height: 30px;
line-height: 25px;
text-align: center;
color: #FFF;
text-shadow: #303030 0px 1px 1px;
margin: 16px 0 0 10px;
}
.bnav .bright .bleft ul li a:hover,
.bnav .bright .bleft ul li.select a {
background: url(HayhatIslam/navhovet.png) no-repeat;
text-shadow: #101010 0px 1px 1px;
}

.alert {
width: 800px;
background: #FFF;
border-right: 2px #337f37 solid;
box-shadow: 0px 2px 2px #f3f3f3;
text-align: center;
padding: 10px 20px;
margin: 10px auto;
font-family:Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #555;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}



فقعدت ابحث ووضعت هذا كود في هيدر

<div class="bnav">
<div class="bnav .bright .bleft">
<div class="bnav .bright">

</div>
</div>


فضهر شريط الان بقي ان اضع ازرار عليه

لكن لم اعرف شوف كود لي فوق واستنتج كيفة وضع كود في هيدر

يعني اريد زر navhovet يضهر في شريط

مثل شريط ازرار لكن هذا افضل

لاحضا كود س س سي واستنتج كود لي يضع في شريط نفبار

لاني لم اعرفه

الان استطعنا ايجاد نصف اول بقي ازرار تضهر وخلاص

[عبد الله خليلي]

السلام عليكم ورحمة الله تعالى وبركاته اسف على التأخر لظروف العمل المهم

اخي الكريم انا فهمت قصدك جيدا اذ ان الشريط الذي توريد لايحيوي صورة كبيرة نضع عليها الازرار

ليكن في علمك او ابحث اخي جيد تجد ان الصورة التي بها اكود تكون كبيرة بعض الشيء

احي انظر عند وصع الكود الذي اعطيته لي يظهر لنا هكذا

http://im24.gulfup.com/2012-06-14/1339696440951.png



اليس كذالك لن هو عبارة عن صور مقطعة على شكل صغير ويحتوي على نقطة تمدد


انت تبحث عن الشريط الاخطر اذن انتظرني

لا تذهب بعيد

[عبد الله خليلي]

السلام عليكم ورحمة الله تعالى وبركاته

انظر الان الصورة التالية

http://im29.gulfup.com/2012-06-14/133969723741.png


هل هكذا اخي الكريم في انتظار

ملاحظة لاتقل لي اتعبتك مرة ثانية فنحن هنا من اجل الاستفادة والافادة من الجميع
نحن هنا اسرة واحدة

في امان الله اخي

[راهيم عبد المؤمن]

وعليكم سلام

ايه اخي هي صورة ومقسمة

انا وضعت كود فضهر الان اريد ان اضع ازرار بزرها خاص بيها هو موجود

يعني هو كود تبع سي سي موجود نحتاج كود لي يوضع في هيدر مشاين يضهر

ايه اخي محولاتك خلتني اتعلم شوي في اكواد

شكراا لك الان نريد ازرار بزر تبعي انا وضعه في صفحة اولي ا\ا \هر \اك افضل يكون متناسق ويبدا من يمين

[عبد الله خليلي]

السلام عليكم ورحمة الله تعالى وبركاته

جمعة مباركة

اخي الكريم اليك الكود الهيدر باكمله

<div class="header_t">
<div class="header_right">
<a class="iconsbox" ></a>
<a class="********" href="#" ></a>
<a class="twitter" href="#" ></a>
<a class="youtube" href="#" ></a>
<object class="h2" data="hayhatislam/effect.swf" style="width: 345px; height: 239px;">
<param name="wmode" value="transparent" />
</object>
</div>
</div>


<!-- /******* area table -->

<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar[left]">

<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
<tr>
<if condition="$show['quickchooser']"></if>
<td class="tfoot">

<div id="nav">
<p align="center">
<a href="http://www.hay-hat.com"><span>الرئيسية</span></a>|
<a href="index.php"><span>المنتدى</span></a>|
<a href="usercp.php"><span>لوحة التحكم</span></a>|
<a href="http://www.gulfup.com"><span>مركز الرفع</span></a>|
<a href="sendmessage.php"><span>اتصل بناء</span></a>|
</table>

<br />

<div align="center">
<div class="smallfont" align="center">












<!-- start ******* --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="*******-right">&nbsp;</td><td class="*******-center"><p class="alert"> ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله ، اللهم اني اسالك الهدى والتقى والعفاف والغنى </p></div></div>


<!-- ******* table -->$spacer_open$_phpinclude_output$ad_********[ad_header_end]








<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.js"></script>
<script type="text/javascript" src="jquery.jcoverflip.js"></scrip>
<script>

</script>

<script>
jQuery( document ).ready( function(){
jQuery( '#flip' ).jcoverflip( {current: 2});
});
</script>


<center><div id="wrapper">
<div id="flip">
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/1.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/2.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/5.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/4.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/3.png"/></a>

</div>
</div></center>


وصع هذا في مكان (التخصيص في هذا الستايل

nav a span {
padding-bottom:11px !important;
display:block;
float:left;

}

#nav a:hover span{

background:url(HayhatIslam/nav_arrow.png) no-repeat bottom;

}

#nav li:hover a span {

}


#search{
float:left;
position:relative;
margin-top:118px;
left:10px;
height:30px;
width:194px;
}
#search input, #search form{
margin:0px;
padding:0px;

}
#search input{
padding:4px 4px 0px 4px;


}



ثم ارفع الصورة التالية الى مجلد

HayhatIslam

http://im25.gulfup.com/2012-06-15/1339740325171.png


واذا اردت ان يكون الازرار على اليمن كما قلت سابقا ضع هذا في الهيدربدل الي فوق

<div class="header_t">
<div class="header_right">
<a class="iconsbox" ></a>
<a class="********" href="#" ></a>
<a class="twitter" href="#" ></a>
<a class="youtube" href="#" ></a>
<object class="h2" data="hayhatislam/effect.swf" style="width: 345px; height: 239px;">
<param name="wmode" value="transparent" />
</object>
</div>
</div>


<!-- /******* area table -->

<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar[left]">

<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
<tr>
<if condition="$show['quickchooser']"></if>
<td class="tfoot">

<div id="nav">
<p align="right">
<a href="http://www.hay-hat.com"><span>الرئيسية</span></a>|
<a href="index.php"><span>المنتدى</span></a>|
<a href="usercp.php"><span>لوحة التحكم</span></a>|
<a href="http://www.gulfup.com"><span>مركز الرفع</span></a>|
<a href="sendmessage.php"><span>اتصل بناء</span></a>|
</table>

<br />

<div align="center">
<div class="smallfont" align="center">












<!-- start ******* --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="*******-right">&nbsp;</td><td class="*******-center"><p class="alert"> ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله ، اللهم اني اسالك الهدى والتقى والعفاف والغنى </p></div></div>


<!-- ******* table -->$spacer_open$_phpinclude_output$ad_********[ad_header_end]








<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.js"></script>
<script type="text/javascript" src="jquery.jcoverflip.js"></scrip>
<script>

</script>

<script>
jQuery( document ).ready( function(){
jQuery( '#flip' ).jcoverflip( {current: 2});
});
</script>


<center><div id="wrapper">
<div id="flip">
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/1.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/2.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/5.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/4.png"/></a>
<a href="#" title="وصف الصورة"><img src="hayhatislam/sli/3.png"/></a>

</div>
</div></center>

في انتظارك اخي الكريم

انظر الصورة نسيت ان ارفعها

http://im20.gulfup.com/2012-06-15/1339740800361.png