Profil de Mew┢┦aΡpy ღ M e wPhotosBlogListesPlus Outils Aide

Blog


15 juillet

ใส่ Background แบบที่ 2

ใส่ภาพ background แบบที่ 2

จะเป็นการใช้คำสั่ง Table เข้ามาช่วย ข้อดีก็คือทำให้เราสามารถ จัดตำแหน่งของภาพ และข้อความ รวมทั้ง การใส่ลูกเล่น ได้หลากหลาย

วิธีใช้
1.ไปที่หน้า Edit Blog Entry คลิกตรง <HTML> เพื่อเปิดการใช้งานโค้ด Html
2. copy โค้ด ที่ให้มา ไป paste เอาไว้
3. เปลี่ยน Url ของภาพ ให้เป็นภาพที่ต้องการ รวมถึง การจัดวาง ตามคำอธิบายด้านล่าง
4. คลิก <HTML> อีกทีเพื่อดูผลงาน
5. พิมข้อความ โดยคลิกไปที่ที่ว่างบน แบคกราว ละก็ พิมๆๆ
6. พอใจแล้ว Publish Entry เลย

Code

<TABLE style="WIDTH: 200px; HEIGHT: 200px" borderColor=#000000 cellSpacing=0 cellPadding=3 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/522882/pic/original.gif border=1>
<TBODY>
<TR>
<TD vAlign=center align=middle>
<P><FONT color=#003333>Text Here</FONT></P>
</TD></TR></TBODY></TABLE>

 

อธิบายโค้ด ดูตามสีนะคะ

WIDTH / HEIGHT ขนาดของภาพ เป็น พิกเซล 
            -
หรือจะใส่เป็น% ก็ได้เช่น WIDTH: 100% 
              หมายความว่าขนาดกว้าง 100% ของขนาดบลอค ก็คือ กว้างเท่าขนาดบลอคนั่นเองค่ะ
cellPadding=3 ระยะห่างระหว่าง ขอบ กะ ข้อความ
Url ของภาพที่จะนำมาทำเป็น แบคกราว 
borderColor สีขอบ เปลี่ยนได้ ดูโค้ดสีได้จากลิ้ง ทางซ้าย
border ขอบของภาพ ใส่เลขเยอะ จะหนาขึ้น ถ้าจะไม่เอาขอบให้ใส่ค่า =0
vAlign การจัดตำแหน่งของข้อความ ชิดขอบบน =top / จัดกลาง =center / ชิดขอบล่าง =bottom
align การจัดตำแหน่งข้อความ ชิดซ้าย =left / กลาง =middle / ชิดขวา =right
FONT color สีตัวอักษร ดูโค้ดสีได้จาก ลิ้งค์ทางขวาของบลอคจ้า

ตัวอย่าง 1

...

...

การทำ Background

โดยใช้ Table

...

...

ตัวอย่าง 2

...

การทำ Background

โดยใช้ Table

แบบไม่มีขอบ border=0

...

 

 

Commentaires (192)

Veuillez patienter...
Le commentaire entré est trop long. Raccourcissez-le.
Vous n'avez rien entré. Réessayez.
Il est actuellement impossible d'ajouter votre commentaire. Réessayez plus tard.
Pour ajouter un commentaire, tu dois avoir l'autorisation de tes parents. Demander l'autorisation
Tes parents ont désactivé les commentaires.
Il est actuellement impossible de supprimer votre commentaire. Réessayez plus tard.
Vous avez dépassé le nombre maximal de commentaires qu'il est possible d'envoyer le même jour. Réessayez dans 24 heures.
Votre compte a pu laisser les commentaires désactivés parce que nos systèmes indiquent que vous risquez d'arroser d'autres utilisateurs de messages. Si vous pensez que votre compte a été désactivé par erreur, contactez l'assistance en ligne de Windows Live.
Effectuez la vérification de sécurité ci-dessous pour finaliser l'envoi de votre commentaire.
Les caractères entrés pour la vérification de sécurité doivent correspondre à ceux de l'image ou du fichier audio.

Pour ajouter un commentaire, connectez-vous avec votre identifiant Windows Live ID (si vous utilisez Messenger ou Xbox LIVE, vous avez un identifiant Windows Live ID). Connectez-vous


Vous n'avez pas d'identifiant Windows Live ID ? Inscrivez-vous

Aucun noma écrit :
Welcome to enter (wow gold) and (wow power leveling) trading site, (wow gold) are cheap, (wow power leveling) credibility Very good! Quickly into the next single! Key words directly to the website click on transactions! -368919379560196
21 Août
หาย ไป ไหน หนอ
28 Jan.
หาย ไป ไหน หนอ
28 Jan.
narin phiwthonga écrit :
ขอบคุณมากๆนะค๊าบ...
16 Nov.
traumaa écrit :
ขอบคุณสำหรับสิ่งดี ๆ ที่มีมาให้ ขอบคุณจริง ๆ จากใจ
25 Oct.
Rainy T.ma écrit :
ขนมน่ากินจัง...อิอิ แล้วสเปทก็สวยแล้วนะเราจะมาเยี่ยมชมบ่อยๆ
5 Oct.
Sasima Nubtonga écrit :
จ้า
28 Sept.
chontichaa écrit :
ถามหน่อยนะค่ะ ทำไมwindow live spaces ของเราไม่ปรากฏในการค้นหา...ทำไมบางคนเข้าไปดู ไม่ได้ละค่ะ
ช่วยตอบหน่อยนะค่ะ..ตอนนี้กำลังงงมากมายเลย
24 Sept.
ตอนนี้มันเปงภาษาทายแร้วอ่าค๊า ขอบคุณน๊าค๊า ช้วยได้มากมายคะ^^ 
20 Août
ตอนนี้มันเปงภาษาทายแร้วอ่าค๊า ขอบคุณน๊าค๊า ช้วยได้มากมายคะ^^ 
20 Août
♥N ö P♥a écrit :
ได้เทคนิค และ ความรู้มากจิงจิง ขอบคุณก๊าบ^^ 
7 Août
*Ae-Aey*a écrit :
***- ขอบคุณมากเลยค่ะได้เทคนิคดีๆไปหลายอย่างเลย คือเห็นใจคนที่ให้เทคนิกอ่ะ แบบว่าบางคนเอาของเค้าไปแล้วไม่รุจักขอบคุณหรือให้เครดิตมันดูแย่มากๆเลย เพื่อนเราก็เคยโดนอ่ะ
4 Août
mu bita écrit :
edit blog entry มัน อยู่ตรงไหน
ช่วยบอกทีคร้าบ ไม่รู้จิงๆ ใครก็ด้ายบอกหน่อย
30 Juil.
ขอบคุงนะคะ 
28 Juil.
ขอบคุณค่ะ  ที่เอาสิ่งดีดีมาให้ทุกๆคนที่ทำเสปชเหมือนกันดู
แต่คนที่มาดูแล้ว  ก็เคารพสิทธ คนที่เป็นเจ้าของฟามคิดหน่อยนะ
เพื่อน ก้อโดนอ่าค่ะ แล้วมันทำให้คนที่คิดอะไร ดีดีเกี่ยวกับสเปช
ที่มีน้ำใจนำความรู้ที่เค้ามี มาบอกคนมะรู้อย่างพวกเรา เสียความรู้สึกอ่านะ
-++++++ ขอบคุณ ค่ะ ที่ทำให้เรามีเสปชสวยๆกะเค้า สาธุ +++++++
22 Juil.
Jarat Radena écrit :
ขอบใจ
 
30 Juin
ขอบคุณมากค่ะ....ทำได้แล้วอ่ะค่ะ อิอิ
27 Juin
..jEAb ..a écrit :
เก่งจัง
 
ศึกษาๆๆน๊าค๊า
16 Juin
ขอบคุณคับ
23 Mai
อ่าขอบคุณค่ะที่สอนวิธีทำน๊า อิอิอิ
21 Mai

Rétroliens

Blogs Web qui font référence à ce billet
  • Aucune