Template:User info: Difference between revisions

From Wikimedia UK
Jump to navigation Jump to search
(+ links)
(min-height rather than height, doesn't align top & bottom in smaller resolution but at least text doesn't overflow)
Line 33: Line 33:
{| style="width:100%; background:none; border:0; padding:0; margin:0; border-spacing:0; font-family:Calibri, Verdana, sans-serif; font-size:14px;"
{| style="width:100%; background:none; border:0; padding:0; margin:0; border-spacing:0; font-family:Calibri, Verdana, sans-serif; font-size:14px;"
| style="width:35.5%; padding-right:10px;" |
| style="width:35.5%; padding-right:10px;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); height:250px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:250px; padding:5px 15px;">
'''Biography'''&nbsp;&nbsp;&nbsp;{{{bio|foo}}}
'''Biography'''&nbsp;&nbsp;&nbsp;{{{bio|foo}}}
</div>
</div>
| style="width:35.5%;" |
| style="width:35.5%;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); height:250px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:250px; padding:5px 15px;">
'''What I do'''&nbsp;&nbsp;&nbsp;{{{work|foo}}}
'''What I do'''&nbsp;&nbsp;&nbsp;{{{work|foo}}}
</div>
</div>
| style="width:25%; padding-left:10px;" |
| style="width:25%; padding-left:10px;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); height:250px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:250px; padding:5px 15px;">
'''Contact me'''&nbsp;&nbsp;&nbsp;{{{contact|foo}}}
'''Contact me'''&nbsp;&nbsp;&nbsp;{{{contact|foo}}}
</div>
</div>

Revision as of 15:20, 17 March 2013

About me Other People Talk to me
Wikimedia UK logo.svg

WMUK office - clocks.jpg

John Doe

Mouse-chaser, Wikimedia UK

Biography   foo

What I do   foo

Contact me   foo

Usage

{{User info
|navbarlink=
|navbarlinkname=
|name=
|job title=
|organisation=
|short quote=
|imagename=
|hover text=
|bio=
|work=
|contact=
}}

Parameters

Parameter Explanation
navbarlink An optional link; defaults to People
navbarlinkname What you want to link to appear as.
name Full name (compulsory)
job title Just your job title - don't link it. (compulsory)
organisation The organisation you work for (defaults to Wikimedia UK).
short quote Something witty, meaningful or anything else.
imagename Include "File:" but don't link it.
hover text What would you like to appear when the image is hovered over?
bio This parameter is pretty self-explanatory.
work What do you do at Wikimedia UK?
contact Contact details

Examples

Retrieved from "https://dev.wikimedia.org.uk/w/index.php?title=Template:User_info&oldid=36886"