Template:VidExpand - Revision history

Shiori at 15:47, 8 April 2008

2008-04-08T15:47:04Z

Misty: chnged firefox only to except IE, since it works in almost every other browser

2007-03-25T19:07:04Z

chnged firefox only to except IE, since it works in almost every other browser

Renegade: Added a small margin to the right of the box, to improve visual integration

2007-03-19T23:46:33Z

Added a small margin to the right of the box, to improve visual integration

Misty: Works with more than Firefox

2007-03-19T17:00:04Z

Works with more than Firefox

Renegade: Added collapsing

2007-03-19T16:44:12Z

Added collapsing

Renegade: This template can be used now.

2007-03-19T12:20:14Z

This template can be used now.

Renegade: Some minor fixes / User-css seems to be turned off - it's on OwenIsCool now (my css hero :D)

2007-03-19T03:16:48Z

Some minor fixes / User-css seems to be turned off - it's on OwenIsCool now (my css hero :D)

Renegade: will test this with user-based CSS and, once it works flawlessly, ask for the CSS to be included globally.

2007-03-19T02:41:14Z

will test this with user-based CSS and, once it works flawlessly, ask for the CSS to be included globally.

New page

<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand">↓</span>]]<br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px;" class="vidExpandDiv">
{|width="100%"
|rowspan="3" width="80px"|[[Image:{{{image|Channel icon.jpg}}}|80px|{{{name|ERROR: VIDEO NAME MISSING}}}]]
|'''{{{name|ERROR: VIDEO NAME MISSING}}}'''
|-
|{{{description|ERROR: DESCRIPTION MISSING}}}
|-
|style="font-size: x-small; text-align: right;"|Blogger: {{{blogger|ERROR: BLOGGER MISSING}}} - Date posted: {{{date|ERROR: DATE MISSING}}} - [{{{url|ERROR:URL MISSING}}} Watch]
|}</div></includeonly>
<noinclude>'''WARNING: THIS TEMPLATE IS NOT YET OPERATIONAL - DO NOT USE UNTIL THIS NOTICE WAS REMOVED. (NEEDS GLOBAL CSS CLASS.)'''<br>
This template will generate an episode-link like the ones on [[List of Lonelygirl15 videos]], i.e. in the format [Name] [Blogger-Icon] - however, it will add another icon behind it: ↓ (to be replaced with a graphical icon).<br>
This button, ''when clicked from within a browser supporting the :target pseudo-class'', like Firefox, will expand a block below the link showing episode data like image, description etc. Users with browsers not supporting :target (like Internet Explorer) will simply not be able to expand the links. This means, Internet Explorer users get the same as always, and Firefox users get even more. No drawbacks for anyone.
==Usage==
<pre>
{{VidExpand
|name=
|blogger=
|image=
|description=
|date=
|url=
}}
</pre>
*'''name''' - name of this episode, the exact page title of its page
*'''blogger''' - who posted this episode
*'''image''' - name of a screencap from this episode (only the filename, no Image: prefix)
*'''description''' - episode description
*'''date''' - date when this video was posted
*'''url''' - full url to the video
==Examples==
The examples below use the live template - you can use them to test whether or not this template works for you.
<ol>
<li>{{VidExpand
|name=First Blog / Dorkiness Prevails
|blogger=Bree
|image=Dorkiness.jpg
|description=So, I finally got a webcam and got it working (ugh, harder than I thought...). Hope you like it :)
|date=June 16th, 2006
|url=http://www.youtube.com/watch?v=-goXKtd6cPo
}}</li>
<li>{{VidExpand
|name=The Human Ransom
|blogger=Daniel
|image=B_and_d.JPG
|description=Daniel here on Bree's account. I guess she showed up with Jonas to get me back. I had some help editing this video, it's all still a blur...
|date=http://www.lonelygirl15.com/?p=184
|url=February 10th, 2007
}}</li>
<li>{{VidExpand
|name=Alex Is...
|blogger=Jonas
|image=0157-AlexNotBeatingAroundTheBush.jpg
|description=I saw Bree's video and Daniel and I got the hell out of there. It's all kind of a blur and I found out some crazy info I can't even process right now
|date=March 17th, 2007
|url=http://www.lonelygirl15.com/?p=211
}}</li></ol>
</noinclude>

