Հորիզոնական մենյու Blogger-ի համար
Այսօր կխոսեմ ևս մեկ հետաքրքիր հավելման մասին, որը համոզված եմ կգեղեցկացնի յուրաքանչյուր բլոգ: Ավելի վաղ արդեն բլոգում տեղադրել եմ նյութեր կապված հորիզոնական բացվող մենյուի հետ: Այսօր կխոսեմ՝ հավանաբար այդ մենյուներից ամենագեղեցիկի մասին:
Եվ այսպես, չչարաշահեմ ձեր համբերությունը և ժամանակ խնայելով անցնեմ բուն գործին:
Ինչպես միշտ, նախքան որևէ փոփոխություն անելը կրկնօրինակում ենք բլոգը: Եթե չգիտեք, թե ինչպես դա անել, ապա կարող եք օգտվել այս նյութից:
Գտնում ենք վերևում նշված ]]></b:skin> կոդը և նրաից վերև տեղադրում ենք ներքևում տեղադրված կոդը:
Այս քայլը կատարելուց հետո անցնում ենք հաջորդ քայլին:Եվ այսպես, չչարաշահեմ ձեր համբերությունը և ժամանակ խնայելով անցնեմ բուն գործին:
Ինչպես միշտ, նախքան որևէ փոփոխություն անելը կրկնօրինակում ենք բլոգը: Եթե չգիտեք, թե ինչպես դա անել, ապա կարող եք օգտվել այս նյութից:
Քայլ 1-Ավելացնում ենք Css կոդը: Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):
Գտնում ենք վերևում նշված ]]></b:skin> կոդը և նրաից վերև տեղադրում ենք ներքևում տեղադրված կոդը:
#catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38HHFE33bcNCHj19N-sZxcOOcM2uSt5Ra5ngvO0W9eYoZFK0-TzRyZeYd_nMKdjRpORHEVr4izaNWMqEy29qMfjo2deBze_vXxQmqNNL5dDoNataIcPUpOrIsNrJxAu5JBkgs3RAN67A6/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38HHFE33bcNCHj19N-sZxcOOcM2uSt5Ra5ngvO0W9eYoZFK0-TzRyZeYd_nMKdjRpORHEVr4izaNWMqEy29qMfjo2deBze_vXxQmqNNL5dDoNataIcPUpOrIsNrJxAu5JBkgs3RAN67A6/) repeat-x;
height:33px;
}
#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}
#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAvENldvK9Qu4D-NyJYb3zN3yYHz2F3FmfQ7gHhrribSubwu10leSWhMxDGu2eb-AGu9k2P5k25btyT-Q7WYk5pTNuRYMwHlQFBzJzMJvrHKsNuoCu4UPyfzDll2xCfrq0FBQc0DNwJtu/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAvENldvK9Qu4D-NyJYb3zN3yYHz2F3FmfQ7gHhrribSubwu10leSWhMxDGu2eb-AGu9k2P5k25btyT-Q7WYk5pTNuRYMwHlQFBzJzMJvrHKsNuoCu4UPyfzDll2xCfrq0FBQc0DNwJtu/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}
#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#catmenu li li {
}
#catmenu li ul a {
width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active {
}
#catmenu li ul ul {
margin: -34px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}
#catmenu li:hover, #catmenu li.sfhover {
position: static;
}
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38HHFE33bcNCHj19N-sZxcOOcM2uSt5Ra5ngvO0W9eYoZFK0-TzRyZeYd_nMKdjRpORHEVr4izaNWMqEy29qMfjo2deBze_vXxQmqNNL5dDoNataIcPUpOrIsNrJxAu5JBkgs3RAN67A6/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38HHFE33bcNCHj19N-sZxcOOcM2uSt5Ra5ngvO0W9eYoZFK0-TzRyZeYd_nMKdjRpORHEVr4izaNWMqEy29qMfjo2deBze_vXxQmqNNL5dDoNataIcPUpOrIsNrJxAu5JBkgs3RAN67A6/) repeat-x;
height:33px;
}
#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}
#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAvENldvK9Qu4D-NyJYb3zN3yYHz2F3FmfQ7gHhrribSubwu10leSWhMxDGu2eb-AGu9k2P5k25btyT-Q7WYk5pTNuRYMwHlQFBzJzMJvrHKsNuoCu4UPyfzDll2xCfrq0FBQc0DNwJtu/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRAvENldvK9Qu4D-NyJYb3zN3yYHz2F3FmfQ7gHhrribSubwu10leSWhMxDGu2eb-AGu9k2P5k25btyT-Q7WYk5pTNuRYMwHlQFBzJzMJvrHKsNuoCu4UPyfzDll2xCfrq0FBQc0DNwJtu/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}
#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#catmenu li li {
}
#catmenu li ul a {
width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active {
}
#catmenu li ul ul {
margin: -34px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}
#catmenu li:hover, #catmenu li.sfhover {
position: static;
}
Քայլ 2-այս քայլում անհրաժեշտ է տեղադրել HTML կոդը համապատասխան վայրում:
Գտնում ենք վերևում նշված կոդը և նրանից անմիջապես հետո ավելացնում ենք ներքևում նշված կոդը:<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div id='catmenucontainer'>
<div id='catmenu'>
<ul>
<li><a href='http://www.mrblogger.ru/'>Գլխավոր</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-3</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-3-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-3-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-3-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-4</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-5</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-5-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-5-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-5-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-5-4</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-6</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-6-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-6-2</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-7</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Պիտակ-8</a></li>
</ul>
</div>
</div>
<div class='clear'/>
Եթե ցանկանում եք, որպեսզի Ձեր բլոգում մենյուն լինի այնպես, ինչպես ցուցադրված է օրինակում, ապա Ձեր բլոգում գտեք ներքում նշված կոդը և 2-րդ քայլում տեղադրված կոդը տեղադրեք ներքևում գրված կոդից անմիջապես հետո:
<b:includable id='description'><div class='descriptionwrapper'><p class='description'><span><data:description/></span></p></div></b:includable><b:includable id='main'>
Posted by Hayk
on 07:47.
Filed under
bayc porcnakan ejum chi ashxatum gruma Страница не найдена
К сожалению, страница, которую вы искали в этом блоге ( Parz Blog ), не существует.
Հիմա արդեն լինում է,կարող ես նայել...:h
Css կոդը որտեղից պետքե տեղադրենք?
Css -կոդը տեղադրելու համար բլոգում գտնում եք ]]>-ը որի վերևում տեղադրում եք հենց առաջին երկար կոդը....
ՍԱ ՔԱՅԼ ԱՌԱՋԻՆՆ է...
հետո գտնում եք հաջորդ կոդը՝ HTML -կոդի մասին է խոսքը...ապա հեղադրում եք պիտակներով կոդը...
ՔԱՅԼ 2-ՐԴ
կարծում եմ պարզ է գրված է ամեն ինչ...
AXper vor graca Գտնում ենք վերևում նշված կոդը և նրանից անմիջապես հետո ավելացնում ենք ներքևում նշված կոդը: eet kod@ vortex texadrenq hamapatasxan vayr@ vorna ???????
վերևի կոդը հենց գտնում եք դրանից անմիջապես հետո եք ավելացնում մյուս կոդը,,,,իսկ եթե անմիջապես հետո չի լինում, ուրեմն մի փոքր իջնում եք այդ կոդից ներքև ու ազատ տեղում ավելացնում եք,,,
AXPERS ARECI BAYC 4EXAV IN4 ANEM?
:i Ի՞նչ ա ասում, որ չի լինում?? ինչ որ բան սխալ ես անում
axpers kases vonc karam blogi menyun vor bacvum e pahum es pitaki vra koxqic mi hat el e bacvum???
@Արթուր Սահակյան -պետք ա, հիմնական կոդի նման կոդ գրես այն մասում, որտեղից որ ուզում ես բացվի նոր բաժինը...
Հիմնական կոդի օրինակ է ՝ http://2.bp.blogspot.com/-B2l5WLwPbyg/TuShy0jP5MI/AAAAAAAAB9w/t1BapuDKvrE/s1600/%25D5%2580%25D5%25B8%25D6%2580%25D5%25AB%25D5%25A6%25D5%25B8%25D5%25B6%25D5%25A1%25D5%25AF%25D5%25A1%25D5%25B6+%25D5%25B4%25D5%25A5%25D5%25B6%25D5%25B5%25D5%25B8%25D6%2582+Blogger+%25D5%25AB+%25D5%25B0%25D5%25A1%25D5%25B4%25D5%25A1%25D6%2580+++Www.Mrblogger.Ru.png
axper jan chi linum... urish dzev karas bacatres???
@Արթուր Սահակյան-http://1.bp.blogspot.com/-l_tihaplgig/TuT71f59NTI/AAAAAAAAB-o/0hTNpwTd_S8/s1600/2011-12-11_2249.png
նկարը նայի ուշադիր...էս մի իմ բլոգի մենյուի օրինակնա
axper vonc sargac ejum mi qani hodvac dnem... menak mekn a linum
Էջերի վրա հոդվածներ չես կարա դնես...մենակ մեկ հոդված....Պետք է պիտակներ սարգես...
ՏԵս քո բլոգի Կայքեր բաժնում Blogger.com-ում մի քանի հոդված ես դու դրել, ես ոնց անեմ, որ ես էլ մի քանի հատ դնեմ
Պետք է պիտակներ պատրաստես...հետո էտ պիտակների հղումները վերձնես ու տեղադրես մենյուի մեջ ու վերջ....:d
HAaaa.... bayc vonc sargem?
BA DRA VEDION CHKA CES KARA ANES
Չէ վիդեո չկա....չեմ պատրաստել..բայց նյութում մանրամասն գրված է, ու վիդեոյի կարիք չկա
axper skaypt karas tas es zangem kez du ases vonc anem menak shatem xndrum chmerjes
Գեորգի ջան....շատ զբաղված եմ ու Սկայպի ժամանակ չունեմ....
lav de axperessssss
axper mi ban harcnem eli kases
Հարցրա...
enger vonces anum vor ko blogi verev graca texekuit vren pahumes ko masina asum..kases deve
asa
HTML կոդ պետքա տեղադրվի....մի քիչ երկար պատմություն ա..ժամանակ լինի կգրեմ էտ մասին
lav .ba du odnoklassnikum kas uzumem mi kanii harc tam esenc chem uzum erkara trvum anunet asa odnoklassniki
http://odnoklassniki.ru/#/mrblogger.ru
AXPER ANUNES GRACA GEORGI VARDANYAN 'S DRUZEN ENDUNI ES VOR TAKE KA GRACA TEXADREK DER GOVAZDE AYSTEX ETI MIAT ODNOIOV KASES CAVET TANEM
axpers vonc karam et menyuyi entamenyuyi me4 miat el avelacnem
Բարև Հայկ Ջան ուզում եմ իմանալ թե ինչպես կարամ ետ պիտակների մեջ նյութ տեղադրեմ: