بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي دليل ومكتبة الويب العربي

بحث
links

نتائج البحث
محتويات مقترحة من قبل : "ساعة رقمية رائعة لموقعك"

المحتويات
zip  css لصنع قائمة افقية مضيئة بالنيون الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا كود css فقط يتحكم فى صنع هذه القائمة التى تضئ بما يشبه اضاءة النيون عند الضغط عليها


مثال :

اضغط هنا لمشاهدة مثال

مثال للقائمة بخلفية اخترناها سوداء للوضوح





التركيب :

انسخ هذا الكود فى منطقة ال head بصفحتك

كود:
<style type="text/css">


 /* remove the margin and bullets, set the padding for this demo only*/
.neon {margin:0 0 50px 0; padding:25px 0 100px 15px; list-style:none; background:#000; width:720px;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; background:url(http://www.cssplay.co.uk/menus/neon_on.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; height:32px; float:left; background:url(http://www.cssplay.co.uk/menus/neon_off.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:36px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 40px; display:inline; float:left; height:32px; background:url(neon_off.gif) right top; padding:0 40px 0 0; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(neon_on.gif); cursor:pointer; color:#000;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(neon_on.gif); color:#000; cursor:default;}

</style>

2-- ثم قم بنسخ هذا الكود مع تغيير المسميات والروابط بما يناسب موقعك


كود:
<h3>قائمة نيون مضيئة</h3>

  <ul class="neon">
    <li><a href="#nogo"><b>الرئيسية</b></a></li>
    <li><a href="#nogo"><b>حول الموقع</b></a></li>
    <li><a href="#nogo"><b>سجل الزوار</b></a></li>
    <li><a href="#nogo" class="current"><b>اتصل بنا</b></a></li>
    <li><a href="#nogo"><b>مواقع هامة</b></a></li>
  </ul>
4-- ارفع هاتين الصورتين الى نفس مسار صفحتك





أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
08-01-2008
الزيارات 308
206 بايت
zip  أضف الموقع للمفضّلة الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : كود لا يكاد يخلو موقع منه
تبرز أهميّته فى تمكين الزائر من اضافة موقعك للمفضّلة عنده فيسهل الوصول اليه وتكرر زائرته


شاهد مثال :

اضغط على الرابط بالصفحة


التركيب :

1-- أضف هذا الكود لمنطقة الـ head لموقعك مع استبدال السطرين المشار اليهما بمعلومات موقعك


كود:
<script language="JavaScript1.2">
//استبدل السطرين التاليين بمعلومات موقعك
var bookmarkurl="http://www.arabwebtalk.com"
var bookmarktitle="الويب العربى"

function addbookmark(){
if (dcidocument.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}

</script>

2--وأضف هذا الكود فى المكان الذى تريد أن تعرض به رابط " أضف الموقع للمفضّلة"

كود:
 <a href="javascript:addbookmark()">أضف الموقع للمفضلة</a>


أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
27-12-2007
الزيارات 247
206 بايت
zip  سكربت مواقيت الصلاة prayer_v2 الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  سكربت جميل لا يحتاج إلى اعداد , فقط قم بتحميل الملف كاملا إلى موقعك ثم اطلب الملف prayer.php ,
من برمجة اخونا ابو محمد صاحب موقع المركز العربي للتصميم والبرمجة

قسم : سكربتات متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : سطام سعد ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
24-12-2007
الزيارات 1146
28.04 كيلو بايت
zip  "سكريبت" سكريبت اخباري بسيط DGNews معرب الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم
سكريبت اخباري بسيط DGNews معرب

قسم : سكربتات متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : سلطان سعود ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
01-01-2008
الزيارات 1424
61.28 كيلو بايت
zip  css لانشاء قائمة افقية جميلة بموقعك الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا الكود يمكنك من انشاء قائمة افقية جميلة بموقعط فقط باستخدام الـ css دوون الحاجة للـ html
تتغيّر خصائص الخانات والوانها بالوقوف عليها
يمكنك تغيير اتجاه القائمة " يمن أو يسار او بالمنتصف " ...... كما موضح داخل الكود


مثال :

لمشاهدة مثال اضغط هنا

قم بالمرور على خانات القائمة ولاحظ التغيير



التركيب :

فى منطقة ال head بموقعك ضع كود الـ css هذا


كود:
<style type="text/css">


.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF2BF;
text-align: center; /*يمكنك التحكم فى اتجاه القائمة سواء يمين او وسط او يسار من هنا*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
بالطبع بالتعديل عليه الى ما يناسبك



2-- ضع مثل هذا الكود باستخدام الكلاسات لصناعة القائمة فى المكان الذى تريد




كود:
<ul class="bevelmenu">
<li><a href="http://www.arabwebtalk.com/index.php">الويب العربى</a></li>
<li><a href="http://www.arabwebtalk.com/index.php">الصفحة الرئيسية </a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=88"> الحراج الالكترونى</a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=12"> مزاد المواقع</a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=15">التجارة الإلكترونية</a></li>
</ul>

أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
02-01-2008
الزيارات 233
206 بايت
 
 

قسم :
 
إنتقل إلى

جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 02:04 PM.

Powered by vBulletin
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية