●Andromeda△Free Materials❣」

ลำดับตอนที่ #4 : ANDROMEDA : _c_ 1

มาถึง ณ ตอนนี้ จะ ทำการแจกโค้ดดดแล้วนะ >< 
อ้าวว อย่าพึ่งไป
เราจะมาบอกเคล็ดลับหรือ TIP ให้

@font-face {       

    font-family: Bebas Neue;

    src: url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);

}
เห็นตรงนี้ไหมเอ๋ยย >< มันคือให้เราเปลี่ยนฟอนต์ไหง มีลูกเล่นไปในตัว 
สมมติเพียวเอา 
(ขอขอบคุณภาพจาก THE CAT ค่ะ >< )
ให้เราเปลี่ยนตรงที่เพียวยกตัวอย่างให้ไว้เลย

@font-face {       

    font-family:arsenalewhite;

    src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);

}
เหมือนในตัวอย่างเลย งุงิ

    background: url(http://image.dek-d.com/26/2550822/112959741);
ให้เปลี่ยนรูปภาพ สมมุติว่าเพียวอยากเปลี่ยนเป็นรูปภาพนี้ จิ้ม
   ก็เปลี่ยนใน 

 background: url(http://image.dek-d.com/26/2550822/111654507);
แทนแท่น มันก็จะเหมือนในที่เราทำเลย ^^ 
ช่วงสุดท้ายสำคัญมาก

<div id="title2">

                This is just for an example</div>
จากแบบนี้กลายเป็น 

<div id="title2">

hello welcome to my writer </div>
**แนะนำถ้าอยากได้ฟ้อนต์ไปดูใน นี้  เลย รับรองพี่เก้าสอนให้หมดเสร็จสรรพ เข้าใจง่าย ^^ และก็มีฟอนต์ให้ดูด้วยนะ**

--CODE--
 

HELLO WRLCOME TO MY WRITER !!

<style type="text/css">

@font-face {       

    font-family: Bebas Neue;

    src: url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);

}                                                                         

#title2 {

    font: normal 45px "Bebas Neue";

    text-shadow: 0 0 10px #111;

    color: #fff;

    text-align:center;

    background: url(http://image.dek-d.com/26/2550822/112959741);

    padding: 20px;

    background-position:50% 50%;

    border-bottom: 10px solid #fff;

    box-shadow: 0px 0px 10px #aaa;

    width: 100%;

    !important;

    top: 0px;

    position: fixed;

    left: 0px;

}</style>

<div id="title2">

                This is just for an example</div>

B ♔ W