วันอาทิตย์, เมษายน 22, 2550

สะสม โค้ด css โปร่งใส

มั่วๆไปเก็บของชาวบ้านมาครับ เผื่อเวลาต้องใช้แล้วไม่เจอ
ส่วนมากจะเน้นพวกทำให้ตรงนั้นตรงนี้โปร่งใส โชว์รูปพิ้นหลัง
http://janujennifer.multiply.com/market/item/25

body {
background-color: transparent;
background-image: url(here_the_Image_URL);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;}

div.bodywrap { background: transparent; }
div.contentwrapper { background: transparent; }
.header {background: transparent none;}
.itemboxalbum { background-color: transparent;}
.itembox {background:none; background-color:transparent;}
.itemboxsub {background:none;background-color:transparent;}


div.infobox .userlogo {
background: none ! important;
background-color: transparent ! important;}

.userlogo {
background-color:transparent;
}


/*navigation bar*/
div#subnav {background:transparent none ;}
div#subnavc {background-image:none;}


ส่วนอันนี้ ไว้ทดลอง สี css http://maettig.com/?page=PHP/CSS_Color_Converter

รู้สึกว่ายังไม่เวิร์คแล้วจะมาใส่เพิ่มอีก

-----------------------------------------------------------------------------------------------------------------------------


http://modify.multiply.com/journal/item/497/Instant_Theme_with_Transparency

you can do it easily following these steps:
  1. If you want to keep a copy of your current theme, do it first going to your Custom CSS page and copying the code to somewhere safe (save it as a text file in your computer, for instance).
  2. On your main page, click on Customize My Site and then on Choose a Theme.
  3. Pick the Witheout theme.
  4. Back to your page, click on Customize My Site again and then on Custom CSS.
  5. Add the following code:
        body {
        background: url(IMAGE_URL);
        }
       
.railstart { background: none; }

Replace IMAGE_URL with the image URL of the pic you want to use as your background image. If you don't know how to do it, take a look at the previous tutorial.

  Optional: if you don't want the image to scroll, add fixed before the semi-colon, and if you don't want it to tile, add no-repeat. For instance, to do both:
        body {
        background: url(IMAGE_URL) fixed no-repeat;
        }
       
.railstart { background: none; }

Then click on the Save button and you should see your page fully transparent and with your own background.




-------------------------------------------------------------------
Custom cursor

body {cursor:url("URLของ cursor "); }
a:hover { cursor:url("URLของ cursor "); }

http://blog.yam.com/onion_club/47351638.ani

อ้างจาก http://davidbenzham.multiply.com/journal/item/11

57 ความคิดเห็น:

明 เม้ง  ^__^ กล่าวว่า...

