Testseite2: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 3: Zeile 3:
 
<html>
 
<html>
  
<table border=1 style="text-align:center; width:100%;">
+
<table style="text-align:center; width:100%;">
 
<tr>
 
<tr>
 
<td colspan="2" width="20%"><a href="/Werte"><img src="./images/icons/green_button.png"></a></td>
 
<td colspan="2" width="20%"><a href="/Werte"><img src="./images/icons/green_button.png"></a></td>
Zeile 36: Zeile 36:
 
</div>
 
</div>
 
<div id="OSEGTV_div" style="position:relative; left:80px; top:20px; z-index:1;">
 
<div id="OSEGTV_div" style="position:relative; left:80px; top:20px; z-index:1;">
  <iframe id="OSEGTV" width="540" height="360" src="http://www.youtube.com/embed/CXZD19yrtYM" frameborder="0" allowfullscreen></iframe>
+
  <iframe id="OSEGTV" width="400" height="266" src="http://www.youtube.com/embed/CXZD19yrtYM" frameborder="0" allowfullscreen></iframe>
 
</div>
 
</div>
<div id="OSEGTV_videoinfo_div" style="position:relative; top:20px; left:93px; z-index:1;">
+
<div id="OSEGTV_videoinfo_div" style="position:relative; top:20px; left:80px; z-index:1;">
  <select name="OSEGTV_videoinfo" id="OSEGTV_videoinfo" onchange='document.getElementById("OSEGTV").src=this.value;'>
+
  <select name="OSEGTV_videoinfo" id="OSEGTV_videoinfo" onchange='document.getElementById("OSEGTV").src=this.value;' style="font-size:0.8em;">
 
   <option value="http://embed.ted.com/talks/lang/de/marcin_jakubowski.html">April, 2011 - Marcin Jakubowski - OSE International</option>
 
   <option value="http://embed.ted.com/talks/lang/de/marcin_jakubowski.html">April, 2011 - Marcin Jakubowski - OSE International</option>
 
   <option value="http://www.youtube.com/embed/U8htRDPHgtw">September 22, 2012 - Die Ziegelpresse und der LifeTrac – OSE International</option>
 
   <option value="http://www.youtube.com/embed/U8htRDPHgtw">September 22, 2012 - Die Ziegelpresse und der LifeTrac – OSE International</option>
Zeile 46: Zeile 46:
 
</div>
 
</div>
  
<div id="play_backward" style="height:0px; width:0px; position:relative; top:-98px; left:-20px; z-index:1;"><a href="javascript:OSEGTV_backward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-left-3.png"></a></div>
+
<div id="play_backward" style="height:0px; width:0px; position:relative; top:-98px; left:-14px; z-index:1;"><a href="javascript:OSEGTV_backward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-left-3.png"></a></div>
  
<div id="play_forward" style="height:0px; width:0px; position:relative; top:-98px; left:588px; z-index:1;"><a href="javascript:OSEGTV_forward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-right-3.png"></a></div>
+
<div id="play_forward" style="height:0px; width:0px; position:relative; top:-98px; left:452px; z-index:1;"><a href="javascript:OSEGTV_forward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-right-3.png"></a></div>
  
 
</div>
 
</div>
Zeile 69: Zeile 69:
 
<td><a href="/Meetings"><img src="./images/icons/event_info.png"></a></td>
 
<td><a href="/Meetings"><img src="./images/icons/event_info.png"></a></td>
 
<td><a href="/Events"><img src="./images/icons/event.png"></a></td>
 
<td><a href="/Events"><img src="./images/icons/event.png"></a></td>
 +
<td rowspan="5">
 +
 +
</html>
 +
