User:AnnanFay/TestPage: Difference between revisions
Jump to navigation
Jump to search
>AnnanFay (Created page with "<!-- Images are 110x105px --> <h1>Test 1</h1> {{Navbox | name = Character Classes | title = Character Classes | group1 = <div style="text-align:left;"> * Witch * [...") |
>AnnanFay No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
Images are 110x105px | Images are 110x105px | ||
--> | --> | ||
Tested on Firefox only. Linux netbook (small screen) and Windows 7 Desktop (large screen) | |||
<h1>Test 3</h1> | |||
Can't do :hover with inline CSS, so guess this isn't going to work. | |||
{{#css: | |||
.image-container { | |||
height:300px; | |||
width:300px; | |||
background-image: url(http://pool.pathofexilewiki.com/w/images/Firestorm.jpg); | |||
} | |||
.image-container:hover { | |||
background-image: url(http://pool.pathofexilewiki.com/w/images/Firestorm.gif); | |||
} | |||
}} | |||
<div class="image-container"></div> | |||
<h1>Test 1</h1> | <h1>Test 1</h1> | ||
Line 77: | Line 96: | ||
<div style="position:absolute; right:0; bottom:67%;"> | <div style="position:absolute; right:0; bottom:67%;"> | ||
<div style="position:relative; top:52.5px;"> | <div style="position:relative; top:52.5px; margin: -0.4em 0;"> | ||
<div>[[Shadow]]</div> | <div>[[Shadow]]</div> | ||
[[Image: shadow-large.png|link=Shadow]] | [[Image: shadow-large.png|link=Shadow]] | ||
Line 84: | Line 103: | ||
<div style="position:absolute; right:0; top:67%;"> | <div style="position:absolute; right:0; top:67%;"> | ||
<div style="position:relative; top:-52.5px;"> | <div style="position:relative; top:-52.5px; margin: -0.4em 0;"> | ||
[[Image:ranger-large.png|link= Ranger]] | [[Image:ranger-large.png|link= Ranger]] | ||
<div>[[Ranger]]</div> | <div>[[Ranger]]</div> | ||
Line 98: | Line 117: | ||
<div style="position:absolute; left:0; top:67%;"> | <div style="position:absolute; left:0; top:67%;"> | ||
<div style="position:relative; top:-52.5px;"> | <div style="position:relative; top:-52.5px; margin: -0.4em 0;"> | ||
[[Image:marauder-large.png|link= Marauder]] | [[Image:marauder-large.png|link= Marauder]] | ||
<div>[[Marauder]]</div> | <div>[[Marauder]]</div> | ||
Line 105: | Line 124: | ||
<div style="position:absolute; left:0; bottom:67%;"> | <div style="position:absolute; left:0; bottom:67%;"> | ||
<div style="position:relative; bottom:-52.5px;"> | <div style="position:relative; bottom:-52.5px; margin: -0.4em 0;"> | ||
<div>[[Templar]]</div> | <div>[[Templar]]</div> | ||
[[Image:templar-large.png|link= Templar]] | [[Image:templar-large.png|link= Templar]] |
Latest revision as of 14:22, 21 February 2013
Tested on Firefox only. Linux netbook (small screen) and Windows 7 Desktop (large screen)
Test 3
Can't do :hover with inline CSS, so guess this isn't going to work.
{{#css: .image-container { height:300px; width:300px; background-image: url(http://pool.pathofexilewiki.com/w/images/Firestorm.jpg); } .image-container:hover { background-image: url(http://pool.pathofexilewiki.com/w/images/Firestorm.gif); } }}