User:Darkbutflashy: Difference between revisions

From FWiki
Jump to navigation Jump to search
FaceoffFembot (talk | contribs)
mNo edit summary
+Poor man's imagemap
Line 1: Line 1:
__NOTOC__
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 120%; text-align: justify; margin: 2ex 2em; padding: 2ex 2em; background: #f0f0ff; color: #303040; box-shadow: 0px 0px 10px #e0e0e0;">
<div style="font-family: Verdana, Geneva, sans-serif; font-size: 120%; text-align: justify; margin: 2ex 2em; padding: 2ex 2em; background: #f0f0ff; color: #303040; box-shadow: 0px 0px 10px #e0e0e0;">


Line 24: Line 25:
I use instant messengers (IRC, MSN, YIM), too, but I don't hang out in a special room.
I use instant messengers (IRC, MSN, YIM), too, but I don't hang out in a special room.
</div>
</div>
==Goodies==
===Poor man's imagemap===
Fembotwiki doesn't support the imagemap extension, so I thought of a poor man's substitute.
Try hovering over/clicking on the faces.
<div style="position: relative;">
[[Image:Heather.png|600px]]
<div style="position: absolute; left: 0px; top: 0px; width: 600px; height: 400px; z-index: 2;"></div>
<div style="position: absolute; left: 130px; top: 30px; font-size: 50px; z-index: 3; opacity: 0;">[[The_Mission/Chapter_01_-_Rochelle's_Visit|&nbsp;&nbsp;&nbsp;]]</div>
<div style="position: absolute; left: 400px; top: 10px; font-size: 100px; z-index: 3; opacity: 0;">[[CyberFem_Park_02|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]</div>
</div>
I thought of using this for easter eggs or picture-driven FYOP stories.
====How it works====
<pre><nowiki>
<div style="position: relative;">
<!--
  Here goes the image you like to map
-->
[[Image:Heather.png|600px]]
<!--
  This is a transparent layer on top of the image to disable the automatic
  linking to the image file. Adjust width and height to that of the image.
-->
<div style="position: absolute; left: 0px; top: 0px; width: 600px; height: 400px; z-index: 2;"></div>
<!--
  This is a clickable rectangle at topleft position 130|30.
  You can adjust the size by playing with the font-size and the number of &amp;nbsp; in the link.
  Please note all whitespace in the <div> is significant for the rectangle size so you have to put it all in one line.
-->
<div style="position: absolute; left: 130px; top: 30px; font-size: 50px; z-index: 3; opacity: 0;">[[The_Mission/Chapter_01_-_Rochelle's_Visit|&amp;nbsp;&amp;nbsp;&amp;nbsp;]]</div>
<!--
  A larger clickable rectangle at 400|10.
-->
<div style="position: absolute; left: 400px; top: 10px; font-size: 100px; z-index: 3; opacity: 0;">[[CyberFem_Park_02|&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;]]</div>
</div>
</nowiki></pre>
(Tried to put this into a template, it won't work because the template processor is replacing { by &amp;#123; in styles.)


[[Category:User page]]
[[Category:User page]]
[[Category:Darkbutflashy]]
[[Category:Darkbutflashy]]

Revision as of 19:32, 15 December 2014

deDiese Person spricht Deutsch als Muttersprache.
en-3This user is able to contribute with an advanced level of English.
ja-1この利用者は簡単な日本語を話します。

Who I am

A cuboid-shaped robot engineer.
Why a cuboid? Well, chicks dig it more than spheres. [^.^];

What I do here

Mostly I admire what others write and upload. And I'm writing the Robocop-like story 戦闘機械 綾子 - Battlemachine Ayako, which keeps me busy for about two days a month, when I write down a new chapter.

If you like my story or don't like and have a reason why, feel free to leave a comment. Same if you want to discuss about the technical background of robots and cyborgs. Just don't think it will be anything like discussing how The Singularity would be like. That stuff has already happened and wasn't anything like a singularity but rather is a long, persisting process of continous efforts in engineering happening all day.

If you like to do a RPG session in the Battlemachine Ayako universe with me (and maybe others who already did), please read the related roleplaying thread on Fembot Central and contact me.

How to contact me

I use instant messengers (IRC, MSN, YIM), too, but I don't hang out in a special room.

Goodies

Poor man's imagemap

Fembotwiki doesn't support the imagemap extension, so I thought of a poor man's substitute.

Try hovering over/clicking on the faces.

File:Heather.png

I thought of using this for easter eggs or picture-driven FYOP stories.

How it works

<div style="position: relative;">

<!--
  Here goes the image you like to map
-->
[[Image:Heather.png|600px]]

<!--
  This is a transparent layer on top of the image to disable the automatic
  linking to the image file. Adjust width and height to that of the image.
-->
<div style="position: absolute; left: 0px; top: 0px; width: 600px; height: 400px; z-index: 2;"></div>

<!--
  This is a clickable rectangle at topleft position 130|30.
  You can adjust the size by playing with the font-size and the number of &nbsp; in the link.
  Please note all whitespace in the <div> is significant for the rectangle size so you have to put it all in one line.
-->
<div style="position: absolute; left: 130px; top: 30px; font-size: 50px; z-index: 3; opacity: 0;">[[The_Mission/Chapter_01_-_Rochelle's_Visit|&nbsp;&nbsp;&nbsp;]]</div>

<!--
  A larger clickable rectangle at 400|10.
-->
<div style="position: absolute; left: 400px; top: 10px; font-size: 100px; z-index: 3; opacity: 0;">[[CyberFem_Park_02|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]</div>

</div>

(Tried to put this into a template, it won't work because the template processor is replacing { by &#123; in styles.)