القائمة مع الدول الثلاث لاتفاقية الأنواع المهاجرة

القائمة مع الدول الثلاث لاتفاقية الأنواع المهاجرة

استنادا إلى السابقة تعليمي قررت إنشاء هذا البرنامج التعليمي لشرح كيفية جعل القائمة مع كل من القانون ، ويمكن استخدامه لأية صفحة [فب] لديك ، وحتى بالنسبة لأية اتفاقية الأنواع المهاجرة وخاصة وورد الشهير.

عرض تجريبي

أدوات

1 -- صورة من كل قطع الفرع القائمة.

2 -- هذه الصور هي لاستخدامها في الممتلكات تحوم.

3 -- برنامج أتش تي أم أل (دريمويفر على سبيل المثال).

4 -- بعض المعرفة : المغلق ، وأتش تي أم أل بي.

أتش تي أم أل هيكل

بادئ ذي بدء ، نحن بحاجة الى فتح صفحة جديدة [فب] ، وجعل هيكل أتش تي أم أل لدينا القائمة ، وهو ما سيخلق أمرت قوائم : 

  1
 2
 3
 4
 5
 6

 "menu" > <!--Comienza Menu--> < li >< a class = "index" href = "index.php" > Home < / a >< / li > < li >< a class = "enviar" href = "enviar.php" > Enviar < / a >< / li > < li >< a class = "contacto" href = "contacto.php" > Contacto < / a >< / li > < li >< a class = "recursos" href = "recursos.php" > Recursos < / a >< / li > < / ul > <!--Termina Menu--> <ulهوية = "menu"><! -- ابدأ --> <li><aالطبقة"index" href = = "index.php">الرئيسية </ أ> </ لى> <li><فئة = "البريد الإلكتروني" href = "enviar.php"> أرسل </ أ> </ لى> <li><aالطبقة "contact"href = ="contacto.php"> الاتصال </ أ> </ لى> <لي > <aالطبقة "resources"href = ="recursos.php"> الموارد </ أ> </ لى> </ ماي> <! -- نهاية القائمة -->

الآن ، نحن إضافة اسم المستخدم إلى العلامة <ul>(السطر الأول) ، ثم نضيف إلى كل فئة البطاقات <a>، (واحدة مختلفة عن كل وصلة) ، وهكذا سيكون لدينا مؤشر واحد ، واحد البريد الإلكتروني ، واتصال واحدة مورد واحد.

هذا غير كاف ليكون لدينا هيكل أتش تي أم أل القائمة ، وحفظ الصفحة على النحو index.php وتذهب مع النمط.

إضافة نمط

فتحنا صفحة جديدة المغلق.

css-menu

وباستثناء ما style.css ، وعاد إلى الصفحة [فب] لارتباط إلى نمط.

بدأنا طريقنا إلى العنصر "*" الذي ، كما هو موضح في videotutorial كيفية جعل موضوع ورد من الصفر ، ويستخدم لإضافة ميزات مختلفة لجميع العناصر ، وبالتالي ، فإن كل الممتلكات التي تضيفها النجمة ، فإنه سيكون التي اتخذتها جميع العناصر الموجودة في صفحتنا ، ناهيك عن إضافة الهامش والحشو : 

  1
 2
 3
 4

 : 0 ; padding : 0 ; } * (الهامش : 0 ؛ حشوة : 0 ؛)

ما زلنا مع الجسم ، ونحن نضع ما يلي صورة خلفية لصفحاتنا هي جماليا جيدا :

وهكذا هي الهيئة في منطقتنا المغلق : 

  1
 2
 3
 4
 5

 : url ( imagenes/bg.png ) repeat-x #333333 ; font-size : 12px ; font-family : Arial , Helvetica , sans-serif ; } الجسم (خلفية : عنوان (صور / bg.png) تكرار - خ # 333333 ؛ حجم الخط : 12px ؛ الخط الأسرة : ارييل ، هلفتيكا ، بلا - الرقيق ؛)

