User:PetraMagna/Sandbox: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
PetraMagna (talk | contribs) No edit summary |
PetraMagna (talk | contribs) m ([InPageEdit]) Tag: New redirect |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
#REDIRECT[[User:PetraMagna/sandbox]] |
|||
WIP. Todo: |
|||
* Templatize. Too much work. Maybe just use a bot to autogenerate the table. |
|||
* Selfie image class with round borders (need example image). |
|||
* Use png image as background. Low priority. Need to get past MW's CSS sanitizer? |
|||
* Adjustment to padding, font size, etc. |
|||
<templatestyles src="MomoTalk/style.css" /> |
|||
<div class="momotalk-container"> |
|||
<div class="momotalk-top"><span class="momotalk-logo-text">MomoTalk</span><span class="momotalk-close">✕</span></div> |
|||
<table class="momotalk-table"> |
|||
<tr><td class="momotalk-profile-picture">[[File:Shiroko.png|50px]]</td><td><div class="momotalk-student-name">Shiroko dddd</div><div class="momotalk-student-line-container"><div class="momotalk-student-line momotalk-dialog-text">Test1</div></div></td></tr> |
|||
<tr><td></td><td><div class="momotalk-student-line-container"><div class="momotalk-student-line momotalk-dialog-text">Test1</div></div></td></tr> |
|||
<tr><td class="momotalk-profile-picture">[[File:Shiroko.png|50px]]</td><td><div class="momotalk-student-line-container">[[File:Shiroko_full.png|200px]]</div></td></tr> |
|||
<tr><td></td><td><div class="momotalk-sensei-line momotalk-dialog-text">Test2</div></td></tr> |
|||
<tr><td></td><td><div class="momotalk-reply-container"><div class="momotalk-reply-header">Reply</div><hr><div class="momotalk-reply-option">What's up?</div><div class="momotalk-reply-option">Hello?</div></div></td></tr> |
|||
<tr><td></td><td><div class="momotalk-relationship-story-container"><div class="momotalk-relationship-story-header">Relationship Event</div><hr><div class="momotalk-relationship-story-option">To Shiroko's Relationship Story</div></div></td></tr> |
|||
</table> |
|||
</div> |
|||
Latest revision as of 16:47, 30 January 2024
Redirect to: