Гоёмсог цэсний эффект

Нийтлэгч Admin | Огноо: 2009-08-18, 20:21 | Төрөл: Хичээл |

Сэтгэгдэл (11)

Хэд хэдэн хүний хүсэлтээр www.sodon.tk, www.xacax.mn зэрэг сайтууд дээр байдаг цэсийг хийх талаар орууллаа.
Надад лав шаал балай эффект. Гэхдээ яахав сонирхосон хүн нь хэрэглээд үзэхгүй юу.

Энэ хичээлээр та UCOZ дээрх Global Block-ын талаар бага ч болов ойлголт авна гэж найдаж байна.

UCOZ- сайтад оруулахдаа

1.Эхлээд сайтынхаа CONTROL PANEL руу ор. Тэгээд Main page дотроосоо Customize design-руу ор.

2. Орсоныхоо дараа хуудсын дээгүүр хавиар байгаа Global Blocks гэсэн холбоосыг олж дар. (Зурагт зааж өгсөн байгаа)

Гарч ирсэн хуудас бол Global blocks байдаг ба энэ кодыг олон дахин бичихээс хөнгөвчлөж өгдөг маш хэрэгтэй эд. UCOZ цаанаасаа сайтын толгой хэсэг бол доод хэсгийн блокыг автоматаараар үүсгэсэн байдаг бол хоёр талын багананы блокыг сонгосон загвараас шалтгааж нэг эсвэл хоёр болгон үүсдэг.

3. Гарч ирсэн хуудаснаас New block гэсэн товчийг хайж олоод дар.

Name of the block: гэдгийн ард өөрийн үүсгэх гэж байгаа блокын нэрээ бич. Би menu гэж бичлээ. Бичиж дуусчаад ADD гэсэн товчийг дараад нэмчих.

4. Нэмсний дараа таны бичсэн блок жагсаалтанд орсон байх ба түүн дээр нэг дар. Дарангуут код бичих хуудас гарч ирэх ба доорх кодыг хуулаад тавь.

<script type="text/javascript" src="http://micro.ucoz.org/hicheel/MenuEffect/interface.js"></script>
<div class="dock" id="dock">
 <div class="dock-container">
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/home.png" alt="home" /><span>Нүүр</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/email.png" alt="contact" /><span>Холбоо барих</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/portfolio.png" alt="portfolio" /><span>Бүтээл</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/music.png" alt="music" /><span>Дуу</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/video.png" alt="video" /><span>Бичлэг</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/history.png" alt="history" /><span>Түүх</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/calendar.png" alt="calendar" /><span>Календар</span></a> 
 <a class="dock-item" href="#"><img src="http://micro.ucoz.org/hicheel/MenuEffect/images/rss.png" alt="rss" /><span>RSS</span></a> 
</div>
</div>
<script type="text/javascript">
 $(document).ready(
 function()
 {
 $('#dock').Fisheye(
 {
 maxWidth: 50,
 items: 'a',
 itemsText: 'span',
 container: '.dock-container',
 itemWidth: 40,
 proximity: 90,
 halign : 'center'
 }
 )
 }
 );
</script>

5. Хуулж тавьсан бол Save гээд хадгал. Дараа Customize design > Style sheet (CSS) op.

Орсныхоо дараа хамгийн доор нь доорх кодыг хуулаад тавчих.

.dock {
 position: relative; 
 height: 50px; 
 text-align: center;
}
.dock-container {
 position: absolute;
 height: 50px;
 background: url(http://micro.ucoz.org/hicheel/MenuEffect/images/dock-bg2.gif);
 padding-left: 20px;
}
a.dock-item {
 display: block;
 width: 40px;
 color: #000;
 position: absolute;
 top: 0px;
 text-align: center;
 text-decoration: none;
 font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
 border: none; 
 margin: 5px 10px 0px; 
 width: 100%; 
}
.dock-item span {
 display: none; 
 padding-left: 20px;
}

6.Хуулаад тавьцан бол Save дар. Тэгээд л ерөнхийдөө бол болцон гэсэн үг. Одоо цэсээ байрлуулах газраа олоод гүйцээ.

Байрлуулахдаа:
Таны үүсгэсэн Global block-ын товчилсон код сайтын кодын жагсаалтанд байх ба түүнийг хуулж аваад өөрийн хүссэн газраа тавь.

Би menu гэж нэрлэсэн учир $GLOBAL_MENU$ гэж үүссэн ба үүнийг Customize design > Site page доторх кодын $CONTENTS$ гэсний ард <br>$GLOBAL_MENU$ гэж бичээд Save дар.

МИНИЙ ХИЙСНИЙГ ҮЗЭХ

Энэ удаагийн хичээл ойлгомжгүй байж магад. Дараа дараагийн хичээлээс илүү ойлгомжтойгоор оруулж байх болноо. Асуух зүйл байвал сэтгэгдэл үлдээгээрэй

Нийт 11 сэтгэгдэл байна.

Огноо: 2009-08-18 22:59 Мягмар (1)

hi admina sodon.tk iin deed zurgiin door baigag yaj hiihu nuur huudas undsen site gesniig ternii tuhai hicheel oruulaarai pls

хариулах

Огноо: 2009-08-18 23:21 Мягмар (2)

yaj darangut garah hayagiig ni solix ve?? zaaagad ug plz

хариулах

sergelen_exp

Огноо: 2009-08-19 14:00 Лхавга (3)

huduu ntr eese irsen bol medee ntr ee sain tavildaa tanai adminuud chin unendee mu medee nemeh ymaa ymarch sonirholgui

хариулах

dashka

Огноо: 2009-08-22 20:26 Бямба (4)

sain uu? Admin
Bi uilchilgee.ucoz.com geed hayag neesen yum. dotorhiin yaaj bayajuulah herhen saijruulahaa uneheer medeh yum alga. gehdee hurdan l ene saitaa belen bolgohiig husej bna. nadad hamgiin gol ni ene taliin medegdehuun baidaggui. nadad tuslaach. achiig chin martahgui shu. hamtaraya