@@ Line 1: / Line 1: @@
-<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (Firefox only)">&nabla;</span>]]<span id="{{{name|ERROR: VIDEO NAME MISSING}}}-collapse"></span><br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px; position: relative; top: 0px; left: 0px; margin-right: 8px;" class="vidExpandDiv">
+<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (except in IE)">&nabla;</span>]]<span id="{{{name|ERROR: VIDEO NAME MISSING}}}-collapse"></span><br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px; position: relative; top: 0px; left: 0px; margin-right: 8px;" class="vidExpandDiv">
 {|width="100%"
 |rowspan="3" width="80px"|[[Image:{{{image|Channel icon.jpg}}}|80px|{{{name|ERROR: VIDEO NAME MISSING}}}]]

@@ Line 1: / Line 1: @@
-<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (Firefox only)">&nabla;</span>]]<span id="{{{name|ERROR: VIDEO NAME MISSING}}}-collapse"></span><br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px; position: relative; top: 0px; left: 0px;" class="vidExpandDiv">
+<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (Firefox only)">&nabla;</span>]]<span id="{{{name|ERROR: VIDEO NAME MISSING}}}-collapse"></span><br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px; position: relative; top: 0px; left: 0px; margin-right: 8px;" class="vidExpandDiv">
 {|width="100%"
 |rowspan="3" width="80px"|[[Image:{{{image|Channel icon.jpg}}}|80px|{{{name|ERROR: VIDEO NAME MISSING}}}]]

@@ Line 1: / Line 1: @@
-<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (Firefox only)">&nabla;</span>]]<br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px;" class="vidExpandDiv">
+<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand (Firefox only)">&nabla;</span>]]<span id="{{{name|ERROR: VIDEO NAME MISSING}}}-collapse"></span><br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px; position: relative; top: 0px; left: 0px;" class="vidExpandDiv">
 {|width="100%"
 |rowspan="3" width="80px"|[[Image:{{{image|Channel icon.jpg}}}|80px|{{{name|ERROR: VIDEO NAME MISSING}}}]]
@@ Line 6: / Line 6: @@
 |{{{description|ERROR: DESCRIPTION MISSING}}}
 |-
-|style="font-size: x-small; text-align: right;"|Blogger: [[{{{blogger|ERROR: BLOGGER MISSING}}}]] - Date posted: {{{date|ERROR: DATE MISSING}}} - [{{{url|ERROR:URL MISSING}}} Watch]
+|style="font-size: x-small; text-align: right;"|Blogger: [[{{{blogger|ERROR: BLOGGER MISSING}}}]] - Date posted: {{{date|ERROR: DATE MISSING}}} - [{{{url|ERROR:URL MISSING}}} Watch] [[#{{{name|ERROR: VIDEO NAME MISSING}}}-collapse|<span title="Collapse" style="position: absolute; bottom: -5px; right: 1px;">&Delta;</span>]]
 |}</div></includeonly>
 <noinclude>This template will generate an episode-link like the ones on [[List of Lonelygirl15 videos]], i.e. in the format [Name] [Blogger-Icon] - however, it will add another icon behind it: &nabla;.<br>

@@ Line 54: / Line 54: @@
 |url=http://www.lonelygirl15.com/?p=211
 }}</li></ol>
-</noinclude>
+[[Category:Templates|{{PAGENAME}}]]</noinclude>

@@ Line 9: / Line 9: @@
 |}</div></includeonly>
 <noinclude>This template will generate an episode-link like the ones on [[List of Lonelygirl15 videos]], i.e. in the format [Name] [Blogger-Icon] - however, it will add another icon behind it: &nabla;.<br>
-This button, ''when clicked from within a browser supporting the :target pseudo-class'', like Firefox, will expand a block below the link showing episode data like image, description etc. Users with browsers not supporting :target (like Internet Explorer) will simply not be able to expand the links. This means, Internet Explorer users get the same as always, and Firefox users get even more. No drawbacks for anyone.
+This button, ''when clicked from within a browser supporting the :target pseudo-class'' (like Firefox, Camino, Opera, Safari, etc), will expand a block below the link showing episode data like image, description etc. Users with browsers not supporting :target (like Internet Explorer) will simply not be able to expand the links. This means, Internet Explorer users get the same as always, and users of just about every other browser get even more. No drawbacks for anyone.
 ==Usage==
 <pre>

@@ Line 1: / Line 1: @@
-<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand">&darr;</span>]]<br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px;" class="vidExpandDiv">
+<includeonly>[[{{{name|ERROR: VIDEO NAME MISSING}}}]] {{Init|{{{blogger}}}}} [[#{{{name|ERROR: VIDEO NAME MISSING}}}|<span title="Click to expand">&nabla;</span>]]<br><div id="{{{name|ERROR: VIDEO NAME MISSING}}}" style="border: #668CFF 2px solid; background: #eeeeee; min-height: 60px;" class="vidExpandDiv">
 {|width="100%"
 |rowspan="3" width="80px"|[[Image:{{{image|Channel icon.jpg}}}|80px|{{{name|ERROR: VIDEO NAME MISSING}}}]]
@@ Line 8: / Line 8: @@
 |style="font-size: x-small; text-align: right;"|Blogger: {{{blogger|ERROR: BLOGGER MISSING}}} - Date posted: {{{date|ERROR: DATE MISSING}}} - [{{{url|ERROR:URL MISSING}}} Watch]
 |}</div></includeonly>
-<noinclude>'''WARNING: THIS TEMPLATE IS NOT YET OPERATIONAL - DO NOT USE UNTIL THIS NOTICE WAS REMOVED. (NEEDS GLOBAL CSS CLASS.)'''<br>
+<noinclude>'''WARNING: THIS TEMPLATE IS NOT YET OPERATIONAL - DO NOT USE UNTIL THIS NOTICE WAS REMOVED. (NEEDS GLOBAL CSS CLASS.)'''
-This template will generate an episode-link like the ones on [[List of Lonelygirl15 videos]], i.e. in the format [Name] [Blogger-Icon] - however, it will add another icon behind it: &darr; (to be replaced with a graphical icon).<br>
 This button, ''when clicked from within a browser supporting the :target pseudo-class'', like Firefox, will expand a block below the link showing episode data like image, description etc. Users with browsers not supporting :target (like Internet Explorer) will simply not be able to expand the links. This means, Internet Explorer users get the same as always, and Firefox users get even more. No drawbacks for anyone.
 ==Usage==
@@ Line 44: / Line 45: @@
 |image=B_and_d.JPG
 |description=Daniel here on Bree's account. I guess she showed up with Jonas to get me back. I had some help editing this video, it's all still a blur...
-|date=http://www.lonelygirl15.com/?p=184
+|date=February 10th, 2007
-|url=February 10th, 2007
+|url=http://www.lonelygirl15.com/?p=184
 }}</li>
 <li>{{VidExpand