حسنا ، إذا كان لنا أن نبدأ الآن لإعطاء النمط القائمة لدينا ، في المقام الأول إلى معرف "القائمة" 

  1
 2
 3
 4

  # القائمة (
 none ; قائمة على النمط : لا شيء ؛
 15px ; هامش قمة : 15px ؛
 )

فقط نأخذ نقطة في بداية كل بند في قائمة (السطر 2) وطائفة العلوية لالاسمية للubircarlo بريتش غاز (السطر 3).

ما زلنا مع العنصر "لي" ، وهو ما لن يؤدي إلا إلى إضافة خاصية "العرض : المضمنة" ليكون موجودا بجوار بعضها البعض. 

  1
 2
 3

  # لى القائمة (
 inline ; عرض : المحول ؛
 )

الآن حان الوقت لتعديل البند "أ" ، وسوف يستغرق الخصائص التالية. 

  1
 2
 3
 4
 5
 6
 7
 8

  # القائمة لى أ)
 block ; يعرض : الكتلة ؛
 60px ; العرض : 60px ؛
 102px ; الطول : 102px ؛
 left ; تعويم : غادر ؛
 -5000px ; نص البادئة : - 5000px ؛
 2px ; هامش اليسار : 2px ؛
 )

الطول والعرض لكل صورة (خطوط 3 و 4 على التوالي) ، وتعويم الملكية : من اليسار إلى أن يكون موجودا واحد على حق النص الأخرى البادئة للقضاء على النص الذي يتم داخل علامة <a>، و ترك هامش للفصل في القائمة قليلا كل منهما الآخر.

علينا الآن أن تستخدم في كل فئة المسمى "أ". لذلك تركنا. 

  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12

  { # لى القائمة (أ) الرقم القياسي (
 url ( imagenes/home.png ) no-repeat ; خلفية : عنوان (صور / home.png) عدم تكرار ؛
 )
 { # لى القائمة (أ) إرسال (
 url ( imagenes/enviar.png ) no-repeat ; خلفية : عنوان (صور / enviar.png) عدم تكرار ؛
 )
 { # لى القائمة (أ) الاتصال (
 url ( imagenes/contacto.png ) no-repeat ; خلفية : عنوان (صور / contacto.png) عدم تكرار ؛
 )
 { # لى القائمة (أ) الموارد (
 url ( imagenes/recursos.png ) no-repeat ; خلفية : عنوان (صور / recursos.png) عدم تكرار ؛
 )

ببساطة إضافة إلى كل عنصر من عناصر أساسية.

تواصل مع : تحوم من كل صورة لكاليفورنيا عندما تغير الماوس فوقها. 

  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12

 :hover { background : url ( imagenes/home-hover.png ) no-repeat ; } #menu li a .enviar :hover { background : url ( imagenes/enviar-hover.png ) no-repeat ; } #menu li a .contacto :hover { background : url ( imagenes/contacto-hover.png ) no-repeat ; } #menu li a .recursos :hover { background : url ( imagenes/recursos-hover.png ) no-repeat ; } # لى القائمة (أ) الرقم القياسي : تحوم (خلفية : عنوان (صور / المنزل hover.png) عدم تكرار ؛) # القائمة لى a. البريد الإلكتروني : تحوم (خلفية : عنوان (صور / بعد hover.png) عدم تكرار ؛) # لى القائمة (أ) للاتصال : تحوم (خلفية : عنوان (صور / اتصل - hover.png) عدم تكرار ؛) # لى القائمة (أ) الموارد : تحوم (خلفية : عنوان (صور / موارد hover.png) لا تكرار ؛)

عادة ، يمكنك ببساطة إضافة "تحوم" في نهاية كل عنصر من عناصر وتغيير صورة لكل منهما.

مع ما تم إنجازه حتى الآن فقط ستكون لدينا خيار متاح من تمرير الماوس فوق الصورة. هذا هو المكان الذي يأتي دور [فب] ، ونحن نفعل ذلك فإنه يتم وضع علامة على القسم من القائمة أين نحن؟ ، ونحن نفعل ذلك ببساطة عن طريق إضافة اسم المستخدم إلى الجسم.

