Wiki Sandbox Test: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
m (→‎Hand made Boxes: sizes done)
m (→‎Hand made Boxes: dammit, size problems)
Line 118: Line 118:
*boxnotice1
*boxnotice1
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png‎|Notice|32x32px|center]]</div>
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png‎|Notice|22x22px|center]]</div>
  <div style="margin-left:42px;">
  <div style="float:left; margin-left:10px;">line 1</div>
line 1
</div>
</div>
</div>


*boxnotice2
*boxnotice2
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png‎|Notice|50x50px|center]]</div>
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png|Notice|38x38px|center]]</div>
  <div style="margin-left:60px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2</div>
line 1 <br />
line 2
</div>
</div>
</div>


*boxnotice3
*boxnotice3
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
<div style="float:left; background-color:#ffe2e2; width:100%; border:2px #CC5555 solid;">
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png‎|Notice|70x70px|center]]</div>
  <div style="float:left; background-color:#CC5555;">[[image:Imbox_content.png‎|Notice|58x58px|center]]</div>
  <div style="margin-left:80px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxtip1
*boxtip1
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|32x32px|center]]</div>
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|22x22px|center]]</div>
  <div style="margin-left:42px;">
  <div style="float:left; margin-left:10px;">line 1</div>
line 1
</div>
</div>
</div>


*boxtip2
*boxtip2
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|50x50px|center]]</div>
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|38x38px|center]]</div>
  <div style="margin-left:60px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2</div>
line 1 <br />
line 2
</div>
</div>
</div>


*boxtip3
*boxtip3
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
<div style="float:left; background-color:#e2ffe2; width:100%; border:2px #55CC55 solid;">
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|70x70px|center]]</div>
  <div style="float:left; background-color:#55CC55;">[[image:64px-Info.png‎|Tip|58x58px|center]]</div>
  <div style="margin-left:80px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxinfo1
*boxinfo1
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|32x32px|center]]</div>
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|22x22px|center]]</div>
  <div style="margin-left:42px;">
  <div style="float:left; margin-left:10px;">line 1</div>
line 1
</div>
</div>
</div>


*boxinfo2
*boxinfo2
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|50x50px|center]]</div>
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|38x38px|center]]</div>
  <div style="margin-left:60px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2</div>
line 1 <br />
line 2
</div>
</div>
</div>


*boxinfo3
*boxinfo3
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
<div style="float:left; background-color:#e2e2ff; width:100%; border:2px #5555CC solid;">
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|70x70px|center]]</div>
  <div style="float:left; background-color:#5555CC;">[[image:Ambox_notice.png‎|Info|58x58px|center]]</div>
  <div style="margin-left:80px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe0
*boxframe0
<div style="float:left; background-color:#ffffff; width:100%; border:2px solid;">
<div style="float:left; background-color:#ffffff; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe1
*boxframe1
<div style="float:left; background-color:#f3f3f3; width:100%; border:2px solid;">
<div style="float:left; background-color:#f3f3f3; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe2
*boxframe2
<div style="float:left; background-color:#e3e3e3; width:100%; border:2px solid;">
<div style="float:left; background-color:#e3e3e3; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe3
*boxframe3
<div style="float:left; background-color:#d3d3d3; width:100%; border:2px solid;">
<div style="float:left; background-color:#d3d3d3; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe4
*boxframe4
<div style="float:left; background-color:#c3c3c3; width:100%; border:2px solid;">
<div style="float:left; background-color:#c3c3c3; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxframe5
*boxframe5
<div style="float:left; background-color:#b3b3b3; width:100%; border:2px solid;">
<div style="float:left; background-color:#b3b3b3; width:100%; border:2px solid;">
  <div style="margin-left:10px;">
  <div style="float:left; margin-left:10px;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>


