books

Thursday, July 8, 2010

ផ្លាសប្តូរbackgroundតាមចិត្ត

ចូលទៅក្នុងEdit HTMLរួច Ctrl F ដើម្បីស្វែងរក{background:transparent url រួចផ្លាសប្តូរតាមចិត្តហើយsave template។
.rc_hd{background:transparent url(Linkរូប) left bottom;}/*olympia41124*/

.rc_hd div{background:transparent url(Linkរូប) right bottom;}/*vietnam360plus.com*/

.rc_bd{background:transparent url(Linkរូប) repeat-y;border-style:none;}/*olympia41124*/

.rc_bd .rc_bc{background:transparent url(Linkរូប) repeat-y right top;border-style:none;}/*vietnam360plus.com*/

.rc_ft{background:transparent url(Linkរូប) left top;}/*olympia41124*/

.rc_ft div{background:transparent url(Linkរូប) repeat-x right top;}/*vietnam360plus.com*/

#blast .tail {background:transparent;}/*olympia41124*/

ផ្លាសប្តូbackground

#sidebar-wrapper {
 background-image: url(Linkរូប);

http://www.khmeridea.com/templates/yoo_scoop/images/stripeslight/page_bg.jpg-->

ឬ

BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
BACKGROUND: #b6b8b1;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #111;
LINE-HEIGHT: 145%;
PADDING-TOP: 0px;
FONT-FAMILY: arial,'trebuchet ms',helvetica,sans-serif;
TEXT-ALIGN: center
}

#wrap1 {
BACKGROUND: url(/community/graphics/users/2/wrap1.gif) #acaea7 repeat-y left top;
MARGIN: 0px auto;
max-width: 882px
}

#wrap2 {
BACKGROUND: url(/community/graphics/users/2/wrap2.gif) repeat-y right top
}

#topbar {
BACKGROUND: #fff;
MARGIN: 0px -10px;
OVERFLOW: hidden;
LINE-HEIGHT: 23px;
HEIGHT: 28px;
max-width: 852px
}

#content {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;

max-width: 812px;
min-width: 739px
}

#footer {
CLEAR: both;
BACKGROUND: #fff;
MARGIN: 0px auto;
POSITION: relative;
TEXT-ALIGN: left;
max-width: 812px;
min-width: 739px
}

http://img34.imageshack.us/img34/738/thachdo.gif

ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត

ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត
body{cursor: xxx;}

a:hover{cursor:xxx;}

ក្នុងនោះ xxx យើងជ្រើសរើសកូនកណ្តុរតាមចត្តនៅលើប្លក់របស់មិត្ត body គឺជាអំណាចកូនកណ្តុរប្រើលើផ្ទៃប្លក់, a:hover គឺជាអំណាចអោយកូនកណ្តុរអណ្តែតពេលដែលយើងដាក់កូនកណ្តុរលើlinks, មិត្តដាក់ពាក្យណាចូល xxx វានឹងអណ្តែតឡើងដូចខាងក្រោម:

ក្នុងនោះxxx យើងជើសរើសកូនកណ្តុរតាមចិត្តលើផ្ទៃប្លករបស់មិត្ត, bodyគឺជាអំណាច់កូនកណ្តុរដែសប្រើប្រាសបានពេញផ្ទៃប្លក់, a:hover គឺជាអំណាច់កូនកណ្តុរអណ្តែតពេលដែលយើងដាកើកូនកណ្តុរលើ links, មិត្តប្តូរវា:

pointer:

crosshair

n-resize

w-resize

ne-resize

nw-resize

move

wait

help

ឬមិត្តអាចប្រើ 1 icons ស្អាតដើម្បីផ្លាសប្តូរកូនកណ្តុរលើប្លក់ដោយរបៀប, copy links

body{cursor:url(xxx)}

a:hover {cursor:url(xxx)}

២. ធ្វើអោយអណ្តែតឡើងបេះដូងពេលដែលយើងអូសកូនកណ្តុរដាក់លើ link

មិត្តប្រើ CSS នេះ :

a:hover

{text-decoration:none;

color:#D570EE;

text-decoration:none;

font-weight:bold;

background-image:url(link រូប);}

code ចូលក្នុង CSS មិត្តណា!

ឬ
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif);}
a:hover {background-image:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif);}
http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif
http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif
មិត្តអាចប្តូរ link រូប ខាងក្រោមនេះ:
http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
http://i10.glitter-graphics.org/pub/7/7300hpyshmxute.gif
http://i1.glitter-graphics.org/pub/25/25641z48mdznjyh.gif
http://i10.glitter-graphics.org/pub/707/707620lbi5rc3g3f.gif
http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif
http://i8.glitter-graphics.org/pub/655/655328pzbfenjsk7.gif
http://i8.glitter-graphics.org/pub/761/761208civf7vumcn.gif
http://i8.glitter-graphics.org/pub/16/16778jktza71y3u.gif
http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
http://i9.glitter-graphics.org/pub/185/185649d8sylcmsi8.gif
http://i5.glitter-graphics.org/pub/11/11885e13o0o1a5v.gif
http://i3.glitter-graphics.org/pub/715/715333mjcar13uxg.gif
http://i2.glitter-graphics.org/pub/804/804832d8f704vlk6.gif
http://i10.glitter-graphics.org/pub/16/16770gwdi5yck9n.gif