منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني

الوظيفة في المغرب العمومية و العسكرية - مباراة الأمن الوطني - نتائج ونماذج المباريات - إمتحانات البكالوريا - شؤون المدارس و التعليم - الإجازة المهنية والماستر
 
الرئيسيةأحدث الصورالتكوين المهنيالتسجيلدخول
البحث في المنتدى
إعلانات


إعلان

توصل بجديد إعلانات الوظائف والمدارس وشؤون مباريات الأمن الوطني

أدخل الإيميل الخاص بك هنا:

(بعد الإشتراك سوف تصلك رسال تأكيد الإشتراك في بريدك، يجب الدخول لبريدك لتأكيدها )

المواضيع الأخيرة
» استعراض المتطلبات الخاصة في فندق رفاف المشاعر.
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 14/9/2024, 18:11

» عروض فنادق مكة خلال موسم الحج: استعد للرحلة
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 13/9/2024, 22:28

» فندق ورقان العزيزية: تجربة استثنائية وسط الطبيعة
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 13/9/2024, 18:15

» فندق ريف الملز: أين تلتقي الرفاهية والراحة؟
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 2/9/2024, 04:34

» استمتع بإقامة مميزة في فندق بتول أجياد
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 2/9/2024, 02:12

» كيف تقارن اسعار الفنادق في مكة للحصول على صفقة مثالية؟
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 1/9/2024, 04:36

» الدليل الشامل لـ حجز فندق مكة خلال موسم الحج
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 31/8/2024, 23:33

» اعثر على الراحة والجودة: أرخص الفنادق في مكة
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 30/8/2024, 09:29

» ابحث عن الاسترخاء والتأمل في فندق فيوليت الششة
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 30/8/2024, 08:08

» آخر الابتكارات التقنية في برامج حجز الفنادق
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 30/8/2024, 04:05

» تجربة استثنائية في فنادق فور سيزونز حول العالم
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Emptyمن طرف Alferdaws 29/8/2024, 07:09

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


شاطر
 

 شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Adrem
الإدارة'''''
 الإدارة'''''
avatar


الجنس : ذكر
دولتي : المغرب
المشآرڪآت : 6210
نقاطي : 23779
سٌّمعَتي : 8

شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Empty
مُساهمةموضوع: شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك    شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Empty1/9/2011, 06:03

شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك





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

شرحنا اليوم لطريقة عمل قائمة menu

في بداية نحن تعلمنا طريقة عمل تبويب جديد في درس سابق (اضغط هنا)

الآن نفتح التبويب الجديد ولنطق عليه اسم Menu
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Attachment

ونلصق فيه الكود التالي :



الكود:

 

 
  .urbangreymenu{ width: 190px; /*width of menu*/ }  .urbangreymenu .headerbar{ font: bold 11px Tahoma; color: white; background: #606060 url(http://site.mynet.com/tekkanarya_hakan/BizeHerYerParis/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ }  .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ }  .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between  menu  items*/ }  .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; }  .urbangreymenu ul li a:visited{ color: black; }  .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #0099cc; } 
 

[b]ANA MENÜ/MAIN MENU[/b]

[list]
[*][url=http://wall lİnk buraya/][b]» Walll[/b] [/url]
[*][url=http://www.blogger.com/FOTORAFLAR LİNK BURAYA][b]» Photos[/b][/url]
[*][url=http://vİdeos lİnk buraya/][b]» Videos[/b][/url]
[*][url=http://notes lİnk buraya/][b]»  Notes[/b][/url]
[*][url=http://www.blogger.com/SAYFANIZIN LİNKİ][b]» Share[/b][/url]
[*][url=http://fbmlkod.tr.gg/][b]» Web Sitemiz / Our Web[/b][/url]
[*][url=http://contact lİnkİ/][b]» Contact[/b][/url]

[/list][b]YÖNETİCİLER/MANAGERS[/b]

[list]
[*][url=http://www.facebook.com/FbmlKod.Tr.gg][b]» HasaN GönüLaL[/b][/url]

[/list][b]DOST SAYFALAR/FRIENDS[/b]

[list]
[*][url=http://www.facebook.com/FbmlKod.Tr.gg][b]» FbmlKod.Tr.gg[/b][/url]

[/list]
     
 . Urbangreymenu (width: 190px; / * width of  menu  * /). Urbangreymenu. Headerbar (font: bold Tahoma 11px; color: white; background: # 606 060 url (http://site.mynet.com/tekkanarya_hakan/BizeHerYerParis/arrowstop.gif) no-repeat 6px 8px; / * last 2 values are the x and y coordinates of bullet image * / margin-bottom: 0; / * bottom spacing Between header and rest of content * / text-transform: uppercase; padding: 7px 0 7px 31px; / * 31px is left indentation of header text * /). urbangreymenu ul ( list-style-type: none; margin: 0, padding: 0; margin-bottom: 0; / * bottom spacing Between each UL and rest of content * /). urbangreymenu ul li (padding-bottom: 2px; / * bottom Between spacing  menu  items * /). urbangreymenu ul li a (font: normal 12px Arial; color: black; background: # E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; / * link text is indented 8px * / text-decoration: none;). urbangreymenu ul li a: visited (color: black;). urbangreymenu ul li a: hover (* hover state CSS * / color: white; backgrounds: # 0099cc;)  <div class="urbangreymenu"><h3 class="headerbar">MAIN  menu  / MAIN  menu    <ul><li> <a href = "LINK HERE WALL" _fcksavedurl = " WALL LINK HERE "_fcksavedurl =" LINK HERE "> <b>» Wall Walll 
<li> <a href = "LINK HERE Gallery Images" _fcksavedurl = "LINK HERE Gallery Images" _fcksavedurl = "Gallery Images LINK HERE"> <b> »Pictures / Photos 
<li> <a href =" VIDEOS LINKS HERE "_fcksavedurl =" VIDEOS LINKS HERE "_fcksavedurl =" VIDEOS LINKS HERE "> <b>» Videos / Videos 
<li> BURAYA" _fcksavedurl="NOTLAR <a href="NOTLAR LINKS LINKS LINKS BURAYA" _fcksavedurl="NOTLAR BURAYA"> <b > »Notes / Notes 
<li> <a rel="nofollow" target="_blank" href="SAYFANIZIN LİNKİ" _fcksavedurl="SAYFANIZIN LİNKİ" _fcksavedurl="SAYFANIZIN LİNKİ"> <b>» Share / Share 
<li> <a target = "_blank" href = "http://fbmlkod.tr.gg" _fcksavedurl = "http://fbmlkod.tr.gg "_fcksavedurl =" http://fbmlkod.tr.gg "> <b>» Web Site / Our Web 
 <a target = "_blank" href = "CONTACTS LINKS is "_fcksavedurl =" CONTACT LINK is "_fcksavedurl =" CONTACT LINK is "> <b>» Contact / Contact    <h3 class="headerbar">MANAGERS / Managers < / h3> <ul>
<li> <a target = "_blank" href = "http://www.facebook.com/FbmlKod.Tr.gg" _fcksavedurl = "http://www.facebook.com/FbmlKod. Tr.gg "_fcksavedurl =" http://www.facebook.com/FbmlKod.Tr.gg "> <b>» Hasan GönüLaL 
<li> <a target = " _blank "href =" http://www.facebook.com/Fbmlkod.tr.gg "_fcksavedurl =" http://www.facebook.com/Fbmlkod.tr.gg "_fcksavedurl =" http://www.facebook .com / Fbmlkod.tr.gg "> <b>» FBMLKOD.TR.GG 
<li> <a target = "_blank" href = "http://kodservisi. tr.gg / iletisim.htm "_fcksavedurl =" http://kodservisi.tr.gg/iletisim.htm "_fcksavedurl =" http://kodservisi.tr.gg/iletisim.htm "> <b>» Application for < / b> 
 <a rel="nofollow" target="_blank" href="BAŞVURU LİNKİ" _fcksavedurl="BAŞVURU LİNKİ" _fcksavedurl="BAŞVURU LİNKİ"> <b> »Applications    <h3 class="headerbar">FRIENDS PAGES / FRIENDS  <ul>
<li> <a target = "_blank" href = "http://www. facebook.com / FbmlKod.Tr.gg "_fcksavedurl =" http://www.facebook.com/FbmlKod.Tr.gg "_fcksavedurl =" http://www.facebook.com/FbmlKod.Tr.gg "> < b> »FbmlKod.Tr.gg 
<li> <a target =" _blank "href =" http://www.facebook.com/FbmlKod.Tr.gg "_fcksavedurl = "http://www.facebook.com/FbmlKod.Tr.gg" _fcksavedurl = "http://www.facebook.com/FbmlKod.Tr.gg"> <b> »Application Click  < / a>
<li> <a rel="nofollow" target="_blank" href="BAŞVURU LİNKİ" _fcksavedurl="BAŞVURU LİNKİ" _fcksavedurl="BAŞVURU LİNKİ"> <b> »Application Click     

  </span>




الكود المستخدم تم تعديلة ليتوافق مع متطلباتنا
ويمكنك ايضاً تعديلة ليتوافق مع متطلباتك من اسماء القوائم
وروابط القوائم فيه وحتى الوانها

ونبدأ بالاهم وهي اسماء القوائم وروابطها وسأذكر لكم الاسم وطريقة البحث عنه في الكود وتغييرة
اضغط ctrl f وضع الكلمات التالية وغيرها في الكود

ANA MENÜ/MAIN MENU= رأس القائمة = ضع المسمى المناسب لك
Walll= الخيار الاول = ضع المسمى المناسب لك وغيير الرابط الذي يسبقها في الكود
photos=الخيار الثاني= ضع المسمى المناسب لك وغير الرابط الذي يسبقها في الكود
Videos= الخيار الثالث=
Notes= الخيار الرابع =
Share= الخيار الخامس=
Web Sitemiz / Our Web= الخيار السادس=
Contact= الخيار السادس =
YÖNETİCİLER/MANAGERS= رأس القائمة الثانية=
HasaN Gonulal= الخيار الاول =
DOST SAYFALAR/FRICNDS=رأس القائمة الثالثة=
FbmlKod.Tr.gg= الخيار الاول=


ستظر لنا القائمة في صفحتنا بالشكل التالي
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك  Attachment

رابط الصفحة للمعاينة
www.facebook.com/facelearn

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.press-magreb.com
 
شرح طريقة عمل قائمة جميلة جداً CSS Menu على صفحتك
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح طريقة نشر مواضيع المنتدى في صفحتك بالفايسبوك تلقائيا
» اليك الحل عندما يتم حظر صفحتك في الـ Facebook
» احترف النشر على الحائط (wall) في صفحتك على الفيسبوك
» تطبيق من يوتيوب لمشاركة الفيديو على صفحتك YouTube Video Box
» كود ترشيح الصفحة (انشره لمعجبي صفحتك لتحصل على ترتيب اعلى)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني :: المنتديات الثقافية :: || المنتدى العام ~ :: برامج الكمبيوتر & الإستقبال الرقمي :: الكمبيوتر و الأنترنت :: الفايسبوك-