[[File:Facebook_logo.png|link=https://www.facebook.com/OSEGermany]]
 +
<br><br>
 +
[[File:Twitter_logo.png|link=http://twitter.com/OSEGermany]]
 +
<br><br>
 +
[[File:Youtube_logo.png|link=https://www.youtube.com/user/osegermany]]
 +
<html>
 +
 +
</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
Zeile 77: Zeile 88:
  
 
<tr>
 
<tr>
<td colspan="4" height="30px">&nbsp;</td>
+
<td colspan="3" height="30px">&nbsp;</td>
 
</tr>
 
</tr>
  
Zeile 101: Zeile 112:
 
</html>
 
</html>
  
 +
== Projekte ==
  
== OpenSourceEcology Live ==
 
 
<div id="header" style="text-align:center;">
 
 
<html>
 
<html>
</div>
+
<table style="font-size:0.7em; text-align:center;">
 
 
<div style="position:relative; height:400px; top:0px; left:0px; width:60%;">
 
<div style="height:0px; width:0px;">
 
</div>
 
<div id="OSEGTV_div" style="position:relative; left:80px; top:20px; z-index:1;">
 
<iframe id="OSEGTV" width="540" height="360" src="http://www.youtube.com/embed/CXZD19yrtYM" frameborder="0" allowfullscreen></iframe>
 
</div>
 
<div id="OSEGTV_videoinfo_div" style="position:relative; top:20px; left:93px; z-index:1;">
 
<select name="OSEGTV_videoinfo" id="OSEGTV_videoinfo" onchange='document.getElementById("OSEGTV").src=this.value;'>
 
  <option value="http://embed.ted.com/talks/lang/de/marcin_jakubowski.html">April, 2011 - Marcin Jakubowski - OSE International</option>
 
  <option value="http://www.youtube.com/embed/U8htRDPHgtw">September 22, 2012 - Die Ziegelpresse und der LifeTrac – OSE International</option>
 
  <option value="http://www.youtube.com/embed/CXZD19yrtYM" selected>Oktober 24, 2012 - Aufruf zur Open Source Ökonomie - OSE Germany</option>
 
</select>
 
</div>
 
 
 
<div id="play_backward" style="height:0px; width:0px; position:relative; top:-98px; left:-20px; z-index:1;"><a href="javascript:OSEGTV_backward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-left-3.png"></a></div>
 
 
 
<div id="play_forward" style="height:0px; width:0px; position:relative; top:-98px; left:588px; z-index:1;"><a href="javascript:OSEGTV_forward();"><img src="http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/128x128/actions/arrow-right-3.png"></a></div>
 
 
 
<div style="position:relative; top:-390px; left:-30px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Facebook_logo.png|link=https://www.facebook.com/OSEGermany]]<html></div>
 
<div style="position:relative; top:-350px; left:-30px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Twitter_logo.png|link=http://twitter.com/OSEGermany]]<html></div>
 
<div style="position:relative; top:-310px; left:-30px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Youtube_logo.png|link=https://www.youtube.com/user/osegermany]]<html></div>
 
 
 
<div style="position:relative; top:-180px; left:630px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Induction-furnace_50pxh.png|link=Induktionsofen]]<br/>[[Induktionsofen]]<html></div>
 
 
 
<div style="position:relative; top:-390px; left:630px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Tlud-stove_50pxh.png|link=Holzvergaserofen]]<br/>[[Holzvergaserofen|Holzvergaserofen]]<html></div>
 
 
 
<div style="position:relative; top:-320px; left:630px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Tiva-wind-turbine-transparent-50pxh.png|link=Wind_Turbine]]<br/>[[Wind_Turbine|Windturbine]]<html></div>
 
 
 
<div style="position:relative; top:30px; left:630px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Plastic_shredder_50pxh.png|link=Filamaker]]<br/>[[Filamaker]]<html></div>
 
 
 
<div style="position:relative; top:-250px; left:630px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Unipro_icon2.png|50px|link=Universal Prototyping Kit]]<br/>[[Universal Prototyping Kit|Metallbaukasten]]<html></div>
 
 
 
<div style="position:relative; top:100px; left:0px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[CNC_Circuit_Mill|CNC Platinenfräse]]<html></div>
 
 
 
<div style="position:relative; top:30px; left:100px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[File:Icon5c.png|50px|link=Zn/O-Brennstoffzelle]]<br/><br/>[[Zn/O-Brennstoffzelle]]<html></div>
 
 
 
<div style="position:relative; top:100px; left:200px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[Hoflader]]<html></div>
 
<div style="position:relative; top:100px; left:300px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[Rollhacke]]<html></div>
 
<div style="position:relative; top:100px; left:400px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[DiVER]]<html></div>
 
<div style="position:relative; top:100px; left:500px; font-size:0.7em; text-align:center; width:100px; z-index:5; height:0px;"></html>[[Projektinkubator]]<html></div>
 
 
 
 
 
 
 
  
 +
<tr>
 +
<td width="100"></html>[[File:Induction-furnace_50pxh.png|link=Induktionsofen]]<html></td>
 +
<td width="100"></html>[[File:Plastic_shredder_50pxh.png|link=Filamaker]]<html></td>
 +
<td width="100"></html>[[File:Tlud-stove_50pxh.png|link=Holzvergaserofen]]<html></td>
 +
<td width="100"></html>[[File:Tiva-wind-turbine-transparent-50pxh.png|link=Wind_Turbine]]<html></td>
 +
<td width="100"></html>[[File:Unipro_icon2.png|50px|link=Universal Prototyping Kit]]<html></td>
 +
<td width="100"></td>
 +
<td width="100"></html>[[File:Icon5c.png|50px|link=Zn/O-Brennstoffzelle]]<html></td>
 +
<td width="100"></td>
 +
<td width="100"></td>
 +
<td width="100"></td>
 +
<td width="100"></td>
 +
</tr>
  
 +
<tr>
 +
<td></html>[[Induktionsofen]]<html></td>
 +
<td></html>[[Filamaker]]<html></td>
 +
<td></html>[[Holzvergaserofen|Holzvergaserofen]]<html></td>
 +
<td></html>[[Wind_Turbine|Windturbine]]<html></td>
 +
<td></html>[[Universal Prototyping Kit|Metallbaukasten]]<html></td>
 +
<td></html>[[CNC_Circuit_Mill|CNC Platinenfräse]]<html></td>
 +
<td></html>[[Zn/O-Brennstoffzelle]]<html></td>
 +
<td></html>[[Hoflader]]<html></td>
 +
<td></html>[[Rollhacke]]<html></td>
 +
<td></html>[[DiVER]]<html></td>
 +
<td></html>[[Projektinkubator]]<html></td>
 +
</tr>
  
 +
</table>
  
</div>
 
 
</html>
 
</html>
  
<html>
 
<SCRIPT><!--
 
 
 
function OSEGTV_backward(){
 
 
  if(document.getElementById("OSEGTV_videoinfo").selectedIndex > 0){
 
    document.getElementById("OSEGTV_videoinfo").selectedIndex=document.getElementById("OSEGTV_videoinfo").selectedIndex - 1;
 
    document.getElementById("OSEGTV").src=document.getElementById("OSEGTV_videoinfo").value;
 
  }
 
 
}
 
 
function OSEGTV_forward(){
 
  if(document.getElementById("OSEGTV_videoinfo").selectedIndex < document.getElementById("OSEGTV_videoinfo").length-1){
 
    document.getElementById("OSEGTV_videoinfo").selectedIndex=document.getElementById("OSEGTV_videoinfo").selectedIndex + 1;
 
    document.getElementById("OSEGTV").src=document.getElementById("OSEGTV_videoinfo").value;
 
  }
 
}
 
 
//--></SCRIPT>
 
</html>
 
  
  

Version vom 25. April 2013, 19:44 Uhr

Open Source Ecology Germany

Werte Open_Source_Economy Netzwerk Freunde OSE
 
Media Forum Blog Kontakt
 
Facebook logo.png

Twitter logo.png

Youtube logo.png
Kommunikation Meetings Events
 
Software MediaWiki Erweiterungen FAQ
 

Projekte

Induction-furnace 50pxh.png Plastic shredder 50pxh.png Tlud-stove 50pxh.png Tiva-wind-turbine-transparent-50pxh.png Unipro icon2.png Icon5c.png
Induktionsofen Filamaker Holzvergaserofen Windturbine Metallbaukasten CNC Platinenfräse Zn/O-Brennstoffzelle Hoflader Rollhacke DiVER Projektinkubator




Unterstützen, Mitmachen, Spenden

Jede Unterstützung hilft weiter, die Idee einer Open-Source-Ökonomie weiter vorantreiben zu können.

Für weitere Informationen klicke

Falls Du Mitmachen möchtest, so kannst Du unten in den einzelnen Bereichen und Gruppen schauen, welche Ressourcen gesucht und Aufgaben zu erledigen sind.