على سبيل المثال : 

  1

  "enviar" > <bodyهوية = "post">

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

ملف : index.php

الهيئة : 

  1

  "index" > <bodyهوية = "index">

ملف : enviar.php

الهيئة : 

  1

  "enviar" > <bodyهوية = "post">

ملف : contacto.php

الهيئة : 

  1

  "contacto" > <bodyهوية = "contact">

ملف : recursos.php

الهيئة : 

  1
 2

  ]
 "recursos" > <bodyهوية = "resources">

كما قلت من قبل ، وإذا قمت بذلك يدويا ، والعثور على القسم الجديد دون أن المغلق في هذا البرنامج التعليمي.

إذا كنت تستخدم وورد في هذه القائمة ، سيكون لدينا مشكلة ، كيف لنا أن إضافة اسم المستخدم إلى كل هيئة مختلفة إذا القائمة هو في ملف واحد يسمى "header.php" ، أي رأس نفس الملف ك أن يرسل إلى الصفحة الرئيسية للاتصال ، ثم نضيف الكود التالي. على صفحاتنا.

<body>قبل أن يكتب ما يلي : 

  1
 2
 3
 4
 5
 6
 7

 = $_SERVER [ 'REQUEST_URI' ] ; $pagina = str_replace ( "/" , "" , $pagina ) ; $pagina = str_replace ( ".php" , "" , $pagina ) ; $pagina = str_replace ( "?s=" , "" , $pagina ) ; $pagina = $pagina ? $pagina : 'default' ?> <؟ الصفحة [فب] $ = $ _SERVER [ 'REQUEST_URI'] ، $ صفحة = str_replace ( "/" ، "" ، $ صفحة) $ صفحة = str_replace ( ". [فب]" ، "" ، $ صفحة) $ الصفحة = str_replace ( "؟ ق =" ، "" ، $ صفحة) = $ $ صفحة صفحة : $ صفحة : 'افتراضي'؟>

ساوضح ما كل سطر :

1 -- افتح رمز [فب]

2 -- إحضار عنوان الموقع الذي نحن (رابط وورد أن نتذكر أن يستخدم أكثر في شيء من هذا القبيل "http://www.tublog/tu-pagina/").

3 -- أين تذهب أي المائلة "/" ، سيتم استبدال أي شيء! "".

4 -- أين تذهب بعض. "بى" ، سوف يتم الاستعاضة عن أي شيء!.

5 -- أين تذهب بعض "؟ خ =" ، سيتم استبدال أي شيء!.

6 -- وترجع هذه النتيجة.

7 -- إغلاق [فب] العلامة.

لذلك ما نقوم به هو اتخاذ رابط وإزالة كل تلك الأشياء التي لا تخدم علينا للهوية.

الآن اسمحوا لنا الجسم وسنقوم بإضافة ما يلي : 

  1

  "<?php echo $pagina ?>" > <الهيئة هوية = "<؟ بى صدى $ الصفحة؟>">

جاهز! الهيئة سوف تتخذ معرف في الصفحة التي نجد أنفسنا فيها.

ننتقل الآن إلى أسلوب البيع لدينا إضافة إلى الجسم.

إضافة التالية. 

  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12

 { background : url ( imagenes/home-hover.png ) no-repeat ; } body #enviar #menu li a .enviar { background : url ( imagenes/enviar-hover.png ) no-repeat ; } body #contacto #menu li a .contacto { background : url ( imagenes/contacto-hover.png ) no-repeat ; } body #recursos #menu li a .recursos { background : url ( imagenes/recursos-hover.png ) no-repeat ; } مؤشر هيئة # # القائمة لى أ مؤشر (خلفية : عنوان (صور / المنزل hover.png) عدم تكرار ؛) هيئة البريد الإلكتروني # # لى القائمة (أ) وظيفة (خلفية : عنوان (صور / بعد hover.png) لا تكرار ؛) الجسم # # لى الاتصال القائمة. الاتصال (خلفية : عنوان (صور / اتصل - hover.png) عدم تكرار ؛) هيئة الموارد # # لى القائمة (أ) الموارد (خلفية : عنوان (صور / موارد من تحوم . بابوا نيو غينيا) عدم تكرار ؛)

عادة ، وهذا ما يقوله هو أنه عندما يكون الجسم قد بدأ واحدة من تلك السلعة (رقم قياسي ، البريد الإلكتروني ، والاتصال ، والموارد) ، سيجعل من فئة "ب" اتخاذ صورة التحويم.

ماهر! بالتالي نكون قد استكملنا القائمة لورد واتفاقية الأنواع المهاجرة أو أي صفحة أخرى. وردبريس ، هنا وأترك للالبريدي حيث انخفض كل الملفات النهائية.

تحميل ونتيجة لهذه الدورة التعليمية هنا

مايكل هو الخالق ورئيس تحرير skyandstars.net التي تنشر أدلة ودروس خصوصية حول ورد ، CuteNews ، فب] ، أتش تي أم أل ، وأكثر من ذلك. Acutalmente طالب جامعي.

Mijael166

ربما واحدة من هذه القيود قد تهمك

7 تعليقات على "القائمة مع الدول الثلاث لاتفاقية الأنواع المهاجرة"

  1. عيسى

    27 أبريل 2009

    إجابة

    انا محتارة قليلا ، أن أرى بلدي القوائم مثل ما أفعله مع دريمويفر ، وبالتأكيد هي الأسهل : ق

    ويذهب رفعت مستوى من الدروس مايكل! تهاني :)

  2. مايكل

    28 أبريل 2009

    إجابة

    Jajaja الاشتراكية... هي في الأساس تغيير الصور.. ولكن النتيجة انهم يريدون التأكيد عليها هي أن تكون بمثابة الصفحة في هذه.... Dificl HACR في وورد هو أنه يعمل في نفس رأس لكافة الصفحات...... ثم مع entoncs بي إتش بي هي لا... وهذا عيسى قبلة =)

  3. عيسى

    29 أبريل 2009

    إجابة

    مهيب عادلة! سقو أول مرة رأيت شيئا لم يسلط عليه الضوء عند وخز بها على صفحة أخرى ، لماذا الأنف. الآن إذا رأيت الامر بطريقة مختلفة ، في واقع الأمر في بعض الأحيان كنت تساءلت واط لأنه لو لو أحب هذا البرنامج التعليمي ، وأخرى لقائمة بالقوانين التي أقوم به ، ولأن موقعي لا يمكن أن يحقق؟

  4. مايكل

    30 أبريل 2009

    إجابة

    بالطبع : ف فقط أن نفعل ذلك من أسلوب لإضافة اسم المستخدم إلى الهيئة :)... أو إذا كنت تريد أن تلقائيا وضع الجسم ، ونفعل ذلك مع بي... ولكن جيدة.. هو ترضيك... إلغاء beso!

  5. عيسى

    30 أبريل 2009

    إجابة

    موافق! جيجى

  6. graciebird

    30 أبريل 2009

    إجابة

    توتو جيدة جدا وسوف تستخدم ذلك في المرة القادمة قمت بتغيير النسخة. شكرا لك. بالطبع ترك رسالة على منتدى مساعدة لي الكثير من الأمل في اليأس. من خلال شبكة الإنترنت قد ساعدني كثيرا.

  7. فران

    22 يونيو 2009

    إجابة

    كيو بوين توتو ، مفيدة جدا ، جيد جدا ، وأوضح ، ومع الملفات النهائية. حقا هو عن تقديره ل

ترك التعليق

الاسم (مطلوب)

البريد الإلكتروني (مطلوب ولكن لم تنشر)

على شبكة الإنترنت

التعليق (مطلوب)

* البريد الإلكتروني الخاص بك يستخدم لربطها إلى حسابك على غرفتر