/* reply boxes */
.replybox {
background-color: #000000;
background-image: url(http://ttt.ttt.ttt/tt.gif);
background-position:center;
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
border-color: #aaaaaa;
color: red;
}

from http://tinapayako.multiply.com/journal/item/114

-----------------------------------------------------------------------------


textarea{
color: green;
background: url('http://img441.imageshack.us/img441/8160/comm2xd7.gif');
}

http://sawasdeemultiply.multiply.com/journal/item/175?mark_read=sawasdeemultiply:journal:175


---------------------------------------------------------------


.home_guestbook { color: #fff; }


.replybox {
background: none;
background-color: transparent;
color: #fff;
}

oO JM Oo กล่าวว่า...

ลูกเล่นเพียบเลยเนอะ

明 เม้ง  ^__^ กล่าวว่า...

แหะๆ

ตาตุ๋ย คนเมืองลุง กล่าวว่า...

...อ้าววว...เก็บ..

Pan PlantLovers กล่าวว่า...

หนูมึนอ่ะพี่

aivan monceller กล่าวว่า...

what is this for.. could you translate.. what it does.. in english.. :D

matong noi กล่าวว่า...

ขอเก็บมั่งค่ะ

แทมมี่ & แม่ปีป B. กล่าวว่า...

คิดว่า โค้ก

DragoWen ' L กล่าวว่า...

จานเม้ง... ว่าง ๆ สอนเป็นชุด ๆ ดิคับ ฮ่า ๆๆๆๆ ว่า... ชุดนี้ใส่แล้วทำให้โปร่งแสง ชุดนี้ทำให้สี bg เป็นสีขาว สีเหลืองอะไรทำนองนี้อะคับ ผมจะได้ขอติดสอยห้อยตามอาจารย์ด้วย... เหอะ ๆ

明 เม้ง  ^__^ กล่าวว่า...

แบบว่าผมขี้เกียจนะดิ

kitti khamsiri กล่าวว่า...

ขอบคุณคร๊าบ อยากทำครับแต่ติดอยู่นิดเดียวว่ามันทำยังไงอ่ะครับ ^ ^"

mr. bank กล่าวว่า...

เก็บมาเยอะๆๆเลยนะครับ ^.^

pakpong pongatichat กล่าวว่า...

555+ เข้ามาแอบเม้ม

...ขอบคุณมากครับ

MonLaporn S. กล่าวว่า...

เข้ามาแฮ๊ฟ นะคะคุงเม้ง ว่ากันหรือ เป่า

ว่าไม่ว่าก็ แอ๊ฟ ไปแระ..........จะฉลาดใช้เป็นป้าวนั่นอีกเรื่อง อิอิ

ขอบคุงคับ

Grace Trimuck กล่าวว่า...

เก็บด้วยคนจ้า

Songyos Ruensai กล่าวว่า...

ตามมาเก็บฟามรู้ใหม่ๆคร๊าบบบบ

นู๋พิณพิณ อิอิ @^__^@ กล่าวว่า...

แอบมาดูค๊า เผื่อจะทำได้เก่งอย่างอาจารย์เม้งบ้างอ่ะค่ะ

ไอดิน กลิ่นฝน กล่าวว่า...

จิ๊กไปแหละ อิอิ

明 เม้ง  ^__^ กล่าวว่า...

จิ้กๆกันไปนะ ลองใช้บ้างป่าว

phyche phyche123 กล่าวว่า...

ก๊อบๆแบบนี้ไปใช้ได้เลยรึป่าวคะ

Bon Bon กล่าวว่า...

แจ่มมากเรยค้าบ แอบเข้ามาศึกษาซะเรย..

Rat Arinrat กล่าวว่า...

ขอบคุณค่ะ วันนี้เข้าๆ ออกเว็บนี้ตลอด เพราะกำลังเปลี่ยน theme ใช้ css อย่างงุนงง

Champ . กล่าวว่า...

This code forces some of the body/comment-box areas to become transparent (noticed by the bold code) so that the background can be seen clearly :)

明 เม้ง  ^__^ กล่าวว่า...

เหมือนฟ้ามาโปรด ขอบคุณคุณ todaytech ครับ

MonLaporn S. กล่าวว่า...

แง๊บๆ ๆ มาแอบดู

Bound Photo กล่าวว่า...

ย่องมาดูด้วยคนครับ ...

missnathaya ing กล่าวว่า...

ตามมาจาก sawasdeemultiply มาขอดูดความรู้ไปแต่งของตัวเองด้วยคนค่ะ

no name diary กล่าวว่า...

อืม...

Pakmoo Pakmoo กล่าวว่า...

thanks so much kha

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

T-T ช่วยผมด้วยคร้าบบ
แบบว่าไปเอา theme ของเค้ามาใช้แล้วตรงด้านบนมันไม่เปลี่ยนไปตามตัว original ของธีมอ่ะครับ
http://customizedthemes.multiply.com/photos/photo/2153/1? อันนี้ตัวต้นแบบครับ
หน้าเวบผมมันดันขึ้นสีเขียวๆ ของธีม Avlack อ่ะครับ
จะแก้ไขยังไงดีครับ แล้วถ้าผมอยากโละทิ้งให้เห็นแต่ background จะทำยังไงครับ
ขอบคุณคร้าบบ T-T

明 เม้ง  ^__^ กล่าวว่า...

เดว จะหาคนช่วยนะ ฮือๆ

เอาคำถามไปฝากไว้ ที่นี่แล้ว ตามไปดูด้วยครับ http://sawasdeemultiply.multiply.com/journal/item/199

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

ขอบคุณมากคร้าบบบ -/\-

明 เม้ง  ^__^ กล่าวว่า...

ลองแปะโค้ดให้อ่านหน่อยครับ โค้ดที่เอาไปใช้แล้วไม่เวิคนะครับ

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

/*PAGE TOP*/
div.owner_nav {
border: none;
margin: 0 auto;
height: 247px;
width: 780px;
border: 0px solid #fff;
border-bottom: none;
padding: 39px 0px 0px 0px;
background: url(http://img222.imageshack.us/img222/373/top2copywt6.jpg) no-repeat top center;
background-color: transparent;
background-position: 0 0px;
}

ผมคิดว่าตรงนี้คงมีปัญหาอ่ะครับ(มั้งนะครับ)
เพราะส่วนนี้ที่มันไม่เปลี่ยนตัวเดียวอ่ะครับ T-T

明 เม้ง  ^__^ กล่าวว่า...

อิอิ ยังนึกไม่ออกน้า

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

คร้าบบบ ขอบคุณล่วงหน้าครับจารย์เม้ง (-/\-)
(กดดันๆๆๆเข้าไป จะได้ทำให้ผมได้ไวๆ อิอิ)

明 เม้ง  ^__^ กล่าวว่า...

div.owner_nav (line 48)

{

margin-right: auto;

margin-bottom: 0pt;

margin-left: auto;

margin-top: 20px;

height: 130px;

width: 760px;

border-top-width: 10px;

border-right-width: 10px;

border-left-width: 10px;

border-top-style: solid;

border-right-style: solid;

border-left-style: solid;

border-top-color: #ffffff;

border-right-color: #ffffff;

border-left-color: #ffffff;

border-bottom-width: medium;

border-bottom-style: none;

border-bottom-color: -moz-use-text-color;

padding-top: 113px;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

background-image: url(http://images.multiply.com/multiply/style/avlack/top.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-color: #ffffff;

background-x-position: 0pt;

background-y-position: -10px;

}

明 เม้ง  ^__^ กล่าวว่า...

มันมีบรรทัดนี้อยู่

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

แบบว่างงอ่ะครับ ผมต้องเพิ่มหรือลบอะไรตรงไหนป่าวคร้าบบบ
วานบอกทีคร้าบบ (-/\-)

明 เม้ง  ^__^ กล่าวว่า...

ผมว่า ทางที่เจ๋งสุดคือ เข้าไปถามเค้าที่เวปเลยครับ http://customizedthemes.multiply.com/photos/photo/2153/1?
เจ้าของเค้าจะได้ช่วยดูให้

明 เม้ง  ^__^ กล่าวว่า...

อะมีคนใจดีมาตอบให้แย้ววว http://sawasdeemultiply.multiply.com/journal/item/199 อย่าลืมขอบคุณละ

< - - P I N G - -> oO P I N G Oo กล่าวว่า...

ขอบคุณคร้าบบบ

nongpanga suwannasron กล่าวว่า...

พี่เก่งจังเลยสอยเค้าบ้างดิ

明 เม้ง  ^__^ กล่าวว่า...

เย้ย สอนไม่ได้ แค่ไปก้อบๆคนอื่นมา

uoomuim uim กล่าวว่า...

ขอบคุณมากเลยค่ะ ^ ^

kitipong bhalatanya กล่าวว่า...

ได้ความรู้อีกละ ขอบคุณก๊าบ

Dararat Thongklom กล่าวว่า...

อยากทำบ้างจัง

แต่ทำไม่เป็นค่ะ

ใครก้อได้สอนที..นะค่ะ

Dararat Thongklom กล่าวว่า...

คือถ้าต้องการใส่พื้นหลัง

เราต้องคลิกตรงไหน

..ไม่รู้เลย

明 เม้ง  ^__^ กล่าวว่า...

ไปที่เวปนี้ครับ http://sawasdeemultiply.multiply.com/#

แล้วลองใช้ Ctrl + f ค้นคำที่ต้องการ

เช่นใส่พื้นหลัง ลองค้นคำว่า background

คุณจะพบ หัวข้อนี้ครับ

วิธีใส่ background/ by jojobaoi

ก็เข้าไปตามลิ้งค์เลย http://sawasdeemultiply.multiply.com/links/item/9

winai singjunya กล่าวว่า...

สุดยอด

明 เม้ง  ^__^ กล่าวว่า...

: )

kanoomjak ka^^ กล่าวว่า...

งง มากมาย T_T

明 เม้ง  ^__^ กล่าวว่า...

หุหุ

kik kik กล่าวว่า...

ว้าว

juli miranda กล่าวว่า...

I always look for updates for my computer, I want to be informed of developments and technologies. I am very curious and I'm always looking for useful information. In one of my searches I was curious to buy viagra , generic viagra or viagra online . I think that any of these medications are of excellent quality and the outcome surprising.

Pitibon Nungphu กล่าวว่า...

ขอไปเก็บด้วยนะคะ ขอบคุณคะ

明 เม้ง  ^__^ กล่าวว่า...

ยินดีครับ