GoodMorning

[Thiên Thần Chuối]

[mystyle][div=_|FanaBG|background: url('https://c2.staticflickr.com/4/3856/19064508022_01e125d751_o.png'); padding: 50px;][div=_|FanaBorder|width:500px][div=_|FanaBody|_]Cảng duy nhất của Fanacia và là nơi buôn bán nhộn nhịp nhất. Hơn 90% hàng hóa xuất nhập khẩu của Fanacia đều phải thông qua đây. Đây cũng là nơi tiếp đón không ít khách du lịch tới Fanacia do tình hình hàng không bất ổn trong những năm gần đây. [tabs][tab=Gần cảng][img]http://img46.imageshack.us/img46/2725/xeeee2.jpg[/img][/tab][tab=Port Royale][img]http://img138.imageshack.us/img138/5913/cangbien1.jpg[/img][/tab][/tabs][/div][/div][/div][/mystyle][style=.FanaBorder]border-style: solid; border-width: 115px; border-image: url('https://farm8.staticflickr.com/7404/16435511486_9dd16cd385_o.png') 115 repeat; border-color: white; margin: auto;[/style][style=.FanaBody]background: white; text-align: justify; overflow: hidden;[/style]

Cảng duy nhất của Fanacia và là nơi buôn bán nhộn nhịp nhất. Hơn 90% hàng hóa xuất nhập khẩu của Fanacia đều phải thông qua đây. Đây cũng là nơi tiếp đón không ít khách du lịch tới Fanacia do tình hình hàng không bất ổn trong những năm gần đây.

[tipspan=Ace][img]https://farm4.staticflickr.com/3840/15060671309_0d6eee7ebf_o.jpg[/img][/tipspan] [tiphover=Ace][img]http://img46.imageshack.us/img46/2725/xeeee2.jpg[/img][/tiphover]

[Thiên Thần Chuối]

NPC

Chris Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=725][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG]Chris Andersen[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p725|Chris Andersen|chrisandersen][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG][/tip]

Gestein Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=726][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img] Gestein Andersen[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=726#p726|Gestein Andersen|GesteinAndersen][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img][/tip]

Reine Teferet

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=727][img]http://t.imgbox.com/OeukB7je.jpg[/img] Reine Teferet[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=727#p727|Reine Teferet|ReineTeferet[][img]http://t.imgbox.com/OeukB7je.jpg[/img][/tip]

PDVD

CodeColon Select All Code

[div=||width: 100px;margin:5px;][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG]PDVD[/div]

CodeColon Select All Code

[tip=|PDVD|PDVD[][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG][/tip]

Caroline

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=728][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG]Caroline[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p728|Caroline|caroline][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG][/tip]

[Thiên Thần Chuối]

NPC

Chris Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=725][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG]Chris Andersen[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p725|Chris Andersen|chrisandersen][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG][/tip]

Gestein Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=726][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img] Gestein Andersen[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=726#p726|Gestein Andersen|GesteinAndersen][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img][/tip]

Reine Teferet

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=727][img]http://t.imgbox.com/OeukB7je.jpg[/img] Reine Teferet[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=727#p727|Reine Teferet|ReineTeferet[][img]http://t.imgbox.com/OeukB7je.jpg[/img][/tip]

PDVD

CodeColon Select All Code

[div=||width: 100px;margin:5px;][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG]PDVD[/div]

CodeColon Select All Code

[tip=|PDVD|PDVD[][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG][/tip]

Caroline

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=728][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG]Caroline[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p728|Caroline|caroline][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG][/tip]

[Thiên Thần Chuối]

NPC

Chris Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=725][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG]Chris Andersen[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p725|Chris Andersen|chrisandersen][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG][/tip]

Gestein Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=726][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img] Gestein Andersen[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=726#p726|Gestein Andersen|GesteinAndersen][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img][/tip]

Reine Teferet

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=727][img]http://t.imgbox.com/OeukB7je.jpg[/img] Reine Teferet[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=727#p727|Reine Teferet|ReineTeferet[][img]http://t.imgbox.com/OeukB7je.jpg[/img][/tip]

PDVD

CodeColon Select All Code

[div=||width: 100px;margin:5px;][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG]PDVD[/div]

CodeColon Select All Code

[tip=|PDVD|PDVD[][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG][/tip]

Caroline

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=728][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG]Caroline[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p728|Caroline|caroline][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG][/tip]

[Thiên Thần Chuối]

