HTML Хэлнийхаа ба нэг хичээлийг оруулж байна. Энэ удаадаа вэбийн арийн зураг болон текстийн өнгө болон бусад хичээлүүдийг оруулж байна.
Хуудасны ард зураг оруулах утгууд
background-color: #Өнгийн код; энэ нь арын өнгийг харуулна. Жишээ нь
background-color: #FFFFFF; гэдэг нь цагаан өнгө
background-color: #000000; гэдэг нь хар өнгө эсвэл
background-color: white; гэж бас болно цагаан
background-color: black; хар
background-repeat : энэ нь арын зураг давтаж харуулахыг заана жишээ нь
background-repeat : repeat; гэвэл олон давтагдана харин
background-repeat : repeat-x; гэж өгвөл тухайн зураг зөвхөн хажуу тийшээ буюу Х тэнхлэт давтагдана харин
background-repeat : repeat-y; гэвээс дээрээсээ доошоо буюу Y тэнхлэгт давтагдана
background-repeat : no-repeat; гэвэл давтагдахгүй болно.
background-attachment: Энэ утга нь арын зургийг дагаж гүйх утгийг тодорхойлно жишээ нь :
background-attachment: fixed; гэж өгвөл арын зураг дагахгүй
background-attachment: scroll; гэж өгвөл арын зураг нь дагаж гүйх болно.
background-position :Энэ утга нь арын зургийн байрлалыг зааж өгнө жишээ нь:
background-position : left top; гэж өгвөл зүүн дээд болно
left - зүүн
top - дээд
right - баруун
bottom - доод
center - Төв
background-image: url("Зургийн зам"); Энд мэдээж зургийнхаа хаягыг зааж өгнө
Хэрвээ HTML мэдэхгүй бол
Загвар гэж ороод Хуудасны бүтцийг засах гэсэн хэсэгт
шинээр вижэт үүсгээд дараах кодыг хийхэд бас болно.
<style type="text/css">
body {
background-image: url("зурагны байрлал"); /*зургийн URL*/
background-attachment: fixed; /*арын зураг дагаж гүйхгүй*/
background-repeat: no-repeat; /*зураг давтагдахгүй*/
background-position: center center; /*байрлал нь төв төв*/
background-color: #ffffff; /*цагаан өнгөтэй*/
</style>
Дээшээ урсдаг баннер
<marquee behavior='scroll' align='center' valign='bottom' direction='up' width='180' height='280' scrollamount='1' scrolldelay='1' onmouseover='this.stop()' onmouseout='this.start()'>
<div align='center'>
<table cellpadding='4' cellspacing='0' width='100%'>
<tr><td><p align='center'>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
</p></td></tr></table></div></marquee>
width гэдэг нь өргөнийг нь заах болхоор блогийнхоо өргөнд тааруулна.
нэж зүйл нэмж хэлхэд баннер бүрийн хооронд <br/> <br/> гэж хийж байгаарай
тус код нь нилээн хэдэн блог дээр байгаач ихэнх нь алдаатай улмаас
IE дээр блог нь нээгдэхгүй байгаа.
Энэ код ямар ч асуудалгүй гсн хэхэ
Хуудасны тоо харуулах хэсэг
Зарим улсуудын блог үнхээр гоё загвартай юмаа би ч тэд нарын хажууд юу ч мэдэхгүй нэгэн
Харин энэ хуудасны тоог харуулах хэсэг нь нэг л бишээ тэгээд дээд зураг шиг болгомоор байна уу?
Тэгүүл дараах кодыг хэрэглээрэй page-nav гэсэн class-тай юм байна
Энэ код нь Банжиг блогийн загвар учраас блогтоо хийхдээ блогийнхаа загварт
тааруулж янзалаарай би чадах ядхаараа заах болно.
Заана гэж дээ өнгийн нь л солих байх хэхэ тэхдээл болно шдээ тэ?
color - Өнгө
padding - Дотор талаасаа авах зай
font-size - Үсгийн хэмжээ
border - Хүрээ
background-color: #Өнгийн код; энэ нь арын өнгийг харуулна. Жишээ нь
background-color: #FFFFFF; гэдэг нь цагаан өнгө
background-color: #000000; гэдэг нь хар өнгө эсвэл
background-color: white; гэж бас болно цагаан
background-color: black; хар
background-repeat : энэ нь арын зураг давтаж харуулахыг заана жишээ нь
background-repeat : repeat; гэвэл олон давтагдана харин
background-repeat : repeat-x; гэж өгвөл тухайн зураг зөвхөн хажуу тийшээ буюу Х тэнхлэт давтагдана харин
background-repeat : repeat-y; гэвээс дээрээсээ доошоо буюу Y тэнхлэгт давтагдана
background-repeat : no-repeat; гэвэл давтагдахгүй болно.
background-attachment: Энэ утга нь арын зургийг дагаж гүйх утгийг тодорхойлно жишээ нь :
background-attachment: fixed; гэж өгвөл арын зураг дагахгүй
background-attachment: scroll; гэж өгвөл арын зураг нь дагаж гүйх болно.
background-position :Энэ утга нь арын зургийн байрлалыг зааж өгнө жишээ нь:
background-position : left top; гэж өгвөл зүүн дээд болно
left - зүүн
top - дээд
right - баруун
bottom - доод
center - Төв
background-image: url("Зургийн зам"); Энд мэдээж зургийнхаа хаягыг зааж өгнө
Хэрвээ HTML мэдэхгүй бол
Загвар гэж ороод Хуудасны бүтцийг засах гэсэн хэсэгт
шинээр вижэт үүсгээд дараах кодыг хийхэд бас болно.
<style type="text/css">
body {
background-image: url("зурагны байрлал"); /*зургийн URL*/
background-attachment: fixed; /*арын зураг дагаж гүйхгүй*/
background-repeat: no-repeat; /*зураг давтагдахгүй*/
background-position: center center; /*байрлал нь төв төв*/
background-color: #ffffff; /*цагаан өнгөтэй*/
</style>
Дээшээ урсдаг баннер
<marquee behavior='scroll' align='center' valign='bottom' direction='up' width='180' height='280' scrollamount='1' scrolldelay='1' onmouseover='this.stop()' onmouseout='this.start()'>
<div align='center'>
<table cellpadding='4' cellspacing='0' width='100%'>
<tr><td><p align='center'>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
<br/>
<br/>
<a href="#" target="_blank" title="text">
<img src="/Зургийн URL буюу хаяг" width="160">
</img>
</a>
</p></td></tr></table></div></marquee>
width гэдэг нь өргөнийг нь заах болхоор блогийнхоо өргөнд тааруулна.
нэж зүйл нэмж хэлхэд баннер бүрийн хооронд <br/> <br/> гэж хийж байгаарай
тус код нь нилээн хэдэн блог дээр байгаач ихэнх нь алдаатай улмаас
IE дээр блог нь нээгдэхгүй байгаа.
Энэ код ямар ч асуудалгүй гсн хэхэ
Хуудасны тоо харуулах хэсэг
Зарим улсуудын блог үнхээр гоё загвартай юмаа би ч тэд нарын хажууд юу ч мэдэхгүй нэгэн
Харин энэ хуудасны тоог харуулах хэсэг нь нэг л бишээ тэгээд дээд зураг шиг болгомоор байна уу?
Тэгүүл дараах кодыг хэрэглээрэй page-nav гэсэн class-тай юм байна
Энэ код нь Банжиг блогийн загвар учраас блогтоо хийхдээ блогийнхаа загварт
тааруулж янзалаарай би чадах ядхаараа заах болно.
Заана гэж дээ өнгийн нь л солих байх хэхэ тэхдээл болно шдээ тэ?
color - Өнгө
padding - Дотор талаасаа авах зай
font-size - Үсгийн хэмжээ
border - Хүрээ
.page-nav {
}
color : #333;
display : inline;
padding : 10px 0;
font-size : 12px;
.page-nav a {
}
color : navy;
padding : 1px 5px;
border : 1px solid #ccc;
font-size : 11px;
.page-nav a:hover {
}
background-color : #b3deef;
.gray-cap {
color : #bfbfbf;
font-size : 11px;
}
Тэкст хэлбэржүүлэх
<font size="">Тэкст</font> - Тэкстийн хэмжээ өөрчилөх<font color="">Тэкст</font> - Тэкстийн өнгө өөрчилөх
<font face="">Тэкст</font> - Тэкстийн шрифт өөрчилөх
"Энэ хооронд утгаа оруулна"
<strong>Тэкст</strong> - Үсгийн хэлбэрийг бүдүүн болгоно
<em>Тэкст</em> - Үсгийн хэлбэрийг ташуу болгоно
<U>Тэкст</U> - Үсгийн хэлбэрийг доогуур зураастай болгоно
Доошоо урсдаг баннер
Баннеруудаа доош нь урсаад байдаг болгомоор байна уу? Тэгвэл...
<marquee onmouseout="this.start()" direction="down" align="left" loop="true" onmouseover="this.stop()" behavior="scroll" scrollamount="2" scrolldelay="1" height="220" valign="bottom" width="210">
<div align="center"><table cellpadding="0" cellspacing="0" width="0%" height="378"><tbody><tr>
<td height="220"><p align="left">
<a href="http://mongolduu.bblog.mn" target="_blank"> <img src="http://blog.banjig.net/files/user_uploads/235448/mglduu.bblog.mn_532851d5.gif" width="160"/> </a>
<br/><br/>
<a href="#" target="_blank" title="Тэкст"><img src="/" width="160"/></a>
<br/><br/>
<a href="#" target="_blank" title="Тэкст" ><img src="/" width="150"/></a><br/>
</p></td></tr></tbody></table></div></marquee>
Блогийнхоо толгойд баннер оруулах
Энэ удаагынхаа бичлэгээр блогийнхоо толгойд баннер оруулж сурцгаая!
Баннераа оруулхын тулд өөрийн блог руугаа нэвтэрч ороод
Загвар->
Загварын HTML засах гэсэн командыг сонгонгуут таны блогын загвар текст байдлаар харагдана.
Алхам бүрийг анхааралтай дагаад хийвэл хэцүү зүйл огт гарахгүй гэж найдаж байна.
HTML код дотроос хэрэгтэй зүйлээ олоход олон удаа хайх хэрэг гарах бөгөөд үүнийг
Firefox ийн өөрийнх нь хайлтаар хийгээрэй.
Ctrl+F товчыг дарснаар Firefox-ын чинь доод хэсэгт хайлтын талбар нээгдэнэ.
Түүн дээр хайх зүйлээ бичингүүт шууд автоматаар хайсан зүйл дээр чинь очно.
ингээд дараах хэгийг хайж олоорой
<div id="header-wrapper">
<bb:section class="header" id="header" maxwidgets="1" showaddelement="no">
########################
</bb:section>
</div>
Дээрх ########## бол зүгээр жишээ бөгөөд энд сүүлд нь үүний оронд блогтоо тавих
баннерын код хуулж тавих юм гэдгийг тэмдэглэж байна.
Баннерынхаа кодыг оруулсаны дараа ийм болж харагдана.
<div id="header-wrapper">
<bb:section class="header" id="header" maxwidgets="1" showaddelement="no">
<a href="/Энг блог болон сайтын хаяг" target="_blank"
title="Зурган дээр хулгана очход харагдах хэсэг тэкст">
<img src="/Зургийн зам болон нэрийг зааж өгнө"/>
</a></bb:section>
</div>
одоо оруулсан баннераа байрлах газрын зааж өгнө ингэхдээ <div> тааг ашиглаж байрлах газрын заая
<div style="padding-top: $px; padding-left: $px;">Энд баннерын код байна</div>
Дээрх $-н оронд урд болон дээд талаас авах зайгаа бичиж өгнө. ингэсний дараа код нь:
<div id="header-wrapper">
<bb:section class="header" id="header" maxwidgets="1" showaddelement="no">
<div style="padding-top: $px; padding-left: $px;">
<a href="/Энг блог болон сайтын хаяг" target="_blank"
title="Зурган дээр хулгана очход харагдах хэсэг тэкст">
<img src="/Зургийн зам болон нэрийг зааж өгнө"/>
</a>
</div>
</bb:section>
</div>
Дээрх байдалаар харагдана за амжилт шүү
target="_blank" гэж өгдөг нь шинэ самбарт нээгдахийг зааж байгаа юм.
Зургийг томоор үзхийг хүсүүл доорх зурган дээр дарж харна
Бичлэгийн дээд талд нь баннер сурталчилгаа байрлуулах
Бичлэгийн хэсгийн дээр нь бичлэг хэсгийн загвартай адил загвартайгаар
баннер сурталчилгаа гэх мэт нэмэлт вижэт оруулмаар байна уу?
Тэгүүл дараах хэсгийг хайж олоорой
<div id="main-wrapper">
<bb:section class="main" id="main" showaddelement="no">
<bb:widget id="Blog1" locked="false" title="Блогийн бичлэг" type="Blog"></bb:widget></bb:section>
</div>
Энэ хэсэг нь загварын HTML Кодын доогуур хэсэгт байгаа.
Одоо Блогийн бичлэгийнхээ дээд талд нь баннер сурталчилгаагаа
байрлуулах кодоо шинээр нэмж өгнө. Код нь
<div class="post">
<div class="post-title" style="color: #ffffff;">Энд гарчиг нь байна</div>
<div class="post-body" align="center">
*********************************************
</div>
</div>
дээрх ********************* оронд баннераа оруулж өгнө
color: #ffffff; гэдэг нь гарчигын өнгө align="center" гэдэг нь голлож харагдуулна
дээрх кодоо хуулахдаа
<div id="main-wrapper">
<bb:section class="main" id="main" showaddelement="no">
#############################
<bb:widget id="Blog1" locked="false" title="Блогийн бичлэг" type="Blog"></bb:widget></bb:section>
</div>
########### хэсгийн оронд нэмж оруулна.
Бүх юмаа хийж дууссаны дараа код нь дараах зурган дээр байгаа шиг харагдана томруулж харах бол зурган дээр дарж хараарай
Адд бар дээрх icon-г халъя!
Блогоо гангалах дуртай залуустаа блогоо гангалах нэг юм байна.
Адд бар дээрээ байгаа Icon-ийг солихыг зөвлөж байна.
Дараах кодыг шинэ вижэт үүсгэж хийгээд үздээ тэхдээ зургийх нь оронд өөрийн блогтоо таарах Icon оруулж өгнө. би өмнө нь өөр блог дээр нийтэлж байсан юм.
КОД НЬ:
<link rel="icon" href="/ Энд зургийн зам болон нэрийг зааж өгнө"/>
шинэ вижет үүсгээд аль эсвэл блогынхоо <head> таг дотор хийгээрэй...
Зургандаа Линк холбох, Тайлбар бичих, Ба зурагаа байрлуулах
Зарим хэрэглэгчидийн интернэтэд холбогдох хурд нь нэлээн удаан байдгаас зурагийг татаж авахад зурагийн том жижигээс хамаарч нэлээд их хугацаа шаардагддаг. Ингэж хэрэглэгчийг хvлээх vед гарч ирээгүй байгаа зурагний агуулгыг илэрхийлж тvрvvлэн гарж ирж байдаг товчхон тайлбар хаягийг "alt" коммандаар зааж өгч болдог. Зураг гарч ирсэний дараа ч гэсэн хулганы заагч уг зураган дээр ирэх vед энэ тайлбар хаяг мөн гарч ирдэг. Олон тооны хэрэглэгч ханддаг вэб хуудасанд бол энэ "alt" коммандыг заавал хэрэглэх хэрэгтэй.
Жишээ нь: <img src="/Зургийн зам" alt="Зургийн нэр">
Жишээ нь: <img src="/Зургийн зам" alt="Зургийн нэр">
Мөн та блогтоо байрлуулсан зурагаа линк болгон ашиглаж болох билээ. Yvний тулд ердөө лanchor tag буюу линкын коммандын ард нь <img src> гэсэн коммандаа тавьж өгөх хэрэгтэй юм.
Жишээ нь: <a href="http://www.zamjim.bblog.mn"><img src="/Энд миний блогийн баннер" border=0></a>
<img src> коммандынхаа өмнө нь <div align=".."> гэсэн коммандыг хэрэглэж зурагныхаа голлуулах эсвэл баруун зүүн тал руу нь толгой налуулахыг нь зааж өгнө.
</div> коммандыг <img src> коммандынхаа гадна тавьж өгөх хэрэгтэй.
<align=".."> коммандыг <img src> коммандын дотор нь тавьж өгсөнөөр дараах асуудлуудыг шийднэ.
Зургийн файльтай нэг мөрөнд байгаа, ардаас нь залгаж гарч ирж байгаа текстийн босоо чиглэлд аль хавьд нь бичигдэж байхыг нь энд зааж өгнө:
align="bottom"
Арын текст нь зургийнхаа доод ёроолтой нь харалдаа гарч эхлэнэ.
<img src="/Баннер зурагf" alt="Зургийн нэр" border=0 align="bottom">
align="top"
Зургийнхаа дээд оройтой нь харалдаа эгнээнээс текст нь бичигдэнэ.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="top">
align="middle"
Зургийнхаа голын шугам дээр нь ардах текст нь зогсож байхаар.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="middle">
align="absmiddle"
Харин энэ удаад зурагийнхаа голын шугам дээр нь ардах текст нь мөн голлож гарч байна.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="absmiddle">
</div> коммандыг <img src> коммандынхаа гадна тавьж өгөх хэрэгтэй.
<align=".."> коммандыг <img src> коммандын дотор нь тавьж өгсөнөөр дараах асуудлуудыг шийднэ.
Зургийн файльтай нэг мөрөнд байгаа, ардаас нь залгаж гарч ирж байгаа текстийн босоо чиглэлд аль хавьд нь бичигдэж байхыг нь энд зааж өгнө:
align="bottom"
Арын текст нь зургийнхаа доод ёроолтой нь харалдаа гарч эхлэнэ.
<img src="/Баннер зурагf" alt="Зургийн нэр" border=0 align="bottom">
align="top"
Зургийнхаа дээд оройтой нь харалдаа эгнээнээс текст нь бичигдэнэ.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="top">
align="middle"
Зургийнхаа голын шугам дээр нь ардах текст нь зогсож байхаар.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="middle">
align="absmiddle"
Харин энэ удаад зурагийнхаа голын шугам дээр нь ардах текст нь мөн голлож гарч байна.
<img src="/Баннер зураг" alt="Зургийн нэр" border=0 align="absmiddle">
Банжиг блогд ашиглагддаг нтмл утгууд
Дараах утгуудыг ерөнхийд нь тогтоож аваад энэ хаягаар орж нтмл хичээлүүдийг хэрхэн хийж байгааг судлах хэрэгтэй... ТҮүнээс эдгээрийг дангаар нь мэддэг байгаад төдийлөн төгс хэлбэржүүлэлт хийж чадахгүй...
outer - дэлгэцний бүтэн харагдах хэсэг
header- толгойн хэсэг
main - бичлэгийн хэсэг
sidebar - Хажуу баганы хэсэг
comments - сэтгэгдэлийн хэсэгfooter - хөлний хэсэг
Банжиг блогын эдгээр үндсэн хэсгүүдэд дараах нтмл кодууд элбэг агуулагддаг. Тэдгээрийг тайлбарлавал:
margin - тухайн элементийн гадна талаас авах зай юм. margin-left: 10px; гэсэн байвал зүүн талын элементээс 10 нэгжийн зайтай гэж ойлгоно. margin: 10px; гэсэн байвал бүх талуудаас авах зай 10 нэгж байна гэж ойлгоно. Эдгээрийн үгийг өөрчлөхгүй нэгжийн хэмжээг өөрчилж зүг чигийг - тэмдэгтийн хамтаар нэмж бичиж өгөх боломжтой юм.
padding - тухайн элементийн дотор талаас авах зай юм. padding-left: 10px; гэсэн байвал өөрийнхөө байрлах бүс дотроо зүүн талдаа 10 нэгжийн зайтай гэж ойлгоно. padding: 10px;гэсэн байвал бүх талдаа авах зай 10 нэгж байна гэж ойлгоно. Эдгээрийн үгийг өөрчлөхгүй нэгжийн хэмжээг өөрчилж зүг чигийг - тэмдэгтийн хамтаар нэмж бичиж өгөх боломжтой юм.
div - тусдаа нэг элемент бөгөөд өмнөх хэлбэржүүлэлтэд хамаарахгүй гэсэн үг юм. div tag дотроо хэлбэржүүлэлт авдаг. Өмнө хэлбэржүүлсэн тохиолдолд тэрнээс ангид дотор нь тусад нь хэлбэржүүлж өгнө гэсэн зг. <div align="center">text</div> гэсэн байвал текст гэдэг згийг дангаар нь голд байрлуулж байна гэж ойлгохнээ...
border - хүрээ. Хүрээг дотроо янз янзын зузаантай. border: 2 px solid; гэсэн байвал 2 нэгжийн зузаантай шулуун зураастай хүрээ байна гэж ойлгоно. border-right: 1px dotted;гэсэн байвал 1 нэгжийн зузаантай цэгэн хүрээ байна гэж ойлгохнээ...
color - өнгө. html color code гэж байдаг. Түүнийг эндээс үзнэ үү... Харин өнгийг html д хэрэглэхдээ color: #660033; ба color: red; гэсэн 2 янзаар бичдэг. Aнглиар аль эсвэл кодоор...
background - дэвсгэр. тухайн элемэнт д дэвсгэр оруулахдаа өнгө болон зурагаар оруулж болно. Өнгөөр оруулах бол: background: red; гэж бичиж болно. Харин зураг оруулах болbackground: url('/зургийн зам'); гэж оруулж болно.
link - хаяг. Линк хаягыг мөн л 2 янзаар оруулж болох бөгөөд:
<a href="http://kula.mn">kula.mn</a> текст хэлбэрийн линк
<a href="http://kula.mn"><img src="/зургийн зам"></a> зурган хэлбэрийн линк. Линкийг тухайн хуудсанпдаа нээгдэх бол target="_top" тусдаа шинэ цонхонд нээгддэг болгох болгэж нэмж бичих бөгөөд ингэж харагдана: target="_blank"<a target="_blank" href="http://kula.mn">kula.mn</a>
hover link - курсор аваачихад солигдох хэлбэр...
height - өндөр. Элементийн өндөр. height: 200px; 200 нэгжийн өндөртэй элэмент
width - өргөн. Элементийн өргөн. width: 200px; 200 нэгжийн өргөнтэй элэмент
font - фонт. фонтны хэлбэржилт.
font-size: 12px;
font-color: blue; гэх мэтээр бичнэ...
Блогийн сэтгэгдэл хэсгийг хэлбэржүүлэх
Хэд хэдэн хүн банжиг блогийн сэтгэгдэл харуулах хэсгийг
хэлбэржүүлмээр байна гэж асууж байсан. За тэгэхээр өөрийнхөө
/* comments
----------------------------------------------- */
#comments h2 { Сэтгэгдэл үлдээх гэсэн хэсэг /дээд/
font-size:12px;
font-weight: bold;
margin: 1em 0;
color: #000;
padding: 5px;
border: 1px solid #cccccc;
background:
url(http://blog.banjig.net/files/user_uploads/185935/hajuugiin_nariin_baganii_button_b938dc63.jpg);
}
.comment-header { Сэтгэгдэл үлдээх гэсэн хэсэг /доод/
font-size:11px;
border:1px solid #cccccc;
border-bottom:0;
padding:4px;
color:#000;
background: url
(http://blog.banjig.net/files/user_uploads/185935/hajuugiin_nariin_baganii_button_b938dc63.jpg);
}
.comment-header a { Сэтгэгдэл бичигчийн нэрний хэсэг
color: #660033;
background: url();
background-position: left center;
background-repeat: no-repeat;
padding-left:5px;
font-family:cursive;
font-size:12px;
text-decoration:none;
}
.comment-header a:hover { Сэтгэгдэл үлдээгчийн нэрэн дээр маузаа
аваачихад хувирах хэлбэр
text-decoration:none;
}
.comment-header a: visited { Сэтгэгдэл үлдээгчийн нэрэн дээр өмнө нь
дарсан эсэхийг харуулах хэлбэр
text-decoration:none;
}
.comment-body { Сэтгэгдэлийн их бие, текст
font-size:11px;
color:#660033;
padding:7px;
margin-bottom: 5px;
border:1px solid #cccccc;
border-top:1;
}
#comment-form dl dd input,
#comment-form dl dd textarea { Сэтгэгдэл оруулах цонхны хэсэг
margin-left:0;
color: #000;
border: 1px solid #ccc;
background-color:#000;
background-position : left bottom;
background-repeat : no-repeat;
background: url
(http://img.banjig.net/d/bb/user_uploads/185935/f_accordeon_d4ffd86b.jpg);
font-size: 12px;
}
#comment-form dl {font-size:11px;margin:0;border : 1px solid #ccc;}
#comment-form dl dt {text-align:left;
width:70px;
border:1px solid #fff;
display:block; float:left;
clear:right;font-size:11px;
padding-top:4px;
margin-left:5px;}
#comment-form dl dd { margin: 0 0 5px 75px;
*margin-left:0px; padding:4px; width:350px!important;}
#comment-form dl dd textarea {
width: 400px;
height: 100px;
border: 1px solid #ccc;
font-size: 12px;
font-color: #fff;
}
comment-blockquote { Сэтгэгдэл хоорондын хэсэг
color: #000;
background: #488AC7;
border:#ccc 1px solid;
padding:0px
}
Монголоор бичсэн үгнүүдийг арилгахад код бүтнээрээ үлдэнэ...Блог дотроо блог/сайт/ байрлуулах...Ямар нэгэн сайтыг өөрийнхөө блог хаягаар харуулмаар байна уу? Тэгвэл доорх код таньд тус болно...
Жишээ нь: www.kulamn.blogspot.com энэ блогспот дээрх блогийг www.kulas.bblog.mn гэсэн банжиг хаягаар орж үзэх боломжтойг харна уу. Ингээд та 2 хаягтай боллоо гэсэн үг.
Мэдээж та доорх кодыг блогтоо хийхээсээ өмнө өөрийнхөө нтмл кодыг бүрэн эхээр нь хадгалан авч үлдээрэй. Юмыг яаж мэдэх вэ буцаагаад хэвэнд нь оруулах тохиолдолд тэр кодоо буцаагаад хйихэд төвөггүй ажиллана.
Тэгсэний дараа нтмл талбараа бүрэн цэвэрлэсний дараа энэ кодыг хуулж тавиад хадгалахад болно....<html>
<head>
<title>KULA.MN</title>
<link rel="icon" href="http://img.banjig.net/d/bb/user_uploads/185935/1tamga_b95f1c37.png">
</link>
</head>
<frameset rows="0,*" framespacing='0' frameborder='0' border="0">
<frame frameborder='0' framespacing='0' src="/MyNavigation.htm" scrolling='no' name="MyFrameOne"></frame>
<frame frameborder='0' framespacing='0' src="/Шинэ блогийн хаяг" name="MyFrameTwo"></frame>
</frameset>
</html>
No comments:
Post a Comment