3

Հերթական գեղեցիկ մենյուն Blogger-ի համար

Մի քանի օր է արդեն, ինչ ցանկանում եմ բլոգում տեղադրել արդեն շատ վաղուց խոստացված նյութը՝ «Թերթվող նյութերի»-ի մասին: Եվ ահա այսօր որոշեցի անդրադառնալ դրան: Գրեցի բոլոր կոդերը, պատրաստեցի նկարներ և մնացած անհրաժեշտ բաները և հանկարծ տեղի ունեցավ անսպասելին. լույսերը անջատվեցին :(
Քանի որ կոդը բավականին բարդ և երկար ժամանակ է պահանջում, այդ պատճառով որոշեցի խնայել ժամանակ և տեղադրել նյութ «Բացվող հորիզոնական» մենյուի մասին:

Բլոգում արդեն 2 անգամ(Գեղեցիկ DropDown մենյու Blogger-ի համար, Ինչպես տեղադրել հորիզոնական բացվող մենյու Blogger-ում) տեղադրել եմ այսպիսի նյութ, բայց այս անգամ այն այլ է և ավելի բարդ կառուցվածք ունի:
Եվ այսպես անցնենք  գործի.
Ինչպես միշտ , այս անգամ ևս նախքան փոփոխություններ կատարելը պահպանում ենք բլոգի կրկնօրինակը:
Որից հետո կատարում ենք հետևյալ քայլերը հերթականությամբ.
  • Design > Edit Html կամ(Шаблон › Изменить HTML>Расширить шаблоны виджета):Այս քայլերը կատարելուց հետո փորձում ենք գտնել <body> կոդը, որց անմիջապես հետո տեղադրում ենք ներքևում գրված կոդը: Եթե այս կոդը չի գտնվում կարող եք ներքևի կոդը տեղադրել  <div id='outer-wrapper'> այս կոդից առաջ
<link href='http://dl.dropbox.com/u/11103024/menu.css' media='screen' rel='stylesheet' type='text/css'/>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML91' locked='false' title='Menu' type='HTML'/>
</b:section>
Այս կոդը տեղադրելուց հետո պահպանեք փոփոխությունները սեղմելով՝Պահպանել:
  • Հաջորդ քայլում պետք է կատարեք հետևյալը՝ Дизайн>Добавить гаджет>HTML/JavaScript և տեղադրում ենք ներքևում գրված կոդը՝
<ul class="menu">
<li class="no_drop"><a href="#">Գլխավոր</a></li>
<li><a href="#" class="drop">Խումբ 1</a>
<div class="dropdown_1column">
<div class="col_1">
<ul>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
</ul>
</div></div></li>
<li><a href="#" class="drop">Խումբ 2</a><div class="dropdown_2columns">

<div class="col_1">
<h3>Գլխավոր 1</h3>
<ul>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
</ul>
</div>

<div class="col_1">
<h3>Գլխավոր 2</h3>
<ul>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
</ul>
</div>

<div class="col_1">
<h3>Գլխավոր 3</h3>
<ul>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
</ul>
</div>

<div class="col_1">
<h3>Գլխավոր 4</h3>
<ul>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
<li><a href="#">Պիտակ</a></li>
</ul>
</div></div></li></ul>

Պահպանում ենք գադջիթը և տեղադրում հորիզոնական դիրքով:
*Հարգելի օգտվողներ, եթե կցանկանաք փոփոխոխություններ անել մենյում, ապա սեղմեք այս հղման վրա՝ Menu.CSS: Բացելուց հետո պատճենք հայտնված կոդերը կատարեք ցանկալի փոփոխությունները և կոդը տեղադրեք </b:skin>  կոդի վերևում: 
Զգուշացում:Եթե կատարում եք վերջին քայլը, ապա նախօրոք ջնջեք առաջին քայլում կանաչ գույնով նշված կոդը:


Posted by Hayk on 09:26. Filed under . You can follow any responses to this entry through the RSS 2.0

50 коммент. for Հերթական գեղեցիկ մենյուն Blogger-ի համար

  1. Նեո
    27 сентября 2011 г. в 12:58

    Հայկ ջան,իսկ ինչպե՞ս է հնարավոր ավելացնել մենյուի բաժիններն ու փոփոխել անունները։

  2. Հայկ
    27 сентября 2011 г. в 14:30

    @Նեո ջան շատ հեշտությամբ.....պետք է ուղակի գադջիթը տեղադրել ճիշտ տեղում և գադջիթի մեջից ավելացնել ու պակասեցնել պիտակների քանակը...:e

  3. ԴԱՆԻԵԼ
    28 сентября 2011 г. в 05:35

    axper kases gone googlov inch man gam vor gtnem et tartvox menyun kases

  4. Հայկ
    28 сентября 2011 г. в 05:39

    @ԴԱՆԻԵԼ-google-ում չգիտեմ թե ինչպես կարող ես գտնել...կարող ես փորձել Ֆլեշ մենյու...ձևով...ես հիմա դրա մասին եմ գրում...պատրաստել եմ կարճ ու փոքր մի նյութ 30 կամ մի քիչ ավել րոպե հետո կտեղադրեմ...եթե հետաքրքրի կարող ես նայել,,,:a

  5. ԴԱՆԻԵԼ
    28 сентября 2011 г. в 05:39

    բա խի չես պատասխանում

  6. Հայկ
    28 сентября 2011 г. в 05:41

    :d պատասխանում եմ բոլոր հարցերին, որոնց կարողանում եմ.... :i

  8. Հայկ
    28 сентября 2011 г. в 05:44

    Բլոգում եմ տեղադրելու....կտեղադրեմ նաև Demo(փորձնական)տարբեակը...

  9. ԴԱՆԻԵԼ
    28 сентября 2011 г. в 05:46

    bayc erb shut klni et luyselnel vaxt chkar kdrelu de erkir@ erkir chi eli :o

  12. cxcx
    1 ноября 2011 г. в 15:10

    barev dzez arden 5 angam e inch porcum em gtnel body ev div id='outer-wrapper' bayc chem karoxanum gtnel aveli chisht chka,karox eq indz ognel eli ete djvar chi

  13. Hayk Grigoryan
    1 ноября 2011 г. в 15:16

    Բարև Ձեզ... Կախված բլոգի կաղապարից կարող են այդ կոդերը տարբեր լինել...ես ներկայացրել եմ ստանդարտ կաղապարի վրա...
    Փորձեք body կոդը փնտրել առանց չակերտի...99% կգտնվի...ու 2 հատ կգտնվի... մեկկի մեջ բացի չակերտից կլինի նաև / նշան, իսկ մյուսը հենց մեր ուզածը կլինի...:c հա մի բան էլ...Body կոդը կարող է նաև այլ կոդի մեջ դրված լինի և նրա բաղկացուցիչ մաս կազմել...

  14. cxcx
    1 ноября 2011 г. в 15:24

    gtel em 7 hat body bolorov porcel em chi linum karox eq nkarel ayn body-n vor@ vor petqe oktagorcem

  15. Hayk Grigoryan
    1 ноября 2011 г. в 15:32

    Խնդրեմ նկարի տեսքով՝http://3.bp.blogspot.com/-RawOEkNLwR4/TrBzDpwVtjI/AAAAAAAABg0/lA08ZIAYDko/s1600/Blogger++Mrblogger+%25D5%25AB+%25D6%2583%25D5%25B8%25D6%2580%25D5%25B1%25D5%25B6%25D5%25A1%25D5%25AF%25D5%25A1%25D5%25B6+%25D5%25A7%25D5%25BB+%25E2%2580%2593+%25D0%25A8%25D0%25B0%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25BD.png

  16. Karginblogger
    1 ноября 2011 г. в 15:55

    This comment has been removed by the author.

  17. Hayk Grigoryan
    1 ноября 2011 г. в 15:58

    Ճիշտն ասած լավ չհասկացա հարցը: Նկատի ունեք այն, թե ինչպես պիատկի տակ տեղադրել URL հասցեն??

  19. cxcx
    1 ноября 2011 г. в 16:22

    bayc yarlikner@ anum em chi linum?

  20. Hayk Grigoryan
    2 ноября 2011 г. в 05:28

    Որեմն մի բան սխալ ես անում

  21. cxcx
    3 ноября 2011 г. в 05:42

    lav shat ognecinq indz shnorakalutyun

  22. Hayk Grigoryan
    3 ноября 2011 г. в 05:48

    Խնդրեմ...միշտ պատրաստ եմ օգնել...

  23. Անդրանիկ Մարտիրոսյան
    2 декабря 2011 г. в 09:41

    HAYK JAN BAREV AXPERS MI HAT KOD KTAS AXPERS VOR KAROXANAK FEYSBUQOV IND GTNEN

  24. Hayk Grigoryan
    2 декабря 2011 г. в 11:08

    Այսինքն, ոնց կարողանան Ֆեյսբուքով քեզ գտնեն?

  25. ERIK
    13 января 2012 г. в 08:51

    Հայկ ջան կլինի քեզ մի բան խնդրեմ էս հայտարարության պահով???

  26. ERIK
    13 января 2012 г. в 11:48

    Hayk jan es menyui pahov mihat harca arajacel karoxes ognel?

  27. Hayk Grigoryan
    14 января 2012 г. в 02:08

    Ի՞նչ խնդիր է Էրիկ ջան?

  28. ERIK
    14 января 2012 г. в 07:53

    yes menyun gcelem der miayn 2 xumbem bacel voric arajini vernagir@ "Hetaqrqir",bayc da xndir@ che vor mknik@ pahumem "Hetaqrqir" xmbi vra hxumner@ tak@ chi berum, karoxes mi banov ognel? Karoxes mtnel nayel juninho-ulisses.blogspot.com

  29. Hayk Grigoryan
    15 января 2012 г. в 02:28

    Էրիկ ջան փորձի գադջիթը իջացնել ներքև իմ աստիճանով...կամ մի աստիճանով դիր վերև...

  30. ERIK
    15 января 2012 г. в 06:18

    Hayk jan porceci chexav klni mail-it login parols asem mtnes dzes?

  31. Hayk Grigoryan
    16 января 2012 г. в 01:19

    Էրիկ ջան շատ զբաղված եմ, նույնիսկ ժամանակ չունեմ նյութեր գրելու

  32. Ar
    20 января 2012 г. в 14:23

    Շատ շնորհակալ եմ նյութի համար: Իրոք օգնեց: Բայց մի ուրիշ խնդիր է առաջացել կապված մենյուի հետ, կարող՞ եք օգնել:

  33. Հայկ Գրիգորյան
    21 января 2012 г. в 03:02

    Ասեք, կփորձեմ օգնել...Շնորհակալություն բլոգից օգտվելու համար:

  34. Ar
    21 января 2012 г. в 04:22

    Մենյուն տեղադրել եմ Header-ից վերև, բայց երբ իջացնում եմ Header-ից ներքև, իր տեսքը կորցնում է:

  37. Հայկ Գրիգորյան
    26 января 2012 г. в 07:23

    Սանվել ջան ասա, եթե կարողանամ կօգնեմ...

  38. Սամվել Չախալյանի Անձնական Բլոգը
    28 января 2012 г. в 20:44

    Hayk jan anum em ctrl-f bacuma bayc inch poisk talis em chi berum bayc axpors kompov beruma

  39. Հայկ Գրիգորյան
    29 января 2012 г. в 05:28

    Սամվել ջան, ուրեմն բրաուզերի հետ կապված խնդիրներ կան...

  41. Erik
    31 января 2012 г. в 02:35

    barev hayk jan mihat karas manramasn ases xosqi piaki tex@ inch dnem #i tex@ inch dnem vor bacvox menyu lini?

  42. Հայկ Գրիգորյան
    31 января 2012 г. в 02:50

    Erik-Պիտակի տեղը պետք է տեղադրես համապատասխան պիտակի URL հասցեն, #-ը ուղղակի դրված է, որը հենց պետք է փոխարինես URL-ով

  44. ERIK
    31 января 2012 г. в 08:15

    xosqi qo hetaqrqir xmbi vra inch url hascea

  45. Erik
    2 февраля 2012 г. в 09:16

    hayk jan vonc karam qo blogi pes blog bacem bayc vor .ru kam .net ov verjana?

  46. Erik
    2 февраля 2012 г. в 10:06

    hayk jan mihat mti fculisses.blogspot.com u mknik@ pahi im menyui orinak hetaqrqiri vra u tes taki baner@ kisata berum, karas mi banov ognes vor sax cuyc ta

  47. Հայկ Գրիգորյան
    3 февраля 2012 г. в 01:54

    Էրիկ ջան իմ մոտ նույն բանը եղել ա, ու գադջիթը մի փոքր ներքև տանելուց հետո ամեն ինչ նորմալ ա եղել....

  48. Anonymous
    3 февраля 2012 г. в 05:30

    axper aysinqn.chhaskaca karas miqich aveli manramasn ases vonc ijecnem nerqev

  49. Հայկ Գրիգորյան
    4 февраля 2012 г. в 01:41

    Այսինքն բռնում էս գադջիթը, որի մեջ տեղադրված են կոդերը ու մի քայլ իջացնում ես ներքև: Дизайн բաժնում են գադջիթները

  50. Anonymous
    4 февраля 2012 г. в 03:32

    bayc vor ijecnumem eli vereva helnum

   

Leave comment

Recent Entries

Recent Comments

Photo Gallery
Copyright © 2012-2013.Այլ կայքերում կամ թերթերում մեջբերում անելիս հղումը MrBlogger-ին պարտադիր Է: Բոլոր իրավունքները պատկանում են Հայկ Գրիգորյանին: