Make a Teddy - Erstell dir deinen eigenen Teddybär! / Make your own teddy bear!/title> <script language=JavaScript src="picker.js"></script> <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="description" content="Erstell dir deinen eigenen Teddybär Avatar - Create your own teddy bear avatar"> <meta name="keywords" content="teddy, teddy bear, teddybear, teddybär, avatar, funny, generator, make a teddy, make a teddy bear, make a teddybear"> <meta name="author" content="Sven Camrath"> <meta name="abstract" content="Auf dieser Seite kannst du deinen eigenen Teddybären zusammenklicken - On this page you can create your own teddybear"> <meta name="revisit-After" content="7 days"> <meta name="distribution" content="global"> </head> <style type="text/css" media="screen"> body { font-size: 68%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #FCFCFC; color: #000000; } input, select, textarea { color:#000000; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } a { color: #BD0000; } .logo { position:absolute; top:4px; left:0px; z-index:9; heigth: 101px; } #b1 { top:3px; left:98px; } #b2 { top:5px; left:168px; } #b3 { top:0px; left:230px; } #b4 { top:7px; left:293px; } #counter { font-size:10px; top:105px; left:5px; } .rahmen { border: #B8B8B8; font-size:13px; font-weight:regular; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .urlbox { border: #B8B8B8; font-size:10px; font-weight:regular; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .gobutton { background-color: #ffffff; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:14px; width:140px; height:24px; text-align:center; color:#BD0000; font-weight:bold; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } img { border: 0; } .creator { position:absolute; top:210px; left:00px; z-index:1; } .teddyecho { background: #FAFAFA; position:absolute; width:858px; top:135px; left:30px; padding:5px; border:1px solid #B8B8B8; z-index:12; } .youradbox { background: #FAFAFA; position:absolute; top:135px; left:30px; padding:15px; border:1px solid #B8B8B8; } .impressum { background: #FAFAFA; position:absolute; top:135px; left:30px; padding:15px; border:1px solid #B8B8B8; } .footer { position:absolute; top:659px; left:88px; padding:5px; z-index:33 } .textbox { background: #FAFAFA; position:absolute; top:365px; left:87px; z-index:11; padding:5px; border:1px solid #B8B8B8; } .listbox { background: #FAFAFA; position:absolute; top:365px; left:478px; z-index:32; padding:5px; border:1px solid #B8B8B8; } .listall { background: #FAFAFA; position:absolute; top:155px; left:37px; z-index:11; padding:5px; } .editbutton { background-color: #ffffff; font-size:9px; color:#000000; align:center; font-weight:bold; border:dashed 1px #474747; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .randombox { background: #FAFAFA; position:absolute; top:333px; left:320px; z-index:11; padding:0px; border:0px } .randombutton { background-color: #ffffff; font-size:9px; color:#8C0000; width:89px; font-weight:bold; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .bars { position:absolute; top:-84px; left:28px; z-index:0; border:0px; } .itembox { position:absolute; top:141px; left:721px; border:0px; z-index:9; } .viewbox { position:absolute; top:131px; left:21px; border:0px; z-index:9; } .banner { position:absolute; top:5px; left:432px; border:0px; z-index:9; background: #FCFCFC; background-image: url(gfx/banner.gif); background-repeat: no-repeat; background-position: left 0px; padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #030; width: 468px; heigth: 60px; clear: both; } .banner p{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; border-top-width: 1px; border-top-style: dotted; border-top-color: #030; } .button { position:absolute; border:0px; z-index=8; } #tm { top:11px; left:333px; } #tp { top:11px; left:382px; } #hm { top:34px; left:319px; } #hp { top:34px; left:396px; } #hmm { top:27px; left:15px; } #hpp { top:27px; left:700px; } #em { top:57px; left:319px; } #ep { top:57px; left:396px; } #emm { top:67px; left:15px; } #epp { top:67px; left:700px; } #mm { top:87px; left:319px; } #mp { top:87px; left:396px; } #mmm { top:114px; left:15px; } #mpp { top:114px; left:700px; } .img_center { position:absolute; top:35px; left:334px; border:0px; } #body { z-index:3; } #hair { z-index:5; } #eyes { z-index:4; } #mouth { z-index:6; } #item { z-index:7; } .img_out { position:absolute; border:0px; } #tm1 { top:-72px; left:269px; z-index:7; } #tm2 { top:-72px; left:200px; z-index:7; } #tm3 { top:-72px; left:130px; z-index:7; } #tp1 { top:-72px; left:397px; z-index:7; } #tp2 { top:-72px; left:467px; z-index:7; } #tp3 { top:-72px; left:539px; z-index:7; } #hm1 { top:18px; left:257px; z-index:7; } #hm2 { top:18px; left:202px; z-index:7; } #hm3 { top:18px; left:142px; z-index:7; } #hm4 { top:18px; left:82px; z-index:7; } #hm5 { top:18px; left:27px; z-index:7; } #hp1 { top:18px; left:410px; z-index:7; } #hp2 { top:18px; left:465px; z-index:7; } #hp3 { top:18px; left:525px; z-index:7; } #hp4 { top:18px; left:585px; z-index:7; } #hp5 { top:18px; left:640px; z-index:7; } #em1 { top:54px; left:257px; z-index:8; } #em2 { top:54px; left:202px; z-index:8; } #em3 { top:54px; left:142px; z-index:8; } #em4 { top:54px; left:82px; z-index:8; } #em5 { top:54px; left:27px; z-index:8; } #ep1 { top:54px; left:410px; z-index:8; } #ep2 { top:54px; left:465px; z-index:8; } #ep3 { top:54px; left:525px; z-index:8; } #ep4 { top:54px; left:585px; z-index:8; } #ep5 { top:54px; left:640px; z-index:8; } #mm1 { top:82px; left:257px; z-index:9; } #mm2 { top:82px; left:202px; z-index:9; } #mm3 { top:82px; left:142px; z-index:9; } #mm4 { top:82px; left:82px; z-index:9; } #mm5 { top:82px; left:27px; z-index:9; } #mp1 { top:82px; left:410px; z-index:9; } #mp2 { top:82px; left:465px; z-index:9; } #mp3 { top:82px; left:525px; z-index:9; } #mp4 { top:82px; left:585px; z-index:9; } #mp5 { top:82px; left:640px; z-index:9; } </style> <body> <div class="logo"> <img src=gfx/fliessband.gif> <div class="logo" id="b1"><img src=teddies_header/13.gif?1280617667></div> <div class="logo" id="b2"><img src=teddies_header/12.gif?1280617667></div> <div class="logo" id="b3"><img src=teddies_header/11.gif?1280617667></div> <div class="logo" id="b4"><img src=teddies_header/10.gif?1280617667></div> <div class="logo"><a href="index.php"><img title="Make a teddy!" src=gfx/logo.gif></a></div> <div class="logo" id="counter"><img src=gfx/stats.gif> Teddy-Counter: <strong> 5327</strong></div> </div> <div class="banner"> <p> <script language="JavaScript1.1" type="text/javascript" src="http://www.contaxe.com/go/go.js?t=19&c=13755&s=15824&rnd=1"> </script></p> </div> <div class="creator"> <div class="bars"> <img src=gfx/bars.gif></div> <div class="button" id="hp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=2&e=1&m=1&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plus.gif></a> </div> <div class="button" id="hpp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=12&e=1&m=1&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plusplus.gif></a> </div> <div class="button" id="ep"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=2&m=1&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plus.gif></a> </div><div class="button" id="epp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=27&m=1&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plusplus.gif></a> </div> <div class="button" id="mp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=2&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plus.gif></a> </div><div class="button" id="mpp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=16&bg=&t=1&f=3&txt=&c=&l="><img border=0 src=gfx/plusplus.gif></a> </div> <div class="button" id="tp"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=1&bg=&t=2&f=3&txt=&c=&l="><img border=0 src=gfx/plus.gif></a> </div> <div class="img_center" id="body"> <img src="tiles/teddy/1.gif"> </div> <div class="img_out" id="tp1"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=1&t=2&f=3&c=&l=&txt="> <img src="tiles/teddy/2.gif"></a> </div> <div class="img_out" id="tp2"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=1&t=3&f=3&c=&l=&txt="> <img src="tiles/teddy/3.gif"></a> </div> <div class="img_out" id="tp3"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=1&t=4&f=3&c=&l=&txt="> <img src="tiles/teddy/4.gif"></a> </div> <div class="img_center" id="hair"> <img src="tiles/hair/1.gif"> </div> <div class="img_out" id="hp1"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=2&e=1&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/hair/2.gif"></a> </div><div class="img_out" id="hp2"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=3&e=1&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/hair/3.gif"></a> </div><div class="img_out" id="hp3"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=4&e=1&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/hair/4.gif"></a> </div><div class="img_out" id="hp4"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=5&e=1&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/hair/5.gif"></a> </div><div class="img_out" id="hp5"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=6&e=1&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/hair/6.gif"></a> </div> <div class="img_center" id="eyes"> <img src="tiles/eyes/1.gif"> </div> <div class="img_out" id="ep1"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=2&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/eyes/2.gif"></a> </div><div class="img_out" id="ep2"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=3&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/eyes/3.gif"></a> </div><div class="img_out" id="ep3"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=4&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/eyes/4.gif"></a> </div><div class="img_out" id="ep4"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=5&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/eyes/5.gif"></a> </div><div class="img_out" id="ep5"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=6&m=1&t=1&f=3&c=&l=&txt="> <img src="tiles/eyes/6.gif"></a> </div> <div class="img_center" id="mouth"> <img src="tiles/mouth/1.gif"> </div> <div class="img_out" id="mp1"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=2&t=1&f=3&c=&l=&txt="> <img src="tiles/mouth/2.gif"></a> </div><div class="img_out" id="mp2"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=3&t=1&f=3&c=&l=&txt="> <img src="tiles/mouth/3.gif"></a> </div><div class="img_out" id="mp3"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=4&t=1&f=3&c=&l=&txt="> <img src="tiles/mouth/4.gif"></a> </div><div class="img_out" id="mp4"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=5&t=1&f=3&c=&l=&txt="> <img src="tiles/mouth/5.gif"></a> </div><div class="img_out" id="mp5"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=0&h=1&e=1&m=6&t=1&f=3&c=&l=&txt="> <img src="tiles/mouth/6.gif"></a> </div> </div><div class="itembox"> <div style="position:absolute; top:1px; left:1px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:0px; left:0px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=1&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/1.gif></div></a> <div style="position:absolute; top:1px; left:61px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:0px; left:60px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=2&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/2.gif></div></a> <div style="position:absolute; top:1px; left:121px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:0px; left:120px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=3&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/3.gif></div></a> <div style="position:absolute; top:81px; left:1px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:80px; left:0px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=4&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/4.gif></div></a> <div style="position:absolute; top:81px; left:61px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:80px; left:60px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=5&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/5.gif></div></a> <div style="position:absolute; top:81px; left:121px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:80px; left:120px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=6&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/6.gif></div></a> <div style="position:absolute; top:161px; left:1px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:160px; left:0px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=7&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/7.gif></div></a> <div style="position:absolute; top:161px; left:61px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:160px; left:60px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=8&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/8.gif></div></a> <div style="position:absolute; top:161px; left:121px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:160px; left:120px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=9&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/9.gif></div></a> <div style="position:absolute; top:241px; left:1px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:240px; left:0px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=10&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/10.gif></div></a> <div style="position:absolute; top:241px; left:61px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:240px; left:60px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=11&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/11.gif></div></a> <div style="position:absolute; top:241px; left:121px; z-index:9;"> <img border=0 src=gfx/kontur.gif></div> <div style="position:absolute; top:240px; left:120px; z-index:10;"> <a rel=nofollow href="index.php?p=create&a=1&i=12&s=0&h=1&e=1&m=1&t=1&&f=3&c=&l=&txt="> <img border=0 src=tiles/items/12.gif></div></a> <div style="position:absolute; top:332px; left:165px; z-index:11; border:0px;"> <a rel=nofollow href="index.php?p=create&a=1&i=&s=12&h=1&e=1&m=1&t=1&&f=3&txt=&c=&l="> <img border=0 src=gfx/minus_items.gif> </a> </div> </div> <div class="randombox"><form name="randombox" method="POST" action="index.php?p=create&p2=random"> <input class="randombutton" type="submit" value="Zufall / Random" name="Zufall / Random"> </form> </div> <div class="listbox">Aus Liste wählen: / Select from list: <br><br> <center> <a rel="nofollow" href="index.php?p=create&p2=vhair&a=1&i=&s=0&h=1&e=1&m=1&t=1&f=3&c=&l=&txt=" title="Frisur / Hair"><img src="gfx/list_hair.gif"></a> <a rel="nofollow" href="index.php?p=create&p2=veyes&a=1&i=&s=0&h=1&e=1&m=1&t=1&f=3&c=&l=&txt=" title="Augen / Eyes"><img src="gfx/list_eyes.gif"></a> <a rel="nofollow" href="index.php?p=create&p2=vmouth&a=1&i=&s=0&h=1&e=1&m=1&t=1&f=3&c=&l=&txt=" title="Mund / Mouth"><img src="gfx/list_mouth.gif"></a> <a rel="nofollow" href="index.php?p=create&p2=vitems&a=1&i=&s=0&h=1&e=1&m=1&t=1&f=3&c=&l=&txt=" title="Gegenstaende / Items"><img src="gfx/list_items.gif"></a><br> </center></div> <div class=textbox><script language="javascript"> function zaehlen() { max = 250; anz = document.textbox.txt.value.length+1; document.textbox.anzeige.value = max - anz; } </script> <form name="textbox" onKeypress="zaehlen()" onKeydown="zaehlen()" method="POST" action="index.php?p=create&p2=render&i=&s=0&h=1&e=1&m=1&t=1"> Text: (optional)<br><textarea name="txt" rows="3" cols="46" class="rahmen"></textarea><br> Zeichen übrig / Chars left : <input class="rahmen" type="text" name="anzeige" size="3" value="250"> <br><br> Farbe / Color: #<input class="rahmen" type="text" name="c" value="" size="5"> <a href="javascript:TCP.popup(document.forms['textbox'].elements['c'])"><img width="15" height="13" border="0" alt="Farbe auswählen" src="gfx/sel.gif"></a> <br><br> Position: <input type="radio" value="1" checked name="a"><img src=gfx/t_unten.gif> <input type="radio" value="2" name="a"><img src=gfx/t_oben.gif> <br><br> Ausrichtung / Alignment: <input type="radio" value="l" name="lmr"><img src=gfx/align_l.gif> <input type="radio" value="m" checked name="lmr"><img src=gfx/align_m.gif> <input type="radio" value="r" name="lmr"><img src=gfx/align_r.gif> <br><br> Schrift / Font: <input type="radio" value="1" name="f"><img src=gfx/text1.gif> <input type="radio" value="2" name="f"><img src=gfx/text2.gif> <input type="radio" value="3" checked name="f"><img src=gfx/text3.gif> <input type="radio" value="4" name="f"><img src=gfx/text4.gif> <input type="radio" value="5" name="f"><img src=gfx/text5.gif><br><br> <input class="gobutton" type="submit" value="Make-a-Teddy!"></form> </div><div class=footer><br /> (c) Sven Camrath ~ <a href=index.php?p=imprint>Impressum</a> / <a href=index.php?p=imprint>Imprint</a><br /><br /> </div></body> </html> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1109106-2"; urchinTracker(); </script> </body>