So. Ich habe gerade nach geschaut, die folgende Datei macht die Probleme:
Cufon.replace('h2, h3, .social-icons span, ul.menu li a , .banner a, .banner p, .box-1 a, .button, .number', { fontFamily: 'Kozuka_L', hover:true});
Cufon.replace('.number', { fontFamily: 'Kozuka_B', hover:true});Hallo,
ich hatte ja das Problem mit den Umlauten, das trotz UTF-8 die Umlaute verschluckt wurden (nicht angezeigt wurden).
Jetzt habe ich heraus gefunden, dass dies an den vielen JavaScript Dateien liegt. Wenn ich den Ordner weg lasse, werden die Umlaute angezeigt, füge ich die Java Script Dateien wieder ein, sind die Umlaute weg. Doch leider brauche ich die ganzen js Dateien für Slider usw.
Woran kann das liegen?
Hier die Dateien:
[jsCufon.replace('h2, h3, .social-icons span, ul.menu li a , .banner a, .banner p, .box-1 a, .button, .number', { fontFamily: 'Kozuka_L', hover:true});
Cufon.replace('.number', { fontFamily: 'Kozuka_B', hover:true});
][/code]
document.createElement("article");
document.createElement("aside");
document.createElement("audio");
document.createElement("canvas");
document.createElement("command");
document.createElement("datalist");
document.createElement("details");
document.createElement("embed");
document.createElement("figcaption");
document.createElement("figure");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("keygen");
document.createElement("mark");
document.createElement("meter");
document.createElement("nav");
document.createElement("output");
document.createElement("progress");
document.createElement("rp");
document.createElement("rt");
document.createElement("ruby");
document.createElement("section");
document.createElement("source");
document.createElement("summary");
document.createElement("time");
document.createElement("video");/*!
* The following copyright notice may not be removed under any circumstances.
*
* Copyright:
* Copyright © 2001,2002,2005 Adobe Systems Incorporated. All Rights Reserved.
*
* Trademark:
* Kozuka Gothic is either a registered trademark or trademark of Adobe Systems
* Incorporated in the United States and/or other countries.
*
* Full name:
* KozGoPro-Bold
*
* Designer:
* Masahiko Kozuka
*
* Vendor URL:
* http://www.adobe.co.jp/products/type/
*
* License information:
* http://www.adobe.com/type/legal.html
*/
Cufon.registerFont({"w":205,"face":{"font-family":"Kozuka_B","font-weight":700,"font-stretch":"normal","units-per-em":"360","panose-1":"2 11 8 0 0 0 0 0 0 0","ascent":"317","descent":"-43","x-height":"4","bbox":"-16 -308 327 103","underline-thickness":"18","underline-position":"-18","unicode-range":"U+0020-U+007E"},"glyphs":{" ":{"w":77},"!":{"d":"79,-277r-7,190r-42,0r-7,-190r56,0xm51,4v-19,0,-32,-15,-32,-33v0,-19,14,-33,32,-33v19,0,31,14,31,33v0,19,-12,33,-31,33","w":101},"\"":{"d":"24,-177r-8,-106r47,0r-9,106r-30,0xm95,-177r-9,-106r47,0r-8,106r-30,0","w":149},"#":{"d":"76,-78r-10,78r-33,0r11,-78r-32,0r0,-32r37,0r7,-55r-33,0r0,-31r37,0r11,-77r31,0r-10,77r36,0r11,-77r31,0r-10,77r32,0r0,31r-36,0r-8,55r33,0r0,32r-38,0r-10,78r-32,0r11,-78r-36,0xm88,-165r-7,55r36,0r6,-55r-35,0","w":204},"$":{"d":"118,-8r0,44r-35,0r0,-41v-23,-1,-46,-8,-60,-16r11,-40v22,18,96,28,96,-16v0,-18,-12,-30,-45,-45v-35,-16,-59,-35,-59,-71v0,-35,22,-63,60,-72r0,-41r36,0r0,39v23,1,40,6,52,12r-11,40v-19,-15,-86,-21,-86,16v0,17,15,30,44,40v83,29,81,134,-3,151"},"%":{"d":"76,-271v43,0,64,37,64,80v0,56,-31,84,-65,84v-38,0,-65,-33,-65,-81v0,-48,26,-83,66,-83xm76,-242v-39,0,-35,105,0,105v18,0,25,-20,25,-52v0,-29,-6,-53,-25,-53xm250,-161v43,0,64,37,64,80v0,56,-31,84,-65,84v-38,0,-65,-33,-65,-81v0,-48,26,-83,66,-83xm249,-131v-20,0,-26,27,-26,52v0,31,8,53,26,53v18,0,26,-22,26,-53v0,-29,-7,-52,-26,-52xm252,-271r-150,276r-30,0r150,-276r30,0","w":324},"&":{"d":"198,-154r48,0v-6,40,-20,76,-42,102r45,52r-61,0v-6,-6,-11,-12,-18,-21v-18,16,-42,25,-71,25v-106,0,-109,-122,-38,-158v-40,-47,-23,-126,54,-127v38,0,67,24,67,62v0,30,-17,50,-53,75v16,19,35,44,49,60v11,-19,17,-45,20,-70xm62,-82v0,45,58,62,84,30v-17,-19,-39,-46,-61,-73v-11,9,-23,23,-23,43xm113,-247v-37,0,-30,54,-8,75v21,-14,32,-27,32,-45v0,-14,-7,-30,-24,-30","w":251},"'":{"d":"24,-177r-8,-106r47,0r-9,106r-30,0","w":78},"(":{"d":"108,49r-38,0v-23,-32,-48,-87,-48,-167v0,-80,25,-134,48,-166r38,0v-24,38,-44,92,-44,167v0,73,20,127,44,166","w":119,"k":{"Y":-14,"W":-14,"V":-14,"T":-14,"J":-14}},")":{"d":"11,-284r38,0v23,31,48,85,48,166v0,80,-25,134,-48,167r-38,0v24,-38,44,-93,44,-167v0,-73,-20,-127,-44,-166","w":119},"*":{"d":"86,-221v11,-18,16,-41,25,-60r32,19r-42,51r62,-11r0,37v-20,-2,-44,-9,-62,-9r42,49r-33,19r-24,-60r-24,60r-31,-19r41,-51r-61,11r0,-37v20,2,42,10,61,10r-41,-50r32,-18","w":173},"+":{"d":"105,-126r0,-93r35,0r0,93r89,0r0,33r-89,0r0,93r-35,0r0,-93r-88,0r0,-33r88,0","w":244},",":{"d":"31,-60r55,-4v-12,39,-30,82,-47,110r-36,4v12,-33,23,-76,28,-110","w":97},"-":{"d":"12,-91r0,-37r99,0r0,37r-99,0","w":123},".":{"d":"53,4v-19,0,-32,-15,-32,-34v0,-20,14,-34,32,-34v19,0,32,13,32,34v0,20,-13,34,-32,34","w":97},"\/":{"d":"132,-281r-95,297r-36,0r95,-297r36,0","w":129},"0":{"d":"103,4v-63,0,-90,-63,-90,-139v0,-83,30,-141,91,-141v64,0,89,62,89,138v0,90,-33,142,-90,142xm103,-38v24,0,37,-34,37,-98v0,-62,-11,-98,-36,-98v-23,0,-38,33,-38,98v0,64,13,98,37,98"},"1":{"d":"141,0r-52,0r0,-225r-47,25r-12,-38r66,-34r45,0r0,272"},"2":{"d":"186,-44r0,44r-171,0r0,-33v42,-44,112,-116,112,-157v0,-24,-12,-44,-42,-44v-20,0,-38,11,-51,20r-15,-38v17,-13,46,-24,77,-24v58,0,85,37,85,81v0,58,-56,109,-95,151r100,0"},"3":{"d":"126,-147v93,29,63,151,-44,151v-29,0,-54,-8,-68,-17r12,-40v10,6,31,15,52,15v33,0,49,-21,49,-43v-1,-38,-34,-48,-74,-45r0,-37v33,2,63,-6,66,-38v5,-40,-65,-37,-85,-19r-11,-38v14,-9,42,-18,71,-18v92,0,104,105,32,129"},"4":{"d":"167,-67r0,67r-49,0r0,-67r-110,0r0,-35r99,-170r60,0r0,164r31,0r0,41r-31,0xm55,-108r63,0v-1,-38,6,-83,0,-117v-19,43,-41,78,-63,117"},"5":{"d":"46,-273r130,0r0,44r-92,0r-7,54v58,-6,107,20,107,84v0,52,-40,95,-104,95v-27,0,-52,-7,-65,-14r11,-40v33,20,104,17,104,-37v0,-43,-51,-57,-100,-49"},"6":{"d":"170,-235v-60,-2,-101,39,-103,80v43,-48,128,-20,128,62v0,51,-33,97,-88,97v-62,0,-95,-49,-95,-116v0,-62,28,-164,158,-164r0,41xm106,-35v23,0,36,-24,36,-55v0,-28,-13,-52,-38,-52v-16,0,-39,13,-39,44v0,35,15,63,41,63"},"7":{"d":"19,-228r0,-44r170,0r0,33r-103,239r-55,0r104,-228r-116,0"},"8":{"d":"13,-71v-1,-34,22,-56,47,-72v-70,-35,-36,-137,45,-133v91,4,105,93,40,130v27,12,49,35,49,69v0,49,-38,81,-92,81v-58,0,-89,-36,-89,-75xm103,-32v24,0,37,-19,37,-40v0,-27,-17,-44,-41,-52v-43,11,-45,92,4,92xm104,-241v-23,0,-33,19,-33,36v0,21,16,35,37,43v32,-9,41,-79,-4,-79"},"9":{"d":"35,-38v58,5,100,-33,104,-80v-43,45,-126,13,-126,-62v0,-51,35,-96,90,-96v59,0,90,49,90,114v0,94,-49,171,-158,166r0,-42xm66,-185v0,64,74,68,73,11v0,-36,-11,-65,-37,-65v-22,0,-36,23,-36,54"},":":{"d":"53,-133v-20,0,-32,-15,-32,-33v0,-19,14,-34,32,-34v19,0,31,14,31,34v0,19,-12,33,-31,33xm53,4v-20,0,-32,-16,-32,-34v0,-19,14,-33,32,-33v19,0,31,13,31,33v0,19,-12,34,-31,34","w":97},";":{"d":"31,-60r54,-4v-12,39,-30,83,-47,111r-35,3v12,-33,23,-76,28,-110xm55,-133v-20,0,-32,-15,-32,-33v0,-19,14,-34,32,-34v19,0,31,14,31,34v0,19,-12,33,-31,33","w":97},"<":{"d":"220,0r-196,-95r0,-29r196,-95r0,40r-151,70r151,70r0,39","w":244},"=":{"d":"229,-168r0,34r-212,0r0,-34r212,0xm229,-86r0,33r-212,0r0,-33r212,0","w":244},">":{"d":"24,-219r196,93r0,33r-196,93r0,-39r157,-71r-157,-70r0,-39","w":244},"?":{"d":"51,-86v-14,-52,42,-86,45,-125v2,-34,-46,-33,-67,-17r-11,-39v13,-8,34,-15,59,-15v52,0,73,31,73,63v0,51,-62,81,-53,133r-46,0xm73,4v-20,0,-32,-15,-32,-33v0,-20,14,-33,32,-33v19,0,32,13,32,33v0,19,-13,33,-32,33","w":164},"@":{"d":"214,-167r-15,97v0,13,4,20,13,20v18,0,39,-26,39,-76v0,-55,-32,-96,-92,-96v-61,0,-115,53,-115,135v0,93,84,129,157,93r6,21v-89,41,-190,-2,-189,-111v0,-84,58,-159,145,-159v69,0,114,50,114,114v0,65,-31,102,-73,102v-20,0,-29,-14,-33,-33v-22,47,-93,46,-93,-18v0,-65,68,-121,136,-89xm133,-55v31,-2,39,-56,44,-91v-37,-11,-63,24,-64,65v0,16,7,26,20,26","w":292},"A":{"d":"152,-277r78,277r-56,0r-20,-73r-74,0r-19,73r-54,0r78,-277r67,0xm87,-113r60,0r-31,-120","w":238,"k":{"Y":11,"W":4,"V":11,"T":11}},"B":{"d":"27,-273v66,-12,174,-13,174,64v0,26,-17,48,-45,61v31,8,54,33,54,68v0,61,-46,83,-124,83v-26,0,-46,-2,-59,-4r0,-272xm80,-164v37,3,68,-9,68,-39v0,-35,-38,-39,-68,-35r0,74xm80,-125r0,86v35,7,75,-4,74,-43v-1,-39,-35,-45,-74,-43","w":225},"C":{"d":"196,-50r8,43v-10,5,-33,11,-61,11v-83,0,-130,-57,-130,-139v0,-120,102,-169,193,-135r-10,43v-62,-25,-127,3,-127,89v0,82,61,112,127,88","w":215},"D":{"d":"241,-144v3,133,-93,156,-214,143r0,-272v19,-4,45,-6,72,-6v96,1,140,42,142,135xm80,-235r0,194v66,7,104,-22,105,-103v0,-73,-42,-101,-105,-91","w":254},"E":{"d":"182,-45r0,45r-155,0r0,-277r149,0r0,45r-96,0r0,67r91,0r0,43r-91,0r0,77r102,0","w":195},"F":{"d":"80,0r-53,0r0,-277r148,0r0,45r-95,0r0,73r89,0r0,43r-89,0r0,116","w":193,"k":{"A":11,".":14,",":18}},"G":{"d":"148,3v-87,1,-133,-53,-135,-139v-3,-119,108,-168,207,-132r-11,44v-64,-26,-140,-3,-140,87v0,75,47,108,107,92r0,-67r-40,0r0,-42r91,0r0,143v-16,6,-48,14,-79,14","w":247},"H":{"d":"228,-277r0,277r-53,0r0,-119r-95,0r0,119r-53,0r0,-277r53,0r0,111r95,0r0,-111r53,0","w":254},"I":{"d":"27,0r0,-277r53,0r0,277r-53,0","w":107},"J":{"d":"125,-277r0,182v1,93,-57,109,-126,94r6,-44v37,9,67,7,67,-50r0,-182r53,0","w":149,"k":{"}":-7,"]":-7,")":-7}},"K":{"d":"138,-158r87,158r-60,0r-65,-122r-20,27r0,95r-53,0r0,-277r53,0r1,125r77,-125r63,0","w":224},"L":{"d":"179,-45r0,45r-152,0r0,-277r53,0r0,232r99,0","w":187,"k":{"Y":7,"V":4,"T":7,"-":4}},"M":{"d":"279,-277r16,277r-51,0r-9,-217r-61,213r-40,0r-31,-110v-10,-30,-16,-71,-25,-103r-10,217r-49,0r19,-277r66,0r30,104v10,32,15,68,24,98v13,-68,36,-138,55,-202r66,0","w":314},"N":{"d":"229,-277r0,277r-54,0r-59,-114v-16,-27,-30,-65,-44,-93v4,55,3,141,3,207r-48,0r0,-277r58,0r58,112v16,27,29,64,42,91v-6,-57,-5,-136,-5,-203r49,0","w":255},"O":{"d":"131,-281v77,0,115,65,115,139v0,96,-49,146,-118,146v-73,0,-115,-62,-115,-142v0,-83,46,-143,118,-143xm130,-238v-42,0,-61,48,-61,99v0,54,22,99,61,99v40,0,60,-44,60,-100v0,-51,-19,-98,-60,-98","w":259,"k":{".":4,",":4}},"P":{"d":"99,-279v64,-1,105,26,105,84v0,83,-69,98,-124,91r0,104r-53,0r0,-273v17,-3,41,-6,72,-6xm80,-235r0,90v40,6,71,-11,71,-48v0,-39,-36,-51,-71,-42","w":216,"k":{"I":-4,".":22,",":22}},"Q":{"d":"234,45v-39,-11,-73,-30,-112,-41v-60,-2,-109,-50,-109,-141v0,-83,45,-144,119,-144v76,0,114,64,114,139v0,69,-28,109,-60,128v21,7,44,12,65,17xm130,-238v-41,0,-61,48,-61,100v0,55,22,98,61,98v39,0,60,-43,60,-100v0,-52,-20,-98,-60,-98","w":259},"R":{"d":"204,-201v1,35,-24,58,-48,70v39,7,44,107,57,131r-54,0v-4,-8,-12,-33,-18,-66v-9,-44,-22,-48,-61,-46r0,112r-53,0r0,-273v18,-3,44,-6,71,-6v35,0,106,4,106,78xm80,-152v40,4,71,-10,70,-44v-1,-46,-40,-44,-70,-40r0,84","w":221},"S":{"d":"173,-268r-11,43v-18,-16,-90,-17,-90,19v0,20,13,31,48,44v99,37,79,168,-37,166v-27,0,-55,-8,-68,-16r10,-45v26,20,105,27,105,-19v0,-20,-13,-32,-44,-45v-42,-18,-68,-44,-68,-80v0,-45,36,-80,96,-80v26,0,46,7,59,13","w":197},"T":{"d":"194,-277r0,46r-68,0r0,231r-53,0r0,-231r-68,0r0,-46r189,0","w":198,"k":{"z":7,"y":7,"w":7,"u":7,"s":7,"r":7,"o":7,"m":4,"e":11,"a":11,"T":-4,"A":7,":":-4,".":4,"-":4,",":4,")":-14}},"U":{"d":"225,-277r0,162v0,81,-38,119,-101,119v-62,0,-98,-37,-98,-118r0,-163r54,0r0,167v0,49,18,70,45,70v29,0,47,-21,47,-70r0,-167r53,0","w":251,"k":{".":7,",":4}},"V":{"d":"171,-277r57,0r-84,277r-61,0r-80,-277r58,0r32,123r23,99v14,-76,37,-149,55,-222","w":229,"k":{"o":7,"e":7,"a":4,"A":4,":":-7,".":7,"-":4,",":7,")":-14}},"W":{"d":"274,-277r53,0r-65,277r-57,0r-24,-117v-6,-29,-10,-58,-14,-89v-11,72,-29,138,-44,206r-56,0r-61,-277r57,0r37,217v10,-70,29,-147,43,-217r53,0r39,216","w":332,"k":{"A":4,".":7,"-":4,",":11,")":-14}},"X":{"d":"141,-141r74,141r-59,0r-49,-104r-43,104r-59,0r72,-141r-69,-136r59,0r45,100v12,-35,27,-67,41,-100r59,0","w":220},"Y":{"d":"157,-277r59,0r-82,163r0,114r-54,0r0,-113r-78,-164r59,0r49,124v12,-41,32,-84,47,-124","w":215,"k":{"v":4,"u":7,"t":4,"q":7,"o":7,"e":7,"d":4,"a":7,"A":11,".":11,"-":4,",":11,")":-14}},"Z":{"d":"196,-277r0,33r-119,199r120,0r0,45r-188,0r0,-30r121,-202r-111,0r0,-45r177,0","w":208,"k":{"A":4}},"[":{"d":"105,14r0,32r-78,0r0,-328r78,0r0,32r-38,0r0,264r38,0","w":119,"k":{"f":-7,"J":-14}},"]":{"d":"14,-250r0,-32r78,0r0,328r-78,0r0,-32r39,0r0,-264r-39,0","w":119},"^":{"d":"139,-267r86,193r-39,0r-64,-150r-63,150r-39,0r86,-193r33,0","w":244},"_":{"d":"0,45r0,-18r206,0r0,18r-206,0"},"`":{"d":"54,-226r-47,-60r50,0r33,60r-36,0","w":123},"a":{"d":"95,-204v111,0,69,111,82,204r-48,0v-2,-7,0,-16,-4,-21v-30,45,-114,24,-114,-35v0,-51,46,-76,110,-76v7,-43,-62,-40,-86,-21r-10,-35v13,-8,39,-16,70,-16xm89,-34v24,0,39,-30,33,-64v-29,0,-59,7,-59,36v0,19,13,28,26,28","w":197},"b":{"d":"77,-289r1,113v43,-60,130,-19,130,72v0,73,-41,108,-82,108v-23,1,-40,-11,-55,-32r-3,28r-45,0r1,-289r53,0xm113,-162v-32,0,-36,42,-36,82v0,23,15,41,36,41v26,0,41,-24,41,-63v0,-34,-14,-60,-41,-60","w":221},"c":{"d":"153,-45r6,40v-67,26,-146,-9,-146,-93v0,-75,71,-125,147,-99r-8,41v-39,-20,-85,7,-85,56v0,53,44,72,86,55","w":168},"d":{"d":"197,-289r1,289r-47,0v-2,-9,0,-21,-3,-28v-42,66,-135,22,-135,-71v0,-68,38,-105,81,-105v23,0,41,9,49,23r0,-108r54,0xm107,-39v29,0,36,-40,36,-80v0,-29,-17,-43,-35,-43v-27,0,-41,28,-41,63v0,36,15,60,40,60","w":220},"e":{"d":"168,-45r7,37v-73,32,-162,-1,-162,-90v0,-58,33,-107,92,-107v55,0,87,49,79,121r-120,0v0,54,65,55,104,39xm64,-121r72,0v0,-21,-8,-47,-34,-47v-26,0,-37,27,-38,47","w":198,"k":{"j":-4}},"f":{"d":"31,-201v-2,-76,45,-104,106,-88r-4,41v-5,-2,-11,-3,-19,-3v-30,0,-30,30,-30,50r40,0r0,40r-40,0r0,161r-53,0r0,-161r-27,0r0,-40r27,0","w":127,"k":{"}":-32,"]":-29,")":-32,"'":-29,"\"":-32}},"g":{"d":"149,-200r47,0v-3,45,-2,120,-2,173v0,39,-3,112,-101,112v-23,0,-47,-5,-63,-14r10,-41v41,23,115,19,101,-57v-44,59,-128,8,-128,-72v0,-93,90,-137,134,-77xm141,-84v0,-38,-2,-79,-34,-79v-24,0,-40,25,-40,63v0,35,15,58,40,58v12,0,34,-8,34,-42","w":218},"h":{"d":"195,-120r0,120r-53,0r0,-116v0,-26,-8,-45,-31,-45v-13,0,-34,9,-34,39r0,122r-53,0r0,-289r53,0r1,113v43,-54,117,-34,117,56","w":218},"i":{"d":"79,-255v0,17,-12,28,-29,28v-17,0,-28,-12,-28,-28v0,-17,11,-29,28,-29v17,0,29,12,29,29xm77,-201r0,201r-53,0r0,-201r53,0","w":101},"j":{"d":"84,-255v0,17,-12,28,-29,28v-17,0,-28,-12,-28,-28v0,-17,12,-29,29,-29v17,0,28,13,28,29xm82,-201r0,182v0,33,-1,105,-93,105r-5,-42v42,-3,45,-26,45,-77r0,-168r53,0","w":105},"k":{"d":"128,-118r74,118r-64,0r-47,-86r-14,19r0,67r-53,0r0,-289r53,0r1,176v16,-31,36,-58,54,-88r62,0","w":198},"l":{"d":"77,-289r0,289r-53,0r0,-289r53,0","w":101},"m":{"d":"302,-122r0,122r-53,0r0,-113v7,-57,-60,-67,-60,-9r0,122r-52,0r0,-118v0,-24,-8,-43,-29,-43v-15,0,-32,13,-32,40r0,121r-52,0r-1,-200r45,0v2,8,0,20,4,26v13,-33,96,-44,108,3v42,-56,122,-44,122,49","w":324},"n":{"d":"195,-123r0,123r-53,0r0,-117v0,-24,-7,-44,-30,-44v-14,0,-35,11,-35,42r0,119r-53,0r-1,-200r46,0v2,8,0,20,3,27v29,-49,123,-42,123,50","w":218},"o":{"d":"108,-205v56,0,91,42,91,103v0,76,-49,106,-94,106v-54,0,-92,-38,-92,-103v0,-67,41,-106,95,-106xm145,-101v0,-31,-11,-65,-38,-65v-56,0,-52,133,-1,131v25,0,39,-30,39,-66","w":213},"p":{"d":"72,-173v45,-65,136,-25,136,71v0,74,-41,106,-82,106v-23,1,-38,-11,-49,-23r0,99r-53,0r-1,-281r46,0xm114,-162v-34,0,-37,41,-37,81v0,29,18,43,36,43v27,0,41,-26,41,-62v0,-36,-14,-62,-40,-62","w":221},"q":{"d":"148,-201r50,0r-1,281r-54,0r-1,-104v-43,60,-129,17,-129,-73v0,-71,41,-108,82,-108v25,0,38,12,52,28xm107,-39v39,0,37,-42,36,-82v0,-22,-14,-41,-35,-41v-27,0,-41,25,-41,62v0,36,14,61,40,61","w":220},"r":{"d":"134,-204r0,51v-34,-5,-56,9,-57,49r0,104r-53,0r-1,-201r45,0v2,11,0,26,4,35v12,-30,33,-43,62,-38","w":138,"k":{".":4,",":4}},"s":{"d":"140,-194r-10,38v-14,-11,-63,-19,-63,8v0,11,7,19,31,27v77,27,60,125,-30,125v-22,0,-43,-6,-56,-14r10,-38v15,11,75,24,74,-7v0,-12,-6,-20,-28,-28v-81,-28,-59,-121,22,-122v21,0,38,5,50,11","w":159},"t":{"d":"33,-201r0,-36r52,-16r0,52r45,0r0,40r-45,0v6,45,-22,137,41,119r1,41v-7,3,-21,5,-36,5v-58,0,-58,-51,-58,-73r0,-92r-27,0r0,-40r27,0","w":138},"u":{"d":"193,-201r2,201r-46,0v-2,-8,0,-20,-4,-27v-8,13,-27,31,-58,31v-38,0,-64,-25,-64,-85r0,-120r54,0r0,112v-8,60,63,64,63,12r0,-124r53,0","w":217},"v":{"d":"136,-201r55,0r-69,201r-51,0r-67,-201r57,0r38,149","w":194,"k":{".":7,",":4}},"w":{"d":"232,-201r52,0r-58,201r-49,0r-33,-140v-9,53,-23,92,-36,140r-48,0r-56,-201r55,0r29,152v10,-53,24,-102,37,-152r42,0r36,152v7,-51,19,-103,29,-152","w":289,"k":{":":-4,".":7,",":7}},"x":{"d":"131,-201r56,0r-60,97r61,104r-60,0r-35,-71r-34,71r-57,0r61,-102r-59,-99r59,0r35,69","w":190},"y":{"d":"18,45v23,-7,60,-38,52,-61r-67,-185r58,0r40,143r34,-143r55,0v-41,103,-57,269,-159,291","w":191,"k":{":":-7,".":7,",":7}},"z":{"d":"15,-201r147,0r0,34r-63,89v-9,13,-19,23,-27,35r92,0r0,43r-156,0r0,-32r91,-126r-84,0r0,-43","w":172},"{":{"d":"107,46v-42,2,-70,-11,-72,-56v-2,-34,30,-93,-25,-94r0,-28v55,-1,23,-57,25,-94v2,-43,28,-58,72,-56r0,31v-14,0,-32,1,-32,31v0,38,13,100,-28,102v41,4,28,62,28,103v0,31,17,30,32,30r0,31","w":119,"k":{"f":-7,"J":-11}},"}":{"d":"12,-282v44,-2,70,13,72,56v2,33,-28,94,25,94r0,28v-54,2,-23,57,-25,94v-3,44,-28,58,-72,56r0,-31v15,0,32,1,32,-30v0,-39,-13,-101,29,-103v-41,-4,-29,-60,-29,-102v0,-30,-18,-31,-32,-31r0,-31","w":119},"\\":{"d":"37,-281r86,297r-36,0r-86,-297r36,0","w":124},"|":{"d":"32,103r0,-411r39,0r0,411r-39,0","w":103},"~":{"d":"75,-153v27,0,72,36,97,36v12,0,18,-10,18,-33r35,0v2,51,-21,71,-52,71v-27,0,-75,-36,-98,-37v-12,0,-19,8,-20,34r-34,0v-1,-50,24,-71,54,-71","w":244},"\u00a0":{"w":77}}});/*!
* The following copyright notice may not be removed under any circumstances.
*
* Copyright:
* Copyright © 2001,2002,2005 Adobe Systems Incorporated. All Rights Reserved.
*
* Trademark:
* Kozuka Gothic is either a registered trademark or trademark of Adobe Systems
* Incorporated in the United States and/or other countries.
*
* Full name:
* KozGoPro-Light
*
* Designer:
* Masahiko Kozuka
*
* Vendor URL:
* http://www.adobe.co.jp/products/type/
*
* License information:
* http://www.adobe.com/type/legal.html
*/
Cufon.registerFont({"w":196,"face":{"font-family":"Kozuka_L","font-weight":300,"font-stretch":"normal","units-per-em":"360","panose-1":"2 11 2 0 0 0 0 0 0 0","ascent":"317","descent":"-43","x-height":"4","bbox":"-19 -305 327 101","underline-thickness":"18","underline-position":"-18","unicode-range":"U+0020-U+007E"},"glyphs":{" ":{"w":86},"!":{"d":"56,-273r-5,200r-18,0r-4,-200r27,0xm42,4v-11,0,-17,-9,-17,-19v0,-11,8,-19,18,-19v10,0,17,8,17,19v0,10,-7,19,-18,19","w":85},"\"":{"d":"29,-189r-5,-91r25,0r-6,91r-14,0xm81,-189r-5,-91r25,0r-6,91r-14,0","w":124},"#":{"d":"66,-85r-11,85r-18,0r11,-85r-33,0r0,-16r35,0r9,-69r-35,0r0,-16r37,0r10,-83r18,0r-10,83r44,0r10,-83r18,0r-10,83r33,0r0,16r-35,0r-9,69r35,0r0,16r-37,0r-11,85r-18,0r11,-85r-44,0xm77,-170r-9,69r44,0r9,-69r-44,0","w":188},"$":{"d":"141,-73v0,-61,-109,-63,-109,-126v0,-33,23,-58,57,-63r0,-43r18,0r0,42v22,1,38,8,48,15r-8,16v-9,-5,-24,-14,-47,-14v-31,0,-47,22,-47,43v0,25,15,38,50,54v38,18,60,37,60,73v0,32,-20,62,-59,68r0,43r-18,0r0,-43v-20,0,-44,-7,-58,-18r8,-16v31,30,105,21,105,-31"},"%":{"d":"71,-268v35,0,55,29,55,79v0,56,-25,82,-57,82v-29,0,-56,-25,-56,-79v0,-56,28,-82,58,-82xm70,-253v-26,0,-38,34,-38,67v0,35,13,64,37,64v27,0,38,-30,38,-66v0,-34,-10,-65,-37,-65xm232,-159v34,0,55,29,55,79v0,109,-114,113,-113,3v0,-56,28,-82,58,-82xm231,-144v-25,0,-38,33,-38,66v0,36,13,65,37,65v27,0,38,-30,38,-66v0,-34,-10,-65,-37,-65xm237,-269r-156,274r-18,0r156,-274r18,0","w":300},"&":{"d":"199,-145r21,0v-7,43,-17,76,-36,99r43,46r-27,0r-29,-30v-51,58,-158,38,-158,-42v0,-38,24,-61,53,-81v-40,-44,-30,-125,39,-125v30,0,53,21,53,55v0,31,-22,50,-62,76r76,88v13,-21,21,-48,27,-86xm94,-13v35,0,56,-19,65,-30r-83,-96v-17,10,-41,30,-41,64v0,35,24,62,59,62xm102,-260v-52,0,-44,74,-17,99v31,-17,52,-33,52,-60v0,-19,-10,-39,-35,-39","w":227},"'":{"d":"29,-189r-5,-91r25,0r-6,91r-14,0","w":72},"(":{"d":"103,49r-20,0v-27,-34,-56,-85,-56,-165v0,-80,29,-131,56,-166r20,0v-32,41,-55,93,-55,167v0,72,24,123,55,164","w":108,"k":{"Y":-14,"W":-14,"V":-14,"T":-14,"J":-14}},")":{"d":"6,-282r20,0v27,34,55,85,55,165v0,80,-28,131,-55,166r-20,0v31,-41,54,-93,54,-166v0,-73,-23,-124,-54,-165","w":108},"*":{"d":"105,-278r20,11r-37,51r60,-6r0,21v-19,-1,-42,-6,-59,-5r36,48r-20,12v-9,-17,-15,-38,-26,-54r-28,54r-17,-11r36,-50r-58,6r0,-21r57,5r-35,-49r19,-11r27,53","w":159},"+":{"d":"112,-117r0,-99r18,0r0,99r96,0r0,18r-96,0r0,99r-18,0r0,-99r-96,0r0,-18r96,0","w":241},",":{"d":"31,-37r28,-4v-8,31,-25,77,-32,90r-18,2v7,-18,18,-62,22,-88","w":72},"-":{"d":"12,-101r0,-19r97,0r0,19r-97,0","w":121},".":{"d":"39,4v-11,0,-17,-9,-17,-19v0,-12,8,-20,18,-20v10,0,17,8,17,20v0,10,-7,19,-18,19","w":71},"\/":{"d":"141,-278r-124,294r-20,0r124,-294r20,0","w":139},"0":{"d":"96,4v-45,0,-81,-43,-81,-137v0,-99,39,-140,86,-140v47,0,80,43,80,135v0,95,-33,142,-85,142xm97,-14v44,0,61,-55,61,-122v0,-69,-17,-119,-59,-119v-35,0,-61,45,-61,119v0,73,22,122,59,122"},"1":{"d":"116,0r-22,0r0,-247r-44,26r-5,-17v24,-10,35,-33,71,-31r0,269"},"2":{"d":"175,-18r0,18r-157,0v-2,-24,17,-27,25,-40v69,-70,102,-109,102,-155v0,-30,-13,-60,-55,-60v-22,0,-42,12,-55,23r-8,-15v17,-15,40,-27,67,-27v54,0,73,41,73,75v0,56,-65,123,-119,181r127,0"},"3":{"d":"90,-273v91,2,84,106,19,127v86,18,77,153,-29,150v-27,0,-51,-8,-63,-17r9,-18v9,6,31,17,55,17v51,0,65,-36,65,-61v-2,-49,-44,-65,-92,-62r0,-17v42,3,81,-11,81,-54v0,-25,-14,-47,-49,-47v-20,0,-39,10,-50,18r-8,-16v13,-10,37,-20,62,-20"},"4":{"d":"149,-78r0,78r-22,0r0,-78r-120,0r0,-14r122,-177r20,0r0,173r39,0r0,18r-39,0xm31,-96r96,0v-1,-47,6,-103,0,-146v-28,57,-63,96,-96,146"},"5":{"d":"50,-269r114,0r0,18r-98,0r-12,85v61,-8,110,20,113,80v4,78,-94,112,-150,74r7,-18v39,30,127,15,120,-52v5,-51,-52,-76,-111,-65"},"6":{"d":"158,-254v-76,-1,-118,60,-120,115v12,-19,36,-36,67,-36v47,0,76,36,76,86v0,48,-28,93,-81,93v-49,0,-86,-40,-86,-112v0,-72,41,-163,144,-165r0,19xm101,-14v35,0,58,-30,58,-73v0,-45,-25,-70,-60,-70v-36,0,-62,36,-62,54v0,53,23,89,64,89"},"7":{"d":"24,-251r0,-18r154,0r0,14r-116,255r-22,0r116,-251r-132,0"},"8":{"d":"71,-142v-72,-28,-49,-133,29,-131v84,3,96,98,25,129v34,17,55,39,55,72v0,45,-37,76,-82,76v-48,0,-81,-31,-81,-71v0,-35,21,-61,54,-75xm98,-13v39,0,60,-26,60,-56v0,-37,-25,-54,-65,-66v-72,15,-72,120,5,122xm100,-256v-36,0,-52,26,-52,49v0,31,22,48,55,57v26,-10,46,-29,46,-57v0,-24,-14,-49,-49,-49"},"9":{"d":"40,-15v70,3,114,-53,118,-116v-16,21,-37,33,-65,33v-48,0,-75,-38,-75,-81v0,-49,31,-94,84,-94v46,0,80,41,80,112v0,100,-50,164,-142,165r0,-19xm99,-255v-35,0,-58,32,-58,75v0,39,23,64,56,64v36,0,62,-29,62,-46v0,-57,-21,-93,-60,-93"},":":{"d":"39,-145v-11,0,-17,-10,-17,-20v0,-11,8,-19,18,-19v10,0,17,7,17,19v0,10,-7,20,-18,20xm39,4v-11,0,-17,-9,-17,-19v0,-12,8,-20,18,-20v10,0,17,8,17,20v0,10,-7,19,-18,19","w":71},";":{"d":"32,-37r27,-4v-8,31,-25,77,-32,90r-17,2v7,-18,18,-62,22,-88xm43,-145v-11,0,-17,-10,-17,-20v0,-12,7,-19,17,-19v11,0,18,7,18,19v0,10,-7,20,-18,20","w":72},"<":{"d":"213,0r-185,-100r0,-16r185,-100r0,21r-164,88r164,86r0,21","w":241},"=":{"d":"226,-157r0,18r-210,0r0,-18r210,0xm226,-80r0,18r-210,0r0,-18r210,0","w":241},">":{"d":"28,-216r185,100r0,16r-185,100r0,-21r165,-87r-165,-87r0,-21","w":241},"?":{"d":"135,-220v4,49,-73,84,-57,148r-21,0v-20,-60,55,-102,55,-147v0,-43,-58,-52,-83,-27r-8,-16v39,-33,122,-10,114,42xm67,4v-12,0,-18,-9,-18,-18v0,-11,7,-21,18,-21v11,0,18,8,18,20v0,10,-7,19,-18,19","w":154},"@":{"d":"211,-166v-6,32,-18,65,-18,99v0,17,6,25,16,25v22,0,46,-31,46,-79v0,-62,-35,-104,-97,-104v-68,0,-123,55,-123,140v0,92,90,137,164,96r6,15v-86,44,-189,-3,-189,-109v0,-85,56,-157,145,-157v69,0,113,48,113,115v0,63,-34,98,-69,98v-17,0,-29,-13,-29,-37v-23,49,-98,54,-101,-12v-3,-63,69,-119,136,-90xm124,-43v46,0,59,-64,66,-111v-50,-17,-97,27,-96,78v0,19,11,33,30,33","w":288},"A":{"d":"130,-273r96,273r-24,0r-32,-94r-103,0r-32,94r-23,0r95,-273r23,0xm72,-112r92,0r-31,-88v-7,-18,-8,-37,-15,-51v-11,48,-31,94,-46,139","w":235,"k":{"Y":11,"W":4,"V":11,"T":11}},"B":{"d":"187,-77v0,45,-45,79,-107,79v-21,0,-38,-1,-48,-2r0,-269v15,-4,34,-6,55,-6v109,0,114,102,42,128v22,8,58,24,58,70xm54,-154v53,5,100,-10,100,-53v0,-49,-58,-55,-100,-47r0,100xm54,-136r0,118v52,7,111,-2,110,-58v-2,-55,-53,-63,-110,-60","w":203},"C":{"d":"208,-27r5,18v-89,34,-198,1,-198,-126v0,-85,52,-143,136,-143v36,0,55,9,61,12r-6,19v-81,-35,-168,11,-168,112v0,98,87,143,170,108","w":226},"D":{"d":"32,0r0,-269v21,-4,44,-6,69,-6v111,0,142,66,142,132v0,53,-20,145,-152,145v-21,0,-40,0,-59,-2xm54,-253r0,235v98,14,166,-29,166,-124v0,-90,-75,-129,-166,-111","w":257},"E":{"d":"173,-19r0,19r-141,0r0,-273r135,0r0,18r-113,0r0,102r107,0r0,19r-107,0r0,115r119,0","w":186},"F":{"d":"54,0r-22,0r0,-273r135,0r0,18r-113,0r0,106r104,0r0,19r-104,0r0,130","w":185,"k":{"A":11,".":14,",":18}},"G":{"d":"226,-137r0,125v-14,6,-42,15,-78,15v-98,0,-133,-69,-133,-138v0,-101,103,-170,203,-129r-6,18v-81,-33,-174,11,-174,109v0,99,85,143,166,112r0,-94r-61,0r0,-18r83,0","w":248},"H":{"d":"220,-273r0,273r-23,0r0,-135r-143,0r0,135r-22,0r0,-273r22,0r0,119r143,0r0,-119r23,0","w":252},"I":{"d":"32,0r0,-273r22,0r0,273r-22,0","w":86},"J":{"d":"110,-273r0,188v0,84,-50,99,-107,83r3,-18v46,13,81,5,81,-68r0,-185r23,0","w":138,"k":{"}":-7,"]":-7,")":-7}},"K":{"d":"96,-157r110,157r-27,0r-98,-142r-27,30r0,112r-22,0r0,-273r22,0r1,137v36,-48,77,-91,115,-137r27,0","w":203},"L":{"d":"172,-19r0,19r-140,0r0,-273r22,0r0,254r118,0","w":180,"k":{"Y":7,"V":4,"T":7,"-":4}},"M":{"d":"270,-273r18,273r-22,0r-14,-248r-90,248r-16,0r-51,-142v-17,-41,-22,-79,-35,-106v-1,32,-2,79,-5,124r-9,124r-21,0r19,-273r27,0r55,151v14,35,19,65,30,90v22,-75,60,-166,87,-241r27,0","w":311},"N":{"d":"223,-273r0,273r-21,0r-99,-154v-19,-31,-37,-61,-51,-90r1,244r-21,0r0,-273r22,0r100,156v21,34,37,59,50,86v-5,-74,-2,-162,-3,-242r22,0","w":254},"O":{"d":"135,-278v69,0,117,55,117,139v0,97,-57,143,-120,143v-67,0,-117,-52,-117,-138v0,-91,52,-144,120,-144xm134,-259v-131,1,-125,244,-1,245v62,0,96,-58,96,-124v0,-57,-30,-121,-95,-121","w":266,"k":{".":4,",":4}},"P":{"d":"32,0r0,-270v15,-3,35,-5,59,-5v84,0,93,53,93,77v0,78,-68,92,-130,82r0,116r-22,0xm54,-254r0,119v52,14,108,-8,108,-61v0,-57,-59,-67,-108,-58","w":201,"k":{"I":-4,".":22,",":22}},"Q":{"d":"248,36r-116,-32v-65,-1,-117,-49,-117,-138v0,-91,53,-144,121,-144v68,0,116,54,116,139v1,76,-35,118,-82,136v30,7,60,15,84,19xm135,-259v-131,1,-126,244,-2,245v62,0,96,-58,96,-124v0,-57,-30,-121,-94,-121","w":266},"R":{"d":"32,-270v69,-13,152,-6,152,67v0,37,-22,60,-53,71v43,2,48,112,62,132r-23,0v-4,-8,-11,-32,-17,-67v-10,-54,-41,-60,-99,-57r0,124r-22,0r0,-270xm54,-142v58,5,108,-8,108,-58v0,-60,-63,-61,-108,-54r0,112","w":203},"S":{"d":"158,-265r-8,19v-8,-5,-25,-13,-48,-13v-42,0,-56,27,-56,48v0,30,16,48,55,60v92,28,91,154,-20,155v-24,0,-50,-8,-64,-18r7,-18v37,29,122,20,122,-37v0,-30,-15,-49,-53,-63v-42,-16,-70,-38,-70,-76v0,-61,90,-87,135,-57","w":186},"T":{"d":"190,-273r0,18r-85,0r0,255r-22,0r0,-255r-86,0r0,-18r193,0","w":187,"k":{"z":4,"y":7,"w":4,"u":4,"s":4,"r":4,"o":4,"m":4,"e":7,"a":7,"T":-4,"A":7,":":-4,".":4,"-":4,",":4,")":-14}},"U":{"d":"218,-273r0,164v0,83,-44,113,-96,113v-48,0,-90,-28,-90,-111r0,-166r22,0r0,166v0,67,30,93,69,93v43,0,73,-28,73,-93r0,-166r22,0","w":250,"k":{".":7,",":4}},"V":{"d":"186,-273r24,0r-98,273r-22,0r-89,-273r24,0r78,248v21,-80,56,-169,83,-248","w":207,"k":{"o":4,"e":4,"a":4,"A":4,":":-7,".":7,"-":4,",":7,")":-14}},"W":{"d":"304,-273r23,0r-79,273r-22,0r-40,-154v-10,-38,-16,-66,-20,-92v-15,74,-48,170,-68,246r-21,0r-71,-273r23,0r61,245v14,-77,46,-169,66,-245r21,0r39,149v10,32,15,69,22,96","w":329,"k":{"A":4,".":7,"-":4,",":11,")":-14}},"X":{"d":"122,-140r85,140r-26,0r-74,-122r-70,122r-25,0r84,-139r-81,-134r25,0r70,117r70,-117r26,0","w":218},"Y":{"d":"179,-273r25,0r-91,155r0,118r-22,0r0,-118r-85,-155r25,0r73,138v21,-44,51,-94,75,-138","w":203,"k":{"v":4,"u":4,"t":4,"q":4,"o":4,"e":4,"d":4,"a":4,"A":11,".":7,"-":4,",":7,")":-14}},"Z":{"d":"199,-273r0,14r-157,240r159,0r0,19r-188,0r0,-14r158,-241r-145,0r0,-18r173,0","w":214,"k":{"A":4}},"[":{"d":"104,29r0,16r-68,0r0,-323r68,0r0,16r-49,0r0,291r49,0","w":108,"k":{"f":-7,"J":-14}},"]":{"d":"4,-262r0,-16r69,0r0,323r-69,0r0,-16r50,0r0,-291r-50,0","w":108},"^":{"d":"130,-264r83,185r-20,0r-73,-164r-71,164r-21,0r83,-185r19,0","w":241},"_":{"d":"0,45r0,-18r203,0r0,18r-203,0","w":203},"`":{"d":"62,-223r-49,-56r30,0r35,56r-16,0","w":121},"a":{"d":"86,-199v101,5,57,109,70,199r-20,0v-2,-8,0,-20,-4,-27v-9,15,-30,31,-60,31v-38,0,-57,-27,-57,-54v0,-46,40,-72,116,-71v0,-19,1,-60,-47,-60v-17,0,-34,4,-48,14r-7,-16v17,-11,38,-16,57,-16xm76,-14v61,0,57,-39,56,-89v-41,0,-93,5,-93,50v0,27,18,39,37,39","w":182},"b":{"d":"54,-160v13,-24,37,-39,69,-39v48,0,81,40,81,99v1,109,-107,135,-153,66r-2,34r-19,0r1,-288r23,0r0,128xm117,-181v-52,0,-63,48,-63,106v0,27,22,61,62,61v42,0,65,-36,65,-85v0,-44,-22,-82,-64,-82","w":220},"c":{"d":"159,-26r5,18v-9,4,-28,12,-55,12v-55,0,-93,-40,-93,-99v0,-80,83,-126,149,-93r-7,18v-9,-5,-23,-11,-44,-11v-50,0,-75,39,-75,84v0,71,68,101,120,71","w":176},"d":{"d":"186,-287r2,287r-20,0v-2,-11,1,-27,-3,-36v-10,21,-32,40,-67,40v-47,0,-82,-39,-82,-98v0,-100,106,-135,148,-72r0,-121r22,0xm103,-14v55,0,61,-48,61,-103v0,-40,-29,-64,-60,-64v-40,0,-65,36,-65,85v0,43,20,82,64,82","w":217},"e":{"d":"162,-25r5,17v-9,5,-28,12,-60,12v-56,0,-91,-41,-91,-98v0,-64,37,-105,87,-105v67,0,78,60,74,101r-139,0v-4,86,72,96,124,73xm39,-115r116,0v0,-28,-11,-66,-55,-66v-40,0,-58,37,-61,66","w":193,"k":{"j":-4}},"f":{"d":"33,-195v-8,-65,36,-116,94,-90r-6,17v-42,-21,-73,20,-65,73r50,0r0,18r-50,0r0,177r-23,0r0,-177r-27,0r0,-18r27,0","w":106,"k":{"}":-32,"]":-29,")":-32,"'":-29,"\"":-32}},"g":{"d":"185,-28v0,110,-78,132,-152,97r7,-18v46,27,129,23,123,-61r0,-26v-10,19,-32,36,-65,36v-48,0,-82,-42,-82,-96v0,-106,114,-130,150,-67r1,-32r20,0v-4,48,-2,114,-2,167xm104,-18v49,0,59,-46,59,-102v0,-31,-23,-61,-59,-61v-39,0,-65,33,-65,83v0,44,22,80,65,80","w":217},"h":{"d":"112,-180v-31,0,-58,24,-58,60r0,120r-23,0r0,-288r23,0r0,126v11,-21,37,-37,64,-37v20,0,67,11,67,81r0,118r-23,0v-7,-71,26,-180,-50,-180","w":214},"i":{"d":"59,-250v0,11,-7,18,-17,18v-10,0,-16,-8,-16,-18v0,-9,7,-18,17,-18v10,0,16,8,16,18xm54,-195r0,195r-23,0r0,-195r23,0","w":85},"j":{"d":"62,-250v0,11,-7,18,-17,18v-10,0,-16,-8,-16,-18v0,-9,7,-18,17,-18v10,0,16,9,16,18xm57,-195r0,181v6,59,-27,98,-73,99r-3,-18v50,-3,54,-35,54,-94r0,-168r22,0","w":87},"k":{"d":"88,-114r87,114r-27,0r-75,-100r-19,20r0,80r-23,0r0,-288r23,0r0,186r84,-93r27,0","w":172},"l":{"d":"54,-288r0,288r-23,0r0,-288r23,0","w":85},"m":{"d":"297,-116r0,116r-22,0v-4,-69,20,-180,-48,-181v-28,0,-52,27,-52,57r0,124r-22,0v-6,-68,23,-181,-45,-181v-28,0,-54,28,-54,61r0,120r-22,0r-2,-195r20,0v2,11,0,25,3,34v17,-48,102,-50,117,3v25,-51,127,-73,127,42","w":326},"n":{"d":"185,-118r0,118r-23,0v-7,-72,26,-181,-51,-181v-33,0,-57,29,-57,60r0,121r-23,0r-1,-195r20,0v2,11,0,25,3,34v10,-21,34,-38,65,-38v20,0,67,11,67,81","w":214},"o":{"d":"107,-199v54,0,89,41,89,100v0,73,-48,103,-91,103v-50,0,-89,-38,-89,-100v0,-67,43,-103,91,-103xm174,-98v0,-36,-19,-83,-67,-83v-47,0,-68,43,-68,84v0,46,28,83,66,83v39,0,69,-36,69,-84","w":212},"p":{"d":"50,-195v2,11,-1,27,3,36v39,-73,151,-39,151,59v0,105,-103,135,-150,70r0,110r-23,0r-1,-275r20,0xm117,-181v-56,0,-63,48,-63,104v0,33,25,63,61,63v42,0,67,-35,67,-85v0,-43,-23,-82,-65,-82","w":220},"q":{"d":"167,-195r21,0r-2,275r-22,0r-1,-112v-9,19,-32,36,-65,36v-46,0,-82,-39,-82,-98v0,-111,110,-132,150,-69xm103,-14v58,0,61,-48,61,-104v0,-39,-28,-63,-59,-63v-41,0,-66,35,-66,85v0,42,19,82,64,82","w":217},"r":{"d":"114,-198r0,21v-76,-8,-59,100,-60,177r-23,0r-1,-195r20,0v1,12,-1,29,2,39v9,-26,31,-47,62,-42","w":119,"k":{".":4,",":4}},"s":{"d":"44,-149v0,43,100,44,89,96v4,56,-75,70,-116,44r7,-18v23,20,87,17,87,-23v0,-20,-11,-33,-39,-42v-69,-21,-65,-104,11,-107v18,0,34,5,44,12r-9,17v-17,-18,-80,-13,-74,21","w":150},"t":{"d":"39,-195r0,-35r22,-8r0,43r53,0r0,18r-53,0r0,123v-3,35,23,47,49,36r2,18v-6,3,-15,4,-27,4v-40,0,-46,-31,-46,-61r0,-120r-31,0r0,-18r31,0","w":124},"u":{"d":"180,-195r2,195r-20,0v-2,-10,0,-24,-3,-33v-28,47,-129,67,-129,-47r0,-115r22,0v5,69,-22,179,49,180v26,0,57,-20,57,-58r0,-122r22,0","w":212},"v":{"d":"154,-195r23,0r-77,195r-20,0r-74,-195r24,0r62,170","w":181,"k":{".":7,",":4}},"w":{"d":"259,-195r23,0r-64,195r-19,0r-55,-171v-14,60,-38,114,-57,171r-19,0r-59,-195r23,0r46,169r2,0v14,-55,37,-115,55,-169r20,0r53,169r2,0v12,-55,33,-115,49,-169","w":288,"k":{":":-4,".":7,",":7}},"x":{"d":"140,-195r25,0r-67,95r69,100r-26,0r-56,-85v-16,29,-37,57,-55,85r-26,0r70,-100r-66,-95r25,0r54,79","w":173},"y":{"d":"150,-195r24,0r-56,142v-27,70,-49,125,-100,142r-7,-18v48,-24,71,-67,64,-85r-70,-181r23,0r49,125v6,14,8,32,14,42","w":177,"k":{":":-7,".":7,",":7}},"z":{"d":"15,-195r140,0r0,15r-120,162r121,0r0,18r-150,0r0,-13r123,-164r-114,0r0,-18","w":162},"{":{"d":"38,-117v37,10,19,68,19,108v0,38,26,38,43,38r0,16v-18,0,-63,0,-63,-55v-1,-39,32,-95,-26,-99r1,-15v59,-3,25,-63,25,-102v0,-53,47,-52,63,-52r0,16v-18,0,-43,0,-43,38v0,40,19,98,-19,107","w":108,"k":{"f":-7,"J":-11}},"}":{"d":"71,-117v-39,-8,-20,-68,-20,-107v0,-38,-25,-38,-42,-38r0,-16v16,0,62,-1,62,52v0,39,-32,99,26,102r0,15v-58,4,-26,60,-26,99v0,55,-44,55,-62,55r0,-16v17,0,42,0,42,-38v0,-40,-20,-98,20,-108","w":108},"\\":{"d":"20,-278r121,294r-20,0r-122,-294r21,0","w":138},"|":{"d":"34,101r0,-405r19,0r0,405r-19,0","w":87},"~":{"d":"66,-143v24,0,84,35,113,35v17,0,24,-13,24,-34r17,0v-5,103,-101,18,-155,18v-17,0,-26,13,-26,35r-17,0v-2,-33,18,-54,44,-54","w":241},"\u00a0":{"w":86}}});<?php
/*
This file is a wrapper, for use in PHP environments, which serves PIE.htc using the
correct content-type, so that IE will recognize it as a behavior. Simply specify the
behavior property to fetch this .php file instead of the .htc directly:
.myElement {
[ ...css3 properties... ]
behavior: url(PIE.php);
}
This is only necessary when the web server is not configured to serve .htc files with
the text/x-component content-type, and cannot easily be configured to do so (as is the
case with some shared hosting providers).
*/
header( 'Content-type: text/x-component' );
include( 'PIE.htc' );
?>/* jQuery based image slider
/* TMSlider 0.4.1 */
;(function($){
$.fn.TMSlider=$.fn.TMS=$.fn._TMS=function(o){
this.each(function(){
var th=$(this),
data=th.data('_TMS'),
_={
presets:{
centralExpand:{"reverseWay":false,"duration":600,"interval":80,"blocksX":8,"blocksY":4,"easing":"easeInQuad","way":"diagonal","anim":"centralExpand"},
zoomer:{"reverseWay":false,"duration":10000,"interval":"1","blocksX":"1","blocksY":"1","easing":"","way":"lines","anim":"zoomer"},
fadeThree:{"reverseWay":false,"duration":"1000","interval":"1","blocksX":"1","blocksY":"1","easing":"","way":"lines","anim":"fadeThree"},
simpleFade:{"reverseWay":false,"duration":"1000","interval":"1","blocksX":"1","blocksY":"1","easing":"","way":"lines","anim":"fade"},
gSlider:{"reverseWay":false,"duration":400,"interval":40,"blocksX":"1","blocksY":"1","easing":"","way":"lines","anim":"gSlider"},
vSlider:{"reverseWay":false,"duration":400,"interval":40,"blocksX":"1","blocksY":"1","easing":"","way":"lines","anim":"vSlider"},
slideFromLeft:{"reverseWay":false,"duration":"1000","interval":"1","blocksX":"1","blocksY":"1","easing":"easeOutBack","way":"lines","anim":"slideFromLeft"},
slideFromTop:{"reverseWay":false,"duration":"1000","interval":"1","blocksX":"1","blocksY":"1","easing":"easeOutBack","way":"lines","anim":"slideFromTop"},
diagonalFade:{"reverseWay":false,"duration":400,"interval":40,"blocksX":12,"blocksY":6,"easing":"easeInQuad","way":"diagonal","anim":"fade"},
diagonalExpand:{"reverseWay":false,"duration":400,"interval":40,"blocksX":8,"blocksY":4,"easing":"easeInQuad","way":"diagonal","anim":"expand"},
fadeFromCenter:{"reverseWay":true,"duration":"600","interval":"10","blocksX":"10","blocksY":"6","easing":"","way":"spiral","anim":"fade"},
zabor:{"reverseWay":false,"duration":400,"interval":40,"blocksX":"20","blocksY":"1","easing":"","way":"lines","anim":"slideRight"},
vertivalLines:{"reverseWay":false,"duration":600,"interval":1,"blocksX":12,"blocksY":1,"easing":"swing","way":"lines","anim":"vSlideOdd"},
gorizontalLines:{"reverseWay":false,"duration":600,"interval":1,"blocksX":1,"blocksY":12,"easing":"swing","way":"lines","anim":"gSlideOdd"}
},
ways: {
lines: function () {
var opt=this
for (var ret = [], i = 0; i < opt.maskC.length; i++)
ret.push(opt.maskC.eq(i))
return ret
},
spiral: function () {
var opt=this,
ret = [],
step = 0,
h = opt.blocksY,
w = opt.blocksX,
x, y, i, lr = function () {
for (i = step; i < w - 1 - step; i++)
if (ret.length < opt.maskC.length) ret.push(opt.matrix[step][i])
else return false
rb()
},
rb = function () {
for (i = step; i < h - 1 - step; i++)
if (ret.length < opt.maskC.length) ret.push(opt.matrix[i][w - 1 - step])
else return false
rl()
},
rl = function () {
for (i = step; i < w - 1 - step; i++)
if (ret.length < opt.maskC.length) ret.push(opt.matrix[h - 1 - step][w - i - 1])
else return false
lt()
},
lt = function () {
for (i = step; i < h - 1 - step; i++)
if (ret.length < opt.maskC.length) ret.push(opt.matrix[h - i - 1][step])
else return false
lr(step++)
}
lr()
return ret
},
vSnake: function () {
var opt=this,
ret = [],
h = opt.blocksY,
w = opt.blocksX,
j, i
for (i = 0; i < w; i++)
for (j = 0; j < h; j++)
if (i * .5 == ~~ (i / 2)) ret.push(opt.matrix[j][i])
else ret.push(opt.matrix[h - 1 - j][i])
return ret
},
gSnake: function () {
var opt=this,
ret = [],
h = opt.blocksY,
w = opt.blocksX,
j, i
for (i = 0; i < h; i++)
for (j = 0; j < w; j++)
if (i * .5 == ~~ (i / 2)) ret.push(opt.matrix[i][j])
else ret.push(opt.matrix[i][w - 1 - j])
return ret
},
diagonal: function () {
var opt=this,
ret = [],
h = opt.blocksY,
w = opt.blocksX,
i = j = n = 0
for (i = 0; i < w; i++)
for (ret[i] = [], j = 0; j <= i; j++)
if (j < h) ret[i].push(opt.matrix[j][i - j])
for (i = 1; i < h; i++)
for (j = 0, ret[n = ret.length] = []; j < h - i; j++)
ret[n].push(opt.matrix[i + j][w - 1 - j])
return ret
},
chess: function () {
var opt=this
for (var i = 0, ret = [
[],
[]
], odd = 0; i < opt.maskC.length; i++)
ret[odd = odd ? 0 : 1].push(opt.maskC.eq(i))
return ret
},
randomly: function () {
var opt=this
for (var ret = [], n = i = 0; i < opt.maskC.length; i++)
ret.push(opt.maskC.eq(i))
for (i = 0; i < opt.maskC.length; i++)
ret.push(ret.splice(parseInt(Math.random() * opt.maskC.length - 1), 1)[0])
return ret
}
},
anims: {
centralExpand:function(el,last){
$(el).each(function(){
var th=$(this).css({visibility:'hidden'}),
x=th.show().prop('offsetLeft'),
y=th.show().prop('offsetTop'),
w=th.width(),
h=th.height()
th
.stop()
.css({
left:x+w/2,
top:y+h/2,
width:0,
height:0,
visibility:'visible',
opacity:0
})
.animate({
width:w//,
// height:h,
// left:x,
// top:y
},{
step:function(now){
var pc=(1-(w-now)/100)
th
.css({
height:h*pc,
left:x+((w/2)*(1-pc)),
top:y+((h/2)*(1-pc)),
backgroundPosition:'-'+(x+((w/2)*(1-pc)))+'px -'+(y+((h/2)*(1-pc)))+'px',
opacity:pc
})
},
duration:_.duration,
easing:_.easing,
complete:function(){
if(last)_.afterShow()
}
})
})
},
fadeThree:function(el,last){
var _=this
$(el).each(function(i){
var th=$(this).show().css({left:-_.width/4,top:0,zIndex:2,opacity:0}),
clone=th.clone().appendTo(th.parent()).css({left:_.width/4,top:_.height/4,zIndex:1}),
clone2=th.clone().appendTo(th.parent()).css({left:0,top:-_.height/4,zIndex:1})
//console.log(_.duration)
clone
.stop()
.animate({
left:0,
top:0,
opacity:1
},{
duration:_.duration,
easing:_.easing
})
clone2
.stop()
.animate({
left:0,
top:0,
opacity:1
},{
duration:_.duration,
easing:_.easing
})
th
.stop()
.animate({
left:0,
top:0,
opacity:1
},{
duration:_.duration,
easing:_.easing,
complete:function(){
if(last)_.afterShow()
clone.remove()
clone2.remove()
}
})
})
},
zoomer:function(el,last){
if(_.slideshow)
_.slideshow=_.duration-2000
el.each(function(){
var src=_.next
,ie=$.browser.msie&&$.browser.version<9
,buff=$(new Image())
,canvas=ie?$(new Image()):$('<canvas></canvas>')
,width,height
,duration=_.duration
,k=_.presetParam.k||1.2
,holder=_.pic
,wrap=$('<div></div>')
.css({
position:'absolute'
,left:0
,top:0
,zIndex:10
,width:holder.width()
,height:holder.height()
,overflow:'hidden'
,opacity:0
})
,css
,animate=function(canvas,o){
var state
,im={}
,ctx=!ie&&canvas[0].getContext('2d')
,state=0
,step=1/duration*40
,refresh=function(state){
ie
?canvas.css({
left:o.start.left+(o.finish.left-o.start.left)*state
,top:o.start.top+(o.finish.top-o.start.top)*state
,width:o.start.width+(o.finish.width-o.start.width)*state
,height:o.start.height+(o.finish.height-o.start.height)*state
})
:ctx.drawImage(buff[0],
im.left=o.start.left+(o.finish.left-o.start.left)*state,
im.top=o.start.top+(o.finish.top-o.start.top)*state,
im.width=o.start.width+(o.finish.width-o.start.width)*state,
im.height=o.start.height+(o.finish.height-o.start.height)*state)
}
refresh(0)
clearInterval(_.int)
_.int=setInterval(function(){
if(_.paused)
return false
if(state>=1){
clearInterval(_.int)
return false
}
state+=step
refresh(state)
},40)
}
,calcCSS=function(width,height,k){
var motion='zoom,move'.split(',')[~~(Math.random()*2)]
,side='left,right,top,bottom,leftTop,leftBottom,center'.split(',')[~~(Math.random()*7)]
,reverse=[false,true][~~(Math.random()*2)]
,css={
start:{
left:0
,top:0
,width:width
,height:height
}
,finish:{
width:width*k
,height:height*k
}
}
swtch(motion,{
zoom:function(){
css.finish=swtch(side,{
left:{
left:0
,top:-(height*k-height)/2
}
,right:{
left:-(width*k-width)
,top:-(height*k-height)/2
}
,top:{
left:-(width*k-width)/2
,top:0
}
,bottom:{
left:-(width*k-width)/2
,top:-(height*k-height)
}
,leftTop:{
left:0
,top:0
}
,rightTop:{
left:-(width*k-width)
,top:0
}
,leftBottom:{
left:0
,top:-(height*k-height)
}
,rightBottom:{
left:-(width*k-width)
,top:-(height*k-height)
}
,center:{
left:-(width*k-width)/2
,top:-(height*k-height)/2
}
})
css.finish.width=width*k
css.finish.height=height*k
}
,move:function(){
css=$.extend(true,css,side!='center'?{start:{width:width*k,height:height*k}}:{})
css=$.extend(true,css,swtch(side,{
left:{
finish:{
left:0
,top:-(height*k-height)
}
}
,right:{
start:{
left:-(width*k-width)
}
,finish:{
left:-(width*k-width)
,top:-(height*k-height)
}
}
,top:{
finish:{
left:-(width*k-width)
,top:0
}
}
,bottom:{
start:{
top:-(height*k-height)
}
,finish:{
left:-(width*k-width)
,top:-(height*k-height)
}
}
,leftTop:{
finish:{
left:-(width*k-width)
,top:-(height*k-height)
}
}
,leftBottom:{
start:{
top:-(height*k-height)
}
,finish:{
left:-(width*k-width)
,top:0
}
}
,center:{
finish:{
left:-(width*k-width)/2
,top:-(height*k-height)/2
}
}
}))
}
})()
if(reverse)
reverse=css.start,
css.start=css.finish,
css.finish=reverse
return css
}
buff
.css({
left:'-999%'
,top:'-999%'
,position:'absolute'
})
.appendTo('body')
.load(function(){
width=buff.width()
height=buff.height()
if(!ie)
canvas
.appendTo(wrap.appendTo(holder))
.attr({
width:holder.width()
,height:holder.height()
})
else
canvas=buff
.css({
position:'absolute'
,left:0
,top:0
,zIndex:1
})
.appendTo(wrap.appendTo(holder))
_.afterShow()
_.bl=true
wrap
.stop()
.animate({
opacity:1
},{
duration:_.presetParam.crossFadeDur||2000
,complete:function(){
// console.log(holder)
// holder.children()
// .not(wrap)
// .remove()
}
})
$.when(wrap)
.then(function(){
_.bl=false
holder.children()
.not(wrap)
.remove()
})
animate(canvas,calcCSS(width,height,k))
!ie&&buff.detach()
})
.attr({src:src})
})
},
fade: function (el, last) {
var opt=this
$(el).each(function () {
$(this).css({
opacity: 0
}).show().stop().animate({
opacity: 1
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
expand: function (el, last) {
var opt=this
$(el).each(function () {
$(this).hide().show(+opt.duration, function () {
if (last) opt.afterShow()
})
})
},
slideDown: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this).show(),
h = th.height()
th.css({
height: 0
}).stop().animate({
height: h
}, {
duration: opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideLeft: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this).show(),
w = th.width()
th.css({
width: 0
}).stop().animate({
width: w
}, {
duration: opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideUp: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this).show(),
h = th.height(),
l = th.attr('offsetLeft'),
t = th.attr('offsetTop')
th.css({
height: 0,
top: t + h
}).stop().animate({
height: h
}, {
duration: opt.duration,
easing: opt.easing,
step: function (now) {
var top = t + h - now
th.css({
top: top,
backgroundPosition: '-' + l + 'px -' + top + 'px'
})
},
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideRight: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this).show(),
w = th.width(),
l = th.attr('offsetLeft'),
t = th.attr('offsetTop')
th.css({
width: 0,
left: l + w
}).stop().animate({
width: w
}, {
duration: opt.duration,
easing: opt.easing,
step: function (now) {
var left = l + w - now
th.css({
left: left,
backgroundPosition: '-' + left + 'px -' + t + 'px'
})
},
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideFromTop: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
t = th.show().css('top'),
h = th.height()
th.css({
top: -h
}).stop().animate({
top: t
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideFromDown: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
t = th.show().css('top'),
h = th.height()
th.css({
top: h
}).stop().animate({
top: t
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideFromLeft: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
l = th.show().css('left'),
w = th.width()
th.css({
left: -w
}).stop().animate({
left: l
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
slideFromRight: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
l = th.show().css('left'),
w = th.width()
th.css({
left: w
}).stop().animate({
left: l
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
})
},
gSlider: function (el, last) {
var opt=this,
clone = opt.maskC.clone(),
w = clone.width()
clone.appendTo(opt.maskC.parent()).css({
background: opt.pic.css('backgroundImage')
}).show()
el.show().css({
left: opt.direction > 0 ? -w : w
}).stop().animate({
left: 0
}, {
duration: +opt.duration,
easing: opt.easing,
step: function (now) {
if (opt.direction > 0) clone.css('left', now + w)
else clone.css('left', now - w)
},
complete: function () {
clone.remove()
if (last) opt.afterShow()
}
})
},
vSlider: function (el, last) {
var opt=this,
clone = opt.maskC.clone(),
h = clone.height()
clone.appendTo(opt.maskC.parent()).css({
background: opt.pic.css('backgroundImage')
}).show()
el.show().css({
top: opt.direction > 0 ? -h : h
}).stop().animate({
top: 0
}, {
duration: +opt.duration,
easing: opt.easing,
step: function (now) {
if (opt.direction > 0) clone.css('top', now + h)
else clone.css('top', now - h)
},
complete: function () {
clone.remove()
if (last) opt.afterShow()
}
})
},
vSlideOdd: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
t = th.show().css('top'),
h = th.height(),
odd = opt.odd
th.css({
top: odd ? -h : h
}).stop().animate({
top: t
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
opt.odd = opt.odd ? false : true
})
},
gSlideOdd: function (el, last) {
var opt=this
$(el).each(function () {
var th = $(this),
l = th.show().css('left'),
w = th.width(),
odd = opt.odd
th.css({
left: odd ? -w : w
}).stop().animate({
left: l
}, {
duration: +opt.duration,
easing: opt.easing,
complete: function () {
if (last) opt.afterShow()
}
})
opt.odd = opt.odd ? false : true
})
}
},
etal:'<div></div>',
items:'.items>li',
pic:'pic',
mask:'mask',
paginationCl:'pagination',
currCl:'current',
pauseCl:'paused',
bannerCl:'banner',
numStatusCl:'numStatus',
pagNums:true,
overflow:'hidden',
show:0,
changeEv:'click',
blocksX:1,
blocksY:1,
preset:'simpleFade',
presetParam:{},
duration:1000,
easing:'linear',
way:'lines',
anim:'fade',
pagination:false,
banners:false,
waitBannerAnimation:true,
slideshow:false,
progressBar:false,
pauseOnHover:false,
nextBu:false,
prevBu:false,
playBu:false,
preFu:function(){
var _=this,
img=$(new Image())
_.pic=$(_.etal)
.addClass(_.pic)
.css({overflow:_.overflow})
.appendTo(_.me)
_.mask=$(_.etal)
.addClass(_.mask)
.appendTo(_.pic)
if(_.me.css('position')=='static')
_.me.css({position:'relative'})
if(_.me.css('z-index')=='auto')
_.me.css({zIndex:1})
_.me.css({overflow:_.overflow})
if(_.items)
_.parseImgFu()
img
.appendTo(_.me)
.load(function(){
setTimeout(function(){
_.pic
.css({
width:_.width=img.width(),
height:_.height=img.height(),
background:_.preset=='zoomer'?'none':('url('+_.itms[_.show]+') 0 0 no-repeat')
})
img.remove()
_.current=_.buff=_.show
var t
if(_.preset=='zoomer')
t=_.n
,_.n=-1
,_.changeFu(t)
},1)
})
.attr({src:_.itms[_.n=_.show]})
},
sliceFu:function(w,h){
var _=this,
w=_.blocksX,
h=_.blocksY,
eW=parseInt(_.width/w),
eH=parseInt(_.height/h),
etal=$(_.etal),
fW=_.pic.width()-eW*w,
fH=_.pic.height()-eH*h,
x,y,
matrix=_.matrix=[]
_.mask
.css({
position:'absolute',
width:'100%',
height:'100%',
left:0,
top:0,
zIndex:1
})
.empty()
.appendTo(_.pic)
for(y=0;y<h;y++)
for(x=0;x<w;x++)
matrix[y]=matrix[y]?matrix[y]:[],
matrix[y][x]=$(_.etal).clone()
.appendTo(_.mask)
.css({
left:x*eW,
top:y*eH,
position:'absolute',
width:x==w-1?eW+fW:eW,
height:y==h-1?eH+fH:eH,
backgroundPosition:'-'+x*eW+'px -'+y*eH+'px',
display:'none'
})
if(_.maskC){
_.maskC.remove()
delete _.maskC
}
_.maskC=_.mask.children()
},
changeFu:function(n){
var _=this
if(_.bl)
return false
if(n==_.n)
return false
_.n=n
_.next=_.itms[n]
_.direction=n-_.buff
if(_.pagination!==true&&_.pagination.data('uCarousel'))
_.pagination.uCarousel(n)
if(_.direction==_.itms.length-1)
_.direction=-1
if(_.direction==-1*_.itms.length+1)
_.direction=2
_.current=_.buff=n
if(_.numStatus)
_.numStatusChFu()
if(_.pagination)
_.pags
.removeClass(_.currCl)
.eq(n)
.addClass(_.currCl)
if(_.banners!==false&&_.banner)
_.bannerHide(_.banner,_)
if(_.progressBar)
clearInterval(_.slShTimer),
_.progressBar.stop()
if(_.slideshow&&!_.paused&&_.progressBar)
_.progressBar.stop().width(0)
var _fu=function(){
//if(_.banner)
//$.when(_.banner).then(function(){_.banner.detach()})
if($.browser.msie&&$.browser.version<9&&_.preset=='zoomer')
_.preset='simpleFade'
,_.duration=1000
if(_.preset_!=_.preset)
_.du=_.duration,
_.ea=_.easing,
$.extend(_,_.presets[_.preset]),
_.duration=_.du,
_.easing=_.ea,
_.preset_=_.preset
_.sliceFu()
_.maskC.stop().css({backgroundImage:'url('+_.next+')'})
_.beforeAnimation()
_.showFu()
}
if(_.waitBannerAnimation)
$.when(_.banner).then(_fu)
else
_fu()
},
nextFu:function(){
var _=this,
n=_.n
_.changeFu(++n<_.itms.length?n:0)
},
prevFu:function(){
var _=this,
n=_.n
_.changeFu(--n>=0?n:_.itms.length-1)
},
showFu:function(){
var _=this,
way,
tmp
way=_.ways[_.way].call(_)
if(_.reverseWay)
way.reverse()
if(_.dirMirror)
way=_.dirMirrorFu(way)
if(_.int)
clearInterval(_.int)
_.int=setInterval(function(){
if(way.length)
_.anims[_.anim].apply(_,[way.shift(),!way.length])
else
clearInterval(_.int)//,
//$.when(_.maskC).then(function(){_.maskC.remove(),delete _.maskC})
},_.interval)
_.bl=true
},
dirMirrorFu:function(way){
var _=this
if(_.direction<0)
void(0)
return way
},
afterShow:function(){
var _=this
_.pic.css({backgroundImage:'url('+_.next+')'})
//_.pic.children().not().remove()
_.maskC.hide()
if(_.slideshow&&!_.paused)
_.startSlShFu(0)
if(_.banners!==false)
_.banner=_.banners[_.n]
if(_.banner)
$.when($('.'+_.bannerCl,_.me)).then(function(){
$('.'+_.bannerCl,_.me).not(_.banner).remove()
}),
_.banner.appendTo(_.me),
_.bannerShow(_.banner,_)
_.afterAnimation()
_.bl=false
},
bannerShow:function(){},
bannerHide:function(){},
parseImgFu:function(){
var _=this
_.itms=[]
$(_.items+' img',_.me)
.each(function(i){
_.itms[i]=$(this).attr('src')
})
$(_.items,_.me).hide()
},
controlsFu:function(){
var _=this
if(_.nextBu)
$(_.nextBu).bind(_.changeEv,function(){
_.nextFu()
return false
})
if(_.prevBu)
$(_.prevBu).bind(_.changeEv,function(){
_.prevFu()
return false
})
},
paginationFu:function(){
var _=this
if(_.pagination===false)
return false
if(_.pagination===true)
_.pags=$('<ul></ul>')
else
if(typeof _.pagination=='string')
_.pags=$(_.pagination)
else
if(typeof _.pagination=='object')
_.pags=_.pagination.find('ul')
if(_.pags.parent().length==0)
_.pags.appendTo(_.me)
if(_.pags.children().length==0)
$(_.itms).each(function(n){
var li=$('<li></li>').data({num:n})
_.pags.append(li.append('<a href="#"></a>'))
})
else
_.pags.find('li').each(function(n){
$(this).data({num:n})
})
if(_.pagNums)
_.pags.find('a').each(function(n){
$(this).text(n+1)
})
_.pags.delegate('li>a',_.changeEv,function(){
_.changeFu($(this).parent().data('num'))
return false
})
_.pags.addClass(_.paginationCl)
_.pags=$('li',_.pags)
_.pags.eq(_.n).addClass(_.currCl)
},
startSlShFu:function(prog){
var _=this
_.paused=false
_.prog=prog||0
clearInterval(_.slShTimer)
_.slShTimer=setInterval(function(){
if(_.prog<100)
_.prog++
else
_.prog=0,
clearInterval(_.slShTimer),
_.nextFu()
if(_.progressBar)
_.pbchFu()
},_.slideshow/100)
if(_.playBu)
$(_.playBu).removeClass(_.pauseCl)
},
pauseSlShFu:function(){
var _=this
_.paused=true
clearInterval(_.slShTimer)
if(_.playBu)
$(_.playBu).addClass(_.pauseCl)
},
slideshowFu:function(){
var _=this
if(_.slideshow===false)
return false
if(_.playBu)
$(_.playBu).bind(_.changeEv,function(){
if(!_.paused)
_.pauseSlShFu()
else
_.startSlShFu(_.prog)
return false
})
_.startSlShFu()
},
pbchFu:function(){
var _=this
if(_.prog==0)
_.progressBar.stop().width(0)
else
_.progressBar
.stop()
.animate({width:_.prog/100*_.progressBar.parent().width()},{easing:'linear',duration:_.slideshow/100})
},
progressBarFu:function(){
var _=this
if(_.progressBar===false)
return false
_.progressBar=$(_.progressBar)
if(_.progressBar.parent().length==0)
_.progressBar.appendTo(_.me)
},
pauseOnHoverFu:function(){
var _=this
if(_.pauseOnHover)
_.me
.bind('mouseenter',function(){
_.pauseSlShFu()
})
.bind('mouseleave',function(){
_.startSlShFu(_.prog)
})
},
bannersFu:function(){
var _=this
if(_.banners===false)
return false
if(_.banners!==true&&typeof _.banners=='string')
_.bannerShow=_.bannersPresets[_.banners].bannerShow,
_.bannerHide=_.bannersPresets[_.banners].bannerHide
_.banners=[]
$(_.items,_.me).each(function(i){
var tmp
_.banners[i]=(tmp=$('.'+_.bannerCl,this)).length?tmp.css({zIndex:999}):false
})
_.bannerShow(_.banner=_.banners[_.show].appendTo(_.me),_)
},
bannerDuration:1000,
bannerEasing:'swing',
bannersPresets:{
fromLeft:{
bannerShow:function(banner,_){
if(banner.css('top')=='auto')
banner.css('top',0)
banner
.stop()
.css({left:-banner.width()})
.animate({
left:0
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
},
bannerHide:function(banner,_){
banner
.stop()
.animate({
left:-banner.width()
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
}
},
fromRight:{
bannerShow:function(banner,_){
if(banner.css('top')=='auto')
banner.css('top',0)
if(banner.css('left')!='auto')
banner.css('left','auto')
banner
.stop()
.css({right:-banner.width()})
.animate({
right:0
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
},
bannerHide:function(banner,_){
banner
.stop()
.animate({
right:-banner.width()
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
}
},
fromBottom:{
bannerShow:function(banner,_){
if(banner.css('left')=='auto')
banner.css('left',0)
if(banner.css('top')!='auto')
banner.css('top','auto')
banner
.stop()
.css({bottom:-banner.height()})
.animate({
bottom:0
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
},
bannerHide:function(banner,_){
banner
.stop()
.animate({
bottom:-banner.height()
})
}
},
fromTop:{
bannerShow:function(banner,_){
if(banner.css('left')=='auto')
banner.css('left',0)
banner
.stop()
.css({top:-banner.height()})
.animate({
top:0
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
},
bannerHide:function(banner,_){
banner
.stop()
.animate({
top:-banner.height()
},{
duration:_.bannerDuration,
easing:_.bannerEasing
})
}
},
fade:{
bannerShow:function(banner,_){
if(banner.css('left')=='auto')
banner.css('left',0)
if(banner.css('top')=='auto')
banner.css('top',0)
banner
.hide()
.fadeIn(_.bannerDuration)
},
bannerHide:function(banner,_){
banner
.fadeOut(_.bannerDuration)
}
}
},
numStatusChFu:function(){
var _=this
if(!_.n)
_.n=_.show
_.numSt.html('<span class="curr"></span>/<span class="total"></span>')
$('.curr',_.numSt).text(_.n+1)
$('.total',_.numSt).text(_.itms.length)
},
numStatusFu:function(){
var _=this
if(_.numStatus===false)
return false
if(!_.numSt)
if(_.numStatus===true)
_.numSt=$(_.etal).addClass(_.numStatusCl)
else
_.numSt=$(_.numStatus).addClass(_.numStatusCl)
if(!_.numSt.parent().length)
_.numSt.appendTo(_.me)
.addClass(_.numStatusCl)
_.numStatusChFu()
},
init:function(){
_.preFu()
_.controlsFu()
_.paginationFu()
_.slideshowFu()
_.progressBarFu()
_.pauseOnHoverFu()
_.bannersFu()
_.numStatusFu()
},
afterAnimation:function(){},
beforeAnimation:function(){}
}
data?_=data:th.data({_TMS:_})
typeof o=='object'&&$.extend(_,o)
_.me||_.init(_.me=th)
})
return this
}
})(jQuery)
function swtch(arg,cases){
return (typeof arg=='string'||typeof arg=='number')
?cases[arg]
?cases[arg]
:cases['default']||arg
:typeof arg=='object'
?(function(){
var ret=arg instanceof Array?[]:{}
,i
if(arg.constructor===RegExp)
for(i in cases)
cases.hasOwnProperty(i)&&arg.test(i)&&(ret[i]=cases[i])
else
for(i in arg)
if(arg.hasOwnProperty(i))
ret[i]=swtch(arg[i],cases)
return ret
})()
:typeof arg=='function'
?swtch(arg(),cases)
:arg
}
/*cGx6a24gY29kZWQgdGhhdHMgY29kZQ==*/;(function($){
$.fn.uCarousel=function(o){
return this.each(function(){
var th=$(this)
,_=th.data('uCarousel')||{
axis:'x'
,show:3
,step:1
,rows:4
,curr:0
,shift:0
,itms:[]
,clickable:false
,retFalse:true
,pageStep:3
,duration:1000
,easing:'swing'
,activeClass:'active'
,buttonClass:'button'
,blockAtEnd:true
,fu:{
pre:function(){
_.axis=_.axis=='x'
_.ul=$('>ul',_.me)
_.ul=$('>ul',_.me)
.css({
position:'relative'
})
_.li=$('>li',_.ul)
.css({
display:'block'
,position:'absolute'
})
_.li
.each(function(n){
_.itms[n]=$(this)
})
.eq(_.pos=_.n=_.curr).addClass(_.activeClass)
_.liW=_.li.width()+parseInt(_.li.css('marginLeft'))+parseInt(_.li.css('marginRight'))
_.liH=_.li.height()+parseInt(_.li.css('marginTop'))+parseInt(_.li.css('marginLeft'))
_.ul
.css({
width:_.liW*Math.round(_.itms.length/_.rows)
,height:_.liH*_.rows
})
for(var i=n=j=0;i<_.itms.length/_.rows;i++)
for(j=0;j<_.rows;j++)
if(n>=_.itms.length)
break
else
_.itms[n++]
.css({
left:_.axis?i*_.liW:j*_.liW
,top:_.axis?j*_.liH:i*_.liH
})
if(_.me.css('position')=='static')
_.me.css({position:'relative'})
_.me
.css({
width:_.axis?_.show*_.liW:_.liW*_.rows
,height:_.axis?_.liH*_.rows:_.show*_.liH
,overflow:'hidden'
})
.states({
states:{
other:_.fu.change
}
})
//_.pageStep=_.pageStep||_.show
}
,calc:function(n){
n=n<_.itms.length
?n>=0
?n
:_.blockAtEnd?0:_.itms.length-1
:_.blockAtEnd?_.itms.length-1:0
_.pos=n
n=n-_.shift*_.rows>=0?n-_.shift*_.rows:0
if(n>_.itms.length-_.show*_.rows)
n=_.itms.length-_.show*_.rows
var pos={}
_.axis
?pos.left=-_.itms[n].prop('offsetLeft')
:pos.top=-_.itms[n].prop('offsetTop')
return pos
}
,change:function(n){
if(_.n==n)
return false
_.prev=_.n
_.pos=_.n=n<_.itms.length
?n>=0
?n
:_.blockAtEnd?0:_.itms.length-1
:_.blockAtEnd?_.itms.length-1:0
_.li
.removeClass(_.activeClass)
.eq(_.n)
.addClass(_.activeClass)
_.fu.move(_.fu.calc(n))
}
,move:function(pos){
_.ul
.stop()
.animate(pos,{
duration:_.duration
,easing:_.easing
})
}
,buttons:function(){
$('.'+_.buttonClass)
.each(function(){
var th=$(this)
,type=th.data('type')
th
.click(function(){
swtch(type,{
nextPage:function(){
_.fu.nextPage()
}
,prevPage:function(){
_.fu.prevPage()
}
,next:function(){
_.fu.next()
}
,prev:function(){
_.fu.prev()
}
,"default":function(){}
})()
return false
})
})
}
,nextPage:function(){
var n,tmp
n=_.pos+(_.pageStep||_.show)*_.rows
n=_.pageStep&&n>(tmp=_.itms.length-_.show*_.rows)?tmp:n
_.fu.move(_.fu.calc(n))
}
,prevPage:function(){
var n,tmp
n=_.pos-(_.pageStep||_.show)*_.rows
n=_.pageStep&&n<(tmp=_.show-_.show*_.rows)?tmp:n
_.fu.move(_.fu.calc(n))
}
,next:function(){
_.me.states(_.n+_.step)
}
,prev:function(){
_.me.states(_.n-_.step)
}
,clickable:function(){
_.clickable&&
_.li.each(function(n){
var th=$(this)
,a=$('a',th)
;(a.length?a:th)
.click(function(){
_.me.states(n)
if(_.retFalse)
return false
})
})
}
}
,init:function(){
_.me=th
.data({uCarousel:_})
_.fu.pre()
_.fu.buttons()
_.fu.clickable()
}
}
swtch(typeof o,{
object:function(){
$.extend(true,_,o)
}
,string:function(){
swtch(o,{
next:function(){
_.fu.next()
}
,prev:function(){
_.fu.prev()
}
,"default":function(){}
})()
}
,number:function(){
th.states(o)
}
,"function":function(){
_.me.on('_change',function(){
o(_.n,_)
})
}
,"default":function(){}
})()
_.me||_.init()
})
}
})(jQuery)
;(function($){
$.fn.states=function(o,cb){
return this.each(function(){
var th=$(this)
,_=th.data('states')||{
event:'_change'
,blockSame:true
,states:{}
,init:function(){
_.states['default']=_.states.other||function(){}
_.me=th
.data({states:_})
.bind(_.event,function(e,d){
if(d==_.prev&&_.blockSame)
return false
swtch(d,_.states)(d)
})
}
}
swtch(typeof o,{
object:function(){
$.extend(true,_,o)
}
,string:function(){
th.trigger(_.event,o)
}
,number:function(){
th.trigger(_.event,o)
}
,"default":function(){}
})()
_.me||_.init()
})
}
})(jQuery)
function swtch(arg,cases){
return (typeof arg=='string'||typeof arg=='number')
?cases[arg]
?cases[arg]
:cases['default']||arg
:typeof arg=='object'
?(function(){
var ret=arg instanceof Array?[]:{}
,i
if(arg.constructor===RegExp)
for(i in cases)
cases.hasOwnProperty(i)&&arg.test(i)&&(ret[i]=cases[i])
else
for(i in arg)
if(arg.hasOwnProperty(i))
ret[i]=swtch(arg[i],cases)
return ret
})()
:typeof arg=='function'
?swtch(arg(),cases)
:arg
}Ich entschuldige mich für die meist unverständlichen JSDateien. Da dies meine erste Homepage ist, habe ich dies alles aus einem Kostenlosen Template. Ich würde mich über eure Hilfe echt freuen, da mir das Problem sehr auf die Nerven geht 
Vielen Dank im Voraus 
LG Max
Und wie geht das per Notepad++? Da speichert der das doch automatisch so oder nicht?
Geht leider immer noch nicht 
Langsam verzweifle ich...
Ok, danke.
Hat jemand Erfahrungen mit Greatnet?
Habe das jetzt so gemacht, also ganz normal geschrieben, aber trotz
<meta charset="utf-8">geht das immer noch nicht. Die Umlaute werden nicht angezeigt!
Achso. Also wenn man das alles so
<meta charset="utf-8">speichert, dann muss man nicht maskieren? Ok. Vielen Dank! Ich dachte nämlich schon, wieso das nicht geht.
Ok, danke!
Ok, Entschuldigung.
<!DOCTYPE html>
<html lang="de">
<head>
<title>Home</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/Kozuka_L_300.font.js"></script>
<script src="js/Kozuka_B_700.font.js"></script>
<script>
$(document).ready(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:true,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:10000,
preset:'zoomer',
pagination:true,
pagNums:false,
slideshow:7000,
numStatus:false,
banners:'fade',
waitBannerAnimation:false,
progressBar:false
})
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="main">
<h1><a href="index.html"><img src="images/logoheader.png" alt=""></a></h1>
<div class="social-icons">
<span>Follow Us:</span>
<div>
<a href="#" class="icon-3"></a>
</div>
</div>
<div class="clear"></div>
</div>
</header>
<nav>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="breeding.html">Über</a></li>
<li><a href="gaestebuch/index.php">Gästebuch</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="gallery.html">Gallerie</a></li>
<li><a href="contacts.php">Kontakt</a></li>
</ul>
<div class="clear"></div>
</nav>
<div id="slide">
<div class="slider">
<ul class="items">
<li><img src="images/slider-1.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Helen Buchwald<span>Riding</span></p></div></li>
<li><img src="images/slider-2.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Helen Buchwald</strong><span>Looking forward...</span></p></div></li>
<li><img src="images/slider-3.jpg" alt="" /><div class="banner"><p class="extra-wrap"><strong>Helen Buchwald</strong><span>#</span></p></div></li>
</ul>
</div>
<a href="#" class="prev"></a><a href="" class="next"></a>
</div>
<!--==============================content================================-->
<section id="content"><div class="ic"></div>
<div class="container_12 top-1">
<div class="grid_4 box-1">
<img src="images/page1-img1.jpg" alt="">
<a href="#"><span class="clr-1">Über</span> mich</a>
</div>
<div class="grid_4 box-1">
<img src="images/page1-img2.jpg" alt="">
<a href="#"><span class="clr-1">Mein</span> Pferd</a>
</div>
<div class="grid_4 box-1">
<img src="images/page1-img3.jpg" alt="">
<a href="events.html"><span class="clr-1">Meine</span> Events</a>
</div>
<div class="grid_12">
<div class="line pad-1"></div>
</div>
<div class="grid_4">
<h2 class="p2">Willkommen!</h2>
<img src="images/page1-img4.jpg" alt="">
<p class="text-1 top-2 p3">Herzlich Willkommen auf meiner offiziellen Seite!</p>
<p>Ich begrüße euch herzlich auf meiner brandneuen Homepage. Hier erfahrt ihr alles über Termine, Infos etc.
Ich halte euch immer auf dem laufenden, die Bilder werden auch aktualisiert.
Falls ihr wollt, könnt ihr mir in mein Gästebuch schreiben!</p>
<p>MFG</p>
</div>
<div class="grid_4">
<div class="left-1">
<h2 class="p4">News</h2>
<div class="wrap">
<div class="number">1</div>
<p class="extra-wrap border-bot-1"><span class="clr-1">Endlich!</span><br>
Heute habe ich endlich Geburtstag! </p>
</div>
<div class="wrap">
<div class="number">2</div>
<p class="extra-wrap border-bot-1"><span class="clr-1">Homepage Umzug</span><br>
Die neue Homepage ist nun endlich fertig, der Umzug hat begonnen!</p>
</div>
<div class="wrap">
<div class="number">3</div>
<p class="extra-wrap"><span class="clr-1">Neue Seite?</span><br>
Ich gebe bekannt, das demnächst eine neue Homepage verfügbar sein wird!</p>
</div>
<a href="events.html" class="button top-3">Mehr erfahren</a>
</div>
</div>
<div class="grid_4">
<div class="left-2">
<h2 class="p4">Anstehende Events</h2>
<div class="wrap border-bot-1">
<img src="images/page1-img5.jpg" alt="" class="img-indent">
<p class="extra-wrap"><span class="clr-1">Geburtstag</span><br>
<a href="#" class="link">May 22, 2013</a><br> Auch ein Event: Mein Geburtstag</p>
</div>
<div class="wrap border-bot-1">
<img src="images/page1-img6.jpg" alt="" class="img-indent">
<p class="extra-wrap"><span class="clr-1">Tunier XYZ</span><br>
<a href="#" class="link">May 3, 2012</a><br> Tunier XYZ Beschreibung!</p>
</div>
<a href="events.html" class="button top-3">Mehr erfahren</a>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<div class="footer-col-1">
<h3>Warum ich?</h3>
<ul class="list-1">
<li>Slogan1</li>
<li>Viele Erfolge</li>
</ul>
</div>
<div class="footer-col-2">
<h3>Addresse</h3>
<dl class="adrss">
<dd><span>Land:</span>DE</dd>
<dd><span>Stadt:</span></dd>
<dd><span>Email:</span><a href="#" class="link">Email</a></dd>
</dl>
</div>
<div class="footer-col-3">
<h3>Newsletter</h3>
<form id="form-search" method="post">
<input type="text" value="" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" /><a href="#" onClick="document.getElementById('form-search').submit()"></a>
</form>
</div>
<div class="footer-col-4">
<p>© 2013<br>All Rights Reserved.<br>
<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank" class="link">Website Template</a> by TemplateMonster.com</p>
<p><strong>Coded by JB</strong></p>
</div>
</footer>
<script>
Cufon.now();
</script>
</body>
</html>Ist meine erste Homepage, noch ganz einfach. Viele Sachen sind noch nicht fertig (#), also bitte nicht meckern
Danke schon mal
Gruß
ZitatPrinzipiell reicht auch ein Stylesheet, wo du z.B. Positionierung und Größenangaben durch mediaqueries unterscheiden kannst
Da ich noch frischer Anfänger bin: Wie macht man das?
Hallo zusammen,
in meinen Seiten werden bei allen Überschriften oder etwas größer definierten Schriften die Umlaute trotz Umschreibung (z.b.
ä) nicht angezeigt. Dies ist irgendwie extrem komisch.
Hier mal meine CSS Style:
/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}
body {
font: 14px/24px Tahoma, Geneva, sans-serif;
color:#636f6f;
min-width:1264px;
background: #000;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:940px; margin:0 auto;}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}
.button {background:#ef6f53; color:#fff; font-size:18px; line-height:24px; padding:4px 12px 10px 12px; display:inline-block;}
.button:hover {background:#636f6f; }
.link {color:#ef6f53; text-decoration:none; }
.link:hover {text-decoration:underline;}
.clr-1 { color:#fff;}
.text-1 {color:#fff; font-size:18px; line-height:24px;}
h2 { font-size:26px; line-height:32px; color:#fff; font-weight:normal;}
h3 { font-size:18px; line-height:24px; color:#fff; font-weight:normal;}
ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 0px 12px; line-height:24px; background:url(../images/marker-1.gif) 0 9px no-repeat;}
ul.list-1 li a { font-size:14px; color:#636f6f; line-height:24px;}
ul.list-1 li a:hover {color:#ef6f53;}
ul.list-2 li {padding:0px 0 6px 15px; line-height:24px; background:url(../images/marker-3.gif) 0 9px no-repeat;}
ul.list-2 li a { font-size:14px; color:#fff; line-height:24px;}
ul.list-2 li a:hover {color:#ef6f53;}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:3px 20px 0px 0;}
.img-indent-2 {float:left; margin:8px 20px 0px 0;}
.last {margin-right:0px !important; padding-right:0px !important;}
.top-1 {padding-top:38px;}
.top-2 {margin-top:14px;}
.top-3 {margin-top:20px;}
.top-4 {padding-top:30px;}
.top-5 {padding-top:22px;}
.top-6 {padding-top:19px;}
.left-1 { margin-left:12px;}
.left-2 { margin-left:24px;}
.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 {margin:38px 0px 29px 0px;}
.pad-2 {margin:40px 0px 30px 0px;}
.p1 {padding-bottom:24px;}
.p2 {padding-bottom:17px;}
.p3 {padding-bottom:8px;}
.p4 {padding-bottom:14px;}
.p5 {padding-bottom:10px;}
/*********************************header*************************************/
header {width:100%; margin:0 auto; z-index:101; background:url(../images/header.gif) 0 0 repeat; padding:7px 0 12px 0; }
h1 {display:inline-block; z-index:100; float:left; }
.social-icons {overflow:hidden; float:right; padding:25px 0px 0px 0;}
.social-icons span {display:block; font-size:18px; line-height:24px; color:#636f6f; letter-spacing:-1px; margin:-3px 15px 0 0;text-align:right; float:left;}
.social-icons>div {float:right; overflow:hidden;}
.social-icons a {display:inline-block; width:23px; height:23px; float:right;}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat;}
.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat; margin-left:7px;}
.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat; margin-left:7px;}
.social-icons a:hover {background-color:#ef6f53;}
nav { width:940px; margin:0 auto; z-index:100; padding:5px 0px 11px 0px; }
ul.menu {display:inline-block;}
ul.menu li {float:left; line-height:24px; margin:0px 28px 0px 4px; }
ul.menu li a {font-size:18px; line-height:24px; color:#fff; text-transform:uppercase; display:inline-block; letter-spacing:-1px; }
ul.menu li a:hover , ul.menu li.current a { color:#ef6f53; }
/*********************************content*************************************/
#content {width:960px; margin:0 auto; padding:0px 0px 55px 0; position:relative;}
.box-1 a {background:url(../images/marker-2.gif) right 13px no-repeat #0c0c0c; font-size:26px; line-height:32px; color:#636f6f; letter-spacing:-1px; display:block; padding:5px 26px 12px 25px;}
.box-1 a:hover {background-color:#2f2929;}
.line {background:url(../images/line.png) 0 0 repeat-x; height:5px;}
.box-2 {overflow:hidden;}
.number {background:url(../images/number.png) 0 0 no-repeat; width:45px; height:58px; font-size:30px; color:#fff; line-height:36px; text-align:center; float:left; margin: 0 16px 0 0; padding-top:5px;}
.border-bot-1 {border-bottom:#333333 1px dotted; padding-bottom:20px; margin-bottom:16px;}
.box-3>div {float:left; width:276px; margin-right:56px; }
.box-4 {overflow:hidden; padding:10px 0 8px 0;}
.box-4 img {float:left; margin:3px 20px 0 0;}
.box-5>div {float:left; width:171px; margin-right:47px; }
.lists {overflow:hidden;}
.lists ul {float:left; width:286px; margin-right:32px;}
/****************************footer************************/
footer { width:940px; margin:0 auto; position:relative; overflow:hidden; padding:37px 0 40px 0; background:url(../images/line.png) 0 0 repeat-x;}
footer h3 {padding-bottom:15px;}
.footer-col-1 {float:left; width:190px; padding:0 20px 0 0px;}
#form-search {margin:3px 0 0 0px; overflow:hidden; width:180px; background:#1a1a1a;}
#form-search span {display:block; margin-bottom:5px;}
#form-search input { width:140px; height:20px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#fff; border:none; background:transparent; vertical-align:top; padding:2px 5px 3px 10px; display: inline-block; float:left; }
#form-search a {float:right; background:url(../images/search.gif) 0 0 no-repeat #ef6f53; width:25px; height:25px; }
#form-search a:hover {background-color:#636f6f;}
.footer-col-2 {float:left; width:190px; padding:0 20px 0 0px;}
.footer-col-3 {float:left; width:180px; padding:0 64px 0 0px;}
dl.adrss { margin:0px 0 0px 0;}
dl.adrss dt {line-height:24px; margin-bottom:3px;}
dl.adrss dd span { width:52px; text-align:left; display:block; float:left; margin-right:12px; color:#fff;}
dl.adrss dd {}
dl.adrss dd a {}
dl.adrss dd a:hover {}
.footer-col-4 {float:left; width:276px; padding:3px 0px 0 0px;}
/**********************form**********************/
.map {width:276px; height:200px; margin-top:17px; }
.map iframe {width:276px; height:200px; }
dl.adr { margin-top:13px;}
dl.adr dt {margin-bottom:6px;}
dl.adr dd span { width:80px; display:block; float:left; color:#fff;}
dl.adr dd {}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 17px 0 0px 0px; width:607px; }
#form input {border:#1a1a1a 1px solid; background:#1a1a1a; font-size:14px; font-family: Tahoma, Geneva, sans-serif; color:#fff; padding:3px 10px 3px 10px;outline: medium none;width: 511px; height:17px; float:left;}
#form textarea {border:#1a1a1a 1px solid; background:#1a1a1a; font-size:14px; font-family: Tahoma, Geneva, sans-serif; color:#fff; height: 249px;outline: medium none;overflow: auto; padding: 4px 0px 0px 10px;width:521px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block; min-height:30px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:607px; }
.btns a {display:inline-block; margin:20px 0px 0 10px; width:88px; text-align:center;}
#form label strong {float:left; display:block; padding-top:3px; line-height:15px; width:74px; font-weight:normal; white-space:nowrap;}Vielen Dank im Voraus
Gruß
Hallo zusammen,
ich habe bereits eine Seite (contacts.html), mit Schaltflächen usw. Jetzt möchte ich per PHP ein Kontaktformualar, was mir die Nachricht einfach per E-Mail schickt. Dürfte ja nicht all zu schwer sein. Doch wie lege ich die Aktion XYZ auf die jeweilige Schaltfläche fest?
Gibts fertige Scripte, ohne Design?
Hier mal mein HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<title>Kontakt</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/Kozuka_L_300.font.js"></script>
<script src="js/Kozuka_B_700.font.js"></script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="main">
<h1><a href="index.html"><img src="images/logoheader.png" alt=""></a></h1>
<div class="social-icons">
<span>Follow Us:</span>
<a href="#" class="icon-3"></a>
</div>
<div class="clear"></div>
</div>
</header>
<nav>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="breeding.html">Über</a></li>
<li><a href="gaestebuch/index.php">Gästebuch</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="gallery.html">Gallerie</a></li>
<li><a href="contacts.html">Kontakt</a></li>
</ul>
<div class="clear"></div>
</nav>
<!--==============================content================================-->
<section id="content"><div class="ic"></div>
<div class="container_12 top-4">
<div class="grid_4">
<h2>Contact Us</h2>
<div class="map">
</iframe>
</div>
<dl class="adr">
<dt>8901 Marmora Road, <br>Glasgow, D04 89GR.</dt>
<dd><span>Telephone: </span>+1 800 603 6035<div class=""></div></dd>
<dd><span>E-mail: </span><a href="#" class="link">mail@demolink.org</a></dd>
</dl>
</div>
<div class="grid_8">
<div class="left-1">
<h2>Contact Form</h2>
<form id="form" method="post" >
<fieldset>
<label><strong>Name:</strong><input type="text" value=""></label>
<label><strong>Email:</strong><input type="text" value=""></label>
<label><strong>Phone:</strong><input type="text" value=""></label>
<label><strong>Message:</strong><textarea></textarea></label>
<div class="btns"><a href="#" class="button">Clear</a><a href="#" class="button" onClick="document.getElementById('form').submit()">Senden</a></div>
</fieldset>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<div class="footer-col-1">
<h3>Warum ich?</h3>
<ul class="list-1">
<li>Seit dem 2. Lebensjahr auf dem Pferderücken.</li>
<li>Viele Erfolge</li>
</ul>
</div>
<div class="footer-col-2">
<h3>Addresse</h3>
<dl class="adrss">
<dd><span>Land:</span>DE</dd>
<dd><span>Stadt:</span></dd>
<dd><span>Email:</span><a href="#" class="link"></a></dd>
</dl>
</div>
<div class="footer-col-3">
<h3>Newsletter</h3>
<form id="form-search" method="post">
<input type="text" value="" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" /><a href="#" onClick="document.getElementById('form-search').submit()"></a>
</form>
</div>
<div class="footer-col-4">
<p>© 2013 <br>All Rights Reserved.<br>
<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank" class="link">Website Template</a> by TemplateMonster.com</p>
<p><strong>Coded by JB</strong></p>
</div>
</footer>
<script>
Cufon.now();
</script>
</body>
</html>Dies ist meine erste Homepage und noch im Aufbau, deswegen nicht meckern
Vielen Dank im Voraus
Racerj
Hallo allerseits,
wie passe ich meine Homepage für mobile Geräte an? Ich würde gerne die Möglichkeit nutzen, alles in einem zu lassen, d.h. keine Sub-Domain (m.xyzz.de) und auch keine WebApp zu nutzen. Ich habe schon was länger gesucht aber leider nichts gefunden. Wie lasse ich erkennen das ein mobiles Endgerät verwendet wird, sodass dann automatisch die Größe der Bilder usw. angepasst wird?
Vielen Dank
Gruß
Max
Hallo zusammen,
ich suche einen Webspace inkl. de- Domain. Was ist a günstigsten und am seriösten? Speicher brauch ich nicht viel, 200MB reichen schon. Sub-Domains sollte man mindestens 1 hinzufügen können.
Viele Grüße
Dominator
Hallo allerseits,
ich benutze ein Template, dort kann man in der Mitte so Boxen erstellen. 2 sind Standard. Wenn ich jetzt eine hinzufüge, rutscht links die Sitebar runter. Woran liegt das?
Hallo zusammen,
erst einmal Respekt! Super Homepage, kann jetzt durch den Crashkurs HTML, bin mich aber immer mehr am entwickeln!
Jetzt habe ich eine Frage:
Ich habe in meinem Template 5 Tabs, aber leider brauche ich nur 3. Wie lösche ich die jetzt? Also die anderen beiden?
Viele Grüße