Nhìn từ trên xuống, bạn chẳng thể nào biết rằng đây lại là một trường học, bởi nó quá giống một khu dinh thự quý tộc. Vườn thượng uyển trên sân thượng ư? Bạn hi vọng hiệu trưởng không phải là một quý bà (hoặc ông) ưa đọc tiểu thuyết lãng mạn sến súa và ngắm học trò mình ngày ngày lên đây... làm gì thì bạn cũng biết rồi nha.

Nhưng nếu bạn yêu thiên nhiên và các loài hoa thì lên đây không có gì sai trái cả. Khu vườn luôn được chăm sóc bởi câu lạc bộ cây cảnh của trường.

...

[Test]

NPC

Chris Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=725][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG]Chris Andersen[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p725|Chris Andersen|chrisandersen][IMG]http://1.s.imgbox.com/tsKt1RlY.jpg[/IMG][/tip]

Gestein Andersen

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=726][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img] Gestein Andersen[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=726#p726|Gestein Andersen|GesteinAndersen][img]http://t.imgbox.com/3XHA2Fk4.jpg[/img][/tip]

Reine Teferet

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=727][img]http://t.imgbox.com/OeukB7je.jpg[/img] Reine Teferet[/p][/div]

CodeColon Select All Code

[tip=./viewpost.php?p=727#p727|Reine Teferet|ReineTeferet[][img]http://t.imgbox.com/OeukB7je.jpg[/img][/tip]

PDVD

CodeColon Select All Code

[div=||width: 100px;margin:5px;][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG]PDVD[/div]

CodeColon Select All Code

[tip=|PDVD|PDVD[][IMG]http://2.t.imgbox.com/JCr9Mgzo.jpg[/IMG][/tip]

Caroline

CodeColon Select All Code

[div=||width: 100px;margin:5px;][p=728][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG]Caroline[/p][/div]

CodeColon Select All Code

[tip=http://forum.worwor.net/viewtopic.php?f=49&t=172#p728|Caroline|caroline][IMG]http://i.imgbox.com/GdLvUBly.jpg[/IMG][/tip]

[Thiên Thần Chuối]

Tuy DIV không dễ dùng lắm nhưng khi dùng được rồi (kết hợp với style và mystyle) thì các bạn có thể trang trí cho bài viết của mình trông thật huyền cơ!

Cú pháp:

CodeColon Select All Code

[div=id|class|style CSS]Nội dung[/div]

HTML:

CodeColon Select All Code

<div id="id" class="class" style="style CSS">Nội dung</div>

Một số ứng dụng:

Nội dung post

Nội dung post

Xem thêm: http://www.w3schools.com/css/css_background.asp

CodeColon Select All Code

[div=||background: #DEDEDE;]Nội dung post[/div]

CodeColon Select All Code

[div=||background: url('http://i.imgur.com/srXx9oX.jpg');]Nội dung post[/div]

Solid

Dashed

Xem thêm: http://www.w3schools.com/css/css_border.asp

CodeColon Select All Code

[div=||border: 2px solid black;]Solid[/div]

CodeColon Select All Code

[div=||border: 2px dashed black;]Dashed[/div]

Nội dung post

CodeColon Select All Code

[div=||width: 500px; margin: auto;]Nội dung post[/div]

Nội dung post

CodeColon Select All Code

[div=||padding: 30px;]Nội dung post[/div]

Xem thêm về margin, padding, width, height, border: http://www.w3schools.com/css/css_boxmodel.asp

Good Morning

Good Morning

CodeColon Select All Code

[div=||display: flex; flex-flow: row wrap; text-align: center; font-size: 11px;]

[div=||width:100px;margin:5][thread=2][img]http://i.imgur.com/0fzXBg2.png[/img]Good Morning[/thread][/div]

[div=||width:100px;margin:5][thread=2][img]http://i.imgur.com/0fzXBg2.png[/img]Good Morning[/thread][/div]

[/div]

BBCode by Tendou.

[Meanie]

Ashura

A legendary dagger that is said to have been given to mankind by the gods.

[tip=http://i.imgur.com/pYBLwrQ.gif</td><td>Ashura</td><td>Ashura][left=][img]http://i.imgur.com/pYBLwrQ.gif[/img][/left] A legendary dagger that is said to have been given to mankind by the gods.[/tip]Ashura A legendary dagger that is said to have been given to mankind by the gods.

[Thiên Thần Chuối]

[Thiên Thần Chuối]