*boxwarning1
*boxwarning1
<center>
<center>
<div style="background-color:#ffff66; width:80%; border:2px solid;">
<div style="background-color:#ffff66; width:70%; border:2px solid;">
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|32x32px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|22x22px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|32x32px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|22x22px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1</div>
line 1
</div>
</div>
</div>
</center>
</center>
Line 265: Line 212:
<center>
<center>
<div style="background-color:#ffff66; width:80%; border:2px solid;">
<div style="background-color:#ffff66; width:80%; border:2px solid;">
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|50x50px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|38x38px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|50x50px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|38x38px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1<br />line 2</div>
line 1 <br />
line 2
</div>
</div>
</div>
</center>
</center>
Line 276: Line 220:
*boxwarning3
*boxwarning3
<center>
<center>
<div style="background-color:#ffff66; width:80%; border:2px solid;">
<div style="background-color:#ffff66; width:90%; border:2px solid;">
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|70x70px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:64px-Warning.png‎|Warning|58x58px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|70x70px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:64px-Warning.png‎|Warning|58x58px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>
</center>
</center>
Line 289: Line 229:
*boxread1
*boxread1
<center>
<center>
<div style="background-color:#ff6666; width:80%; border:2px solid">
<div style="background-color:#ff6666; width:70%; border:2px solid">
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|32x32px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|22x22px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|32x32px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|22x22px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1</div>
line 1
</div>
</div>
</div>
</center>
</center>
Line 301: Line 239:
<center>
<center>
<div style="background-color:#ff6666; width:80%; border:2px solid">
<div style="background-color:#ff6666; width:80%; border:2px solid">
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|50x50px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|38x38px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|50x50px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|38x38px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1<br />line 2</div>
line 1 <br />
line 2
</div>
</div>
</div>
</center>
</center>
Line 312: Line 247:
*boxread3
*boxread3
<center>
<center>
<div style="background-color:#ff6666; width:80%; border:2px solid">
<div style="background-color:#ff6666; width:90%; border:2px solid">
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|70x70px|center]]</div>
  <div style="float:left; background-color:#000000;">[[image:Main_allpages.png‎|Read|58x58px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|70x70px|center]]</div>
  <div style="float:right; background-color:#000000;">[[image:Main_allpages.png‎|Read|58x58px|center]]</div>
  <div style="text-align:center; font-weight:bold">
  <div style="text-align:center; font-weight:bold;">line 1<br />line 2<br />line 3</div>
line 1 <br />
line 2 <br />
line 3
</div>
</div>
</div>
</center>
</center>

Revision as of 03:35, 28 August 2012

http://www.ps3devwiki.com/wiki/Category:Templates

inline table cell

Type Result Effect Method
Lazy Cat Yes No Opt
Early Bird No Opt Yes

ASCII buttons

○   circle
×   cross
□   square
△   triangle


icons

normal

PS3 icon

templated

Template:Iconps3


Target ID shorts

Target ID

Disc icons

  • PS2CD icon
  • PS2DVD icon
  • Unsupported Data icon


Boxes

Informational Tip
Info remarks here
Type This
Sample of keyboard input here
Warning
Warning message here












Mboxes









Hand made Boxes

This ones are box tests that maybe will be converted to templates later

  • boxnotice1
Notice
line 1
  • boxnotice2
Notice
line 1
line 2
  • boxnotice3
Notice
line 1
line 2
line 3
  • boxtip1
Tip
line 1
  • boxtip2
Tip
line 1
line 2
  • boxtip3
Tip
line 1
line 2
line 3
  • boxinfo1
Info
line 1
  • boxinfo2
Info
line 1
line 2
  • boxinfo3
Info
line 1
line 2
line 3
  • boxframe0
line 1
line 2
line 3
  • boxframe1
line 1
line 2
line 3
  • boxframe2
line 1
line 2
line 3
  • boxframe3
line 1
line 2
line 3
  • boxframe4
line 1
line 2
line 3
  • boxframe5
line 1
line 2
line 3
  • boxwarning1
Warning
Warning
line 1
  • boxwarning2
Warning
Warning
line 1
line 2
  • boxwarning3
Warning
Warning
line 1
line 2
line 3
  • boxread1
Read
Read
line 1
  • boxread2
Read
Read
line 1
line 2
  • boxread3
Read
Read
line 1
line 2
line 3
  • boxcode
Source Code
line 1
line 2
line 3
line 4
line 5
line 6
  • boxhexeditor
Source Code
line 1
line 2
line 3
line 4
line 5
line 6