User:Darkbutflashy: Difference between revisions
+Poor man's imagemap |
|||
Line 30: | Line 30: | ||
Fembotwiki doesn't support the imagemap extension, so I thought of a poor man's substitute. | Fembotwiki doesn't support the imagemap extension, so I thought of a poor man's substitute. | ||
Try hovering over/clicking on the faces. | Try hovering over/clicking on the faces and breast of the left model. | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
[[Image:Heather.png|600px]] | [[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: 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| ]]</div> | <div style="position: absolute; left: 130px; top: 30px; font-size: 50px; z-index: 3; opacity: 0;">[[The_Mission/Chapter_01_-_Rochelle's_Visit| ]]</div> | ||
<div style="position: absolute; left: 130px; top: 80px; font-size: 50px; z-index: 3; opacity: 0;"><span title="So you want me to strip, huh? Naughty one, I think I show you something else first."> </span></div> | |||
<div style="position: absolute; left: 400px; top: 10px; font-size: 100px; z-index: 3; opacity: 0;">[[CyberFem_Park_02| ]]</div> | <div style="position: absolute; left: 400px; top: 10px; font-size: 100px; z-index: 3; opacity: 0;">[[CyberFem_Park_02| ]]</div> | ||
</div> | </div> | ||
Line 58: | Line 59: | ||
Please note all whitespace in the <div> is significant for the rectangle size so you have to put it all in one line. | 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> | <div style="position: absolute; left: 130px; top: 30px; font-size: 50px; z-index: 3; opacity: 0;">[[The_Mission/Chapter_01_-_Rochelle's_Visit|Yeah, that's me.|&nbsp;&nbsp;&nbsp;]]</div> | ||
<!-- | |||
If you don't need a link but only a baloon, use a <span title="foobar"> blurb instead. | |||
--> | |||
<div style="position: absolute; left: 130px; top: 80px; font-size: 50px; z-index: 3; opacity: 0;"><span title="So you want me to strip, huh? Naughty one, I think I show you something else first.">&nbsp;&nbsp;&nbsp;</span></div> | |||
<!-- | <!-- |
Revision as of 19:50, 15 December 2014
de | Diese Person spricht Deutsch als Muttersprache. |
en-3 | This 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
- Use my discussion page here on FembotWiki.
- Send me a personal message on the Fembot Central forum.
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 and breast of the left model.
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 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|Yeah, that's me.| ]]</div> <!-- If you don't need a link but only a baloon, use a <span title="foobar"> blurb instead. --> <div style="position: absolute; left: 130px; top: 80px; font-size: 50px; z-index: 3; opacity: 0;"><span title="So you want me to strip, huh? Naughty one, I think I show you something else first."> </span></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| ]]</div> </div>
(Tried to put this into a template, it won't work because the template processor is replacing { by { in styles.)