Auf Thema antworten 2026

Beitrag

<blockquote data-quote="PeterPilz" data-source="post: 1832907" data-attributes="member: 539329">AW: Problem mit dem Erstellen eines Templets@christian, dann passiert leider genau das selbe wie im video <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" />@reman, in der live-ansicht tauchen die bilder und icons leider auch nicht auf, &nbsp;&nbsp; sondern nur fragezeichen anstatt der bilderDas ist die HTML-Datei aus welcher ich dann das Templet erstelle[HTML]&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;js/timothy.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;cache&quot; /&gt;&nbsp; &nbsp; &lt;meta name=&quot;robots&quot; content=&quot;INDEX,FOLLOW&quot; /&gt;&nbsp; &nbsp; &lt;meta name=&quot;keywords&quot; content=&quot;Enter Keywords&quot; /&gt;&nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;Description Here&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Web Site By Timothy Web Design - www.timothywebdesign.com&lt;/title&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Google Analytics Code Goes Below Here --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- End Google Analytics Code --&gt;&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;@import url(&quot;style.css&quot;);&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;outer&quot;&gt;&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;Images/shears-logo.jpg&quot;;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;social-media-icons&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;http://facebook.com/&quot;&gt;&lt;img src=&quot;Images/icons/facebook_32.png&quot;;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;Images/icons/rss_32.png&quot;;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;http://twitter.com/&quot;&gt;&lt;img src=&quot;Images/icons/twitter_32.png&quot;;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;http://youtube.com/&quot;&gt;&lt;img src=&quot;Images/icons/youtube_32.png&quot;;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;topnav&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;HOME&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;ABOUT&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;products.html&quot;&gt;PRODUCTS&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;services.html&quot;&gt;SERVICES&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;services.html&quot;&gt;CONTACT&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;banner&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;Images/banner/b1.jpg&quot;;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Welcome To Sheares Desing Website &lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;orem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;Images/small5-bw.jpg&quot;;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;Images/small6-bw.jpg&quot;;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;orem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &lt;div id=&quot;rightside&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;LATEST NEWS&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;date&quot;&gt; 01.01.2011&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Sample Headline&lt;/h3&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;date&quot;&gt; 01.01.2011&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Sample Headline&lt;/h3&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;date&quot;&gt; 01.01.2011&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Sample Headline&lt;/h3&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.&lt;/p&gt;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;footer-text&quot;&gt;Copyright by Timo Design Studios&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;&lt;!-- Timothy Framework - www.timothyframework.com --&gt;&lt;!-- This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php --&gt;[/HTML]Das ist die CSS-Datei[CODE]* Timothy Framework - [URL=&quot;http://www.timothyframework.com/&quot;]www.timothyframework.com[/URL] *//* This work is licensed under the MIT License -&nbsp; *//* Color Legend *//* Reset */html, body { margin: 0; padding: 0; border: 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: transparent; font-size:10px; }div, span, article, aside, footer, header, hgroup, nav, section,h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; border: 0;&nbsp; &nbsp; vertical-align: baseline;&nbsp; &nbsp; background: transparent;&nbsp; &nbsp; }img&nbsp; &nbsp;&nbsp; { margin:0; padding:0; border:0; }table, tr, th, td, tbody, tfoot, thead {&nbsp; &nbsp; margin: 0; padding: 0; border: 0;&nbsp; &nbsp; vertical-align: baseline;&nbsp; &nbsp; background: transparent;&nbsp; &nbsp; }&nbsp; &nbsp; table { border-collapse: collapse; border-spacing: 0; }&nbsp; &nbsp; input, select, textarea, form, fieldset {&nbsp; &nbsp; margin: 0; padding: 0; border: 0;&nbsp; &nbsp; }article, aside, dialog, figure, footer, header, hgroup, nav, section { &nbsp; &nbsp; display:block; }h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { &nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif;&nbsp; &nbsp; font-size:100%;&nbsp; &nbsp; font-weight: normal;&nbsp; &nbsp; font-style: normal;&nbsp; &nbsp; line-height: 100%; &nbsp; &nbsp; text-indent: 0;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; text-align: left;&nbsp; &nbsp; color: #000;&nbsp; &nbsp; }ol, ul { list-style: none; }/* Global */html&nbsp; &nbsp;&nbsp; {&nbsp; &nbsp; }body&nbsp; &nbsp; { background-color:#FEE59F&nbsp; &nbsp; }/* Headings */h1, h2, h3, h4, h5, h6 { font-weight: bold;&nbsp; }h1 { font-size:24px; color:#ED9A00; padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px;}h2 { font-size:20px; }h3 { font-size:16px; }h4 { font-size:14px; }h5 { font-size:14px; }h6 { font-size:14px; }h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }/* Text Elements */p&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { color:#000; font-size:12px; line-height:150%; margin:15px 0; }p .left&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { margin: 1.5em 1.5em 1.5em 0; padding: 0; }p .right&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { margin: 1.5em 0 1.5em 1.5em; padding: 0; }a&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp;&nbsp; }a:link&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { color: #00f;&nbsp; }a:visited&nbsp; &nbsp; &nbsp; &nbsp; { color: #0f0;&nbsp; }a:active&nbsp; &nbsp; &nbsp; &nbsp; { color: #000;&nbsp; }a:focus&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { color: #666;&nbsp; }a:hover&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { color: #f00;&nbsp; }blockquote&nbsp; &nbsp; &nbsp; { color:#000; font-size:12px; }strong&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight: bold; }em&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-style: italic; }/* Images *//* Lists */ul&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; }ol&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { list-style-type:decimal; }ul li&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { color:#000; font-size:12px; }ol li&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { color:#000; font-size:12px; }dl&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; }dt&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; }dd&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp;&nbsp; }/* Tables */table&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { width:100%; }tr&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; }.odd&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { background-color:#eee; }.even&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { background-color:#fff; }th&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight: bold; }thead, th&nbsp; &nbsp; &nbsp; &nbsp; { background: #ccc; }tbody&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp;&nbsp; }th,td,caption&nbsp; &nbsp;&nbsp; {&nbsp; &nbsp;&nbsp; }caption&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; &nbsp;&nbsp; }tfoot&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; &nbsp; }.tfooter&nbsp; &nbsp; &nbsp; &nbsp; { background-color:#ccc; text-align:center; font-style:italic; }caption&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { background: #efefef; }/* Miscellaneous */sup, sub&nbsp; &nbsp; &nbsp; &nbsp; { line-height: 0; }abbr, acronym&nbsp;&nbsp; { border-bottom: 1px dotted #666; }address&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; }del&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { background:#FFCECE; color:#f00; }code, pre&nbsp; &nbsp; &nbsp; &nbsp; { background-color:#FF9; padding:2px 0px; margin:4px 25px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family:&quot;Courier New&quot;, Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;&nbsp; &nbsp; }/* Containers */#outer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { width:960px; margin:0 auto; background-color:#FFF&nbsp; }#wrapper&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { width:900px; margin:0 auto; background-color:#FFF&nbsp; }#logo&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; margin:30px 0px; float:left; }#social-media-icons { float:right; }#social-media-icons ul li { display:inline; }#social-media-icons ul { margin:30px 0; }#topnav&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { clear:both;&nbsp; }#topnav ul&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { border-top:1px #000 solid; border-bottom:1px #000 solid; }#topnav ul&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {margin:20px 0; padding:10px 0;}#topnav ul li&nbsp; &nbsp; &nbsp; &nbsp; { display:inline; }#topnav ul li a&nbsp; &nbsp; &nbsp; &nbsp; { padding: 0 15px;&nbsp; } #topnav a:link&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { color: #000;&nbsp; }#topnav a:visited&nbsp; &nbsp; &nbsp; &nbsp; { color: #000;&nbsp; }#topnav a:active&nbsp; &nbsp; &nbsp; &nbsp; { color: #000;&nbsp; }#topnav a:focus&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { color: #000;&nbsp; }#topnav a:hover&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { color: #EEB300;&nbsp; }#banner&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { margin-bottom:30px;&nbsp; }#rightside&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { width:200px; float:right;&nbsp; }#content&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { width:650px; float:left;&nbsp; }#footer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; clear:both; margin-top:20px 0; border-top:1px #ccc solid; padding-bottom:20px;}#box1 {&nbsp;&nbsp; }#box2 {&nbsp;&nbsp; }#box3 {&nbsp;&nbsp; }#box4 {&nbsp;&nbsp; }#box5 {&nbsp;&nbsp; }#box6 {&nbsp;&nbsp; }/* Layout Extra *//* Navigation Extra *//* Forms */form { text-align:left; margin:20px;&nbsp; &nbsp; }label, submit, input, textarea {&nbsp; &nbsp; border:0; padding:0; margin:0; background:none; &nbsp; &nbsp; }label { &nbsp; &nbsp; float: left; width: 150px;&nbsp; &nbsp; text-align:right; display:block;&nbsp; &nbsp; }&nbsp; &nbsp; input, textarea { &nbsp; &nbsp; border:1px #333 solid; margin-left:10px;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; }input { &nbsp; &nbsp; width: 280px; margin-bottom: 16px; &nbsp; &nbsp; }textarea {&nbsp; &nbsp; width: 280px; height: 150px;&nbsp; &nbsp; margin-bottom: 16px;&nbsp; &nbsp; }select {&nbsp; &nbsp; }.submit {&nbsp; &nbsp; width:90px; height:25px;&nbsp; &nbsp; margin-left:150px;&nbsp; &nbsp; font-size:12px;}br&nbsp; &nbsp; { clear: left;&nbsp; &nbsp;&nbsp; }/* Miscellaneous&nbsp; */.date&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {font-weight:bold; color:#BF6000;}.copyright-text&nbsp; &nbsp; { font-size:80%; font-style:italic; color:#333; }.footer-text&nbsp; &nbsp; { font-size:100%; font-style:normal; color:#000; text-align:center; }.title&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-size:18px; font-weight:bold; color:#333;&nbsp; }.subtitle&nbsp; &nbsp; &nbsp; &nbsp; { font-size:14px; font-style:italic; color:#333;&nbsp; }.artist&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-size:16px; font-weight:bold; color:#333;&nbsp; }.author&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-size:14px font-weight:bold; color:#555;&nbsp; }.editor&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-size:14px font-style:italic; color:#555;&nbsp; }.pub-date&nbsp; &nbsp; &nbsp; &nbsp; { font-size:10px font-style:italic; color:#555; }.article-date&nbsp; &nbsp; { font-size:10px font-style:italic; color:#555;&nbsp; }.location&nbsp; &nbsp; &nbsp; &nbsp; { font-size:10px font-style:italic; color:#555;&nbsp; }.float-right&nbsp; &nbsp; { float:right; }.float-left&nbsp; &nbsp; &nbsp; &nbsp; { float:left; }.clear&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { clear:both; }.hide&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { display:none; }.block&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { display:block; }.inline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { display:inline; }.first&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight:bold; }.last&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight:bold; }.left&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight:bold; text-align:left; }.right&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { font-weight:bold; text-align:right; }.added&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { background:#D7D7FF; }.removed&nbsp; &nbsp; &nbsp; &nbsp; { background:#FFCECE; color:#f00; }.changed&nbsp; &nbsp; &nbsp; &nbsp; { background:#FFB; }/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */.error, .alert, .notice, .success, .info {&nbsp; &nbsp; padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }.error, .alert&nbsp; &nbsp;&nbsp; { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }&nbsp; &nbsp; .notice&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; { background: #fff6bf; color: #514721; border-color: #ffd324; }&nbsp; &nbsp; .success&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { background: #e6efc2; color: #264409; border-color: #c6d880; }&nbsp; &nbsp; .info&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; { background: #d5edf8; color: #205791; border-color: #92cae4; }&nbsp; &nbsp; .error a&nbsp; &nbsp;&nbsp; { color: #8a1f11; }.alert a&nbsp; &nbsp;&nbsp; { color: #8a1f11; }&nbsp; &nbsp; .notice a&nbsp;&nbsp; { color: #514721; }.success a&nbsp; { color: #264409; }.info a&nbsp; &nbsp; &nbsp; &nbsp; { color: #205791; }[/CODE]</blockquote>

[QUOTE="PeterPilz, post: 1832907, member: 539329"] [b]AW: Problem mit dem Erstellen eines Templets[/b] @christian, dann passiert leider genau das selbe wie im video :( @reman, in der live-ansicht tauchen die bilder und icons leider auch nicht auf, sondern nur fragezeichen anstatt der bilder [COLOR=Magenta][U][B]Das ist die HTML-Datei aus welcher ich dann das Templet erstelle[/B][/U][/COLOR] [HTML]<!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/timothy.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="cache" /> <meta name="robots" content="INDEX,FOLLOW" /> <meta name="keywords" content="Enter Keywords" /> <meta name="description" content="Description Here" /> <title>Web Site By Timothy Web Design - www.timothywebdesign.com</title>   <style type="text/css" media="screen"> @import url("style.css"); </style> </head> <body> <div id="outer"> <div id="wrapper"> <div id="logo"> <img src="Images/shears-logo.jpg";> </div> <div id="social-media-icons"> <ul> <li><a href="http://facebook.com/"><img src="Images/icons/facebook_32.png";></a></li> <li><a href="#"><img src="Images/icons/rss_32.png";></a></li> <li><a href="http://twitter.com/"><img src="Images/icons/twitter_32.png";></a></li> <li><a href="http://youtube.com/"><img src="Images/icons/youtube_32.png";></a></li> </ul> </div> <div id="topnav"> <ul> <li><a href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="products.html">PRODUCTS</a></li> <li><a href="services.html">SERVICES</a></li> <li><a href="services.html">CONTACT</a></li> </ul> </div> <div id="banner"> <img src="Images/banner/b1.jpg";> </div> <div id="content"> <h1>Welcome To Sheares Desing Website </h1> orem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. <img src="Images/small5-bw.jpg";> <img src="Images/small6-bw.jpg";> orem pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. </div> <div id="rightside"> <h2>LATEST NEWS</h2> 01.01.2011 <h3>Sample Headline</h3> Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 01.01.2011 <h3>Sample Headline</h3> Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 01.01.2011 <h3>Sample Headline</h3> Tesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </div> <div id="footer"> Copyright by Timo Design Studios </div> </div> </div> </body> </html>  [/HTML][COLOR=Magenta][U][B]Das ist die CSS-Datei[/B][/U][/COLOR] [CODE]* Timothy Framework - [URL="http://www.timothyframework.com/"]www.timothyframework.com[/URL] */ /* This work is licensed under the MIT License - */ /* Color Legend */ /* Reset */ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; line-height: 100%; text-indent: 0; text-decoration: none; text-align: left; color: #000; } ol, ul { list-style: none; } /* Global */ html { } body { background-color:#FEE59F } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size:24px; color:#ED9A00; padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px;} h2 { font-size:20px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text Elements */ p { color:#000; font-size:12px; line-height:150%; margin:15px 0; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { } a:link { color: #00f; } a:visited { color: #0f0; } a:active { color: #000; } a:focus { color: #666; } a:hover { color: #f00; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } em { font-style: italic; } /* Images */ /* Lists */ ul { } ol { list-style-type:decimal; } ul li { color:#000; font-size:12px; } ol li { color:#000; font-size:12px; } dl { } dt { } dd { } /* Tables */ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic; } caption { background: #efefef; } /* Miscellaneous */ sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { } del { background:#FFCECE; color:#f00; } code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; } /* Containers */ #outer { width:960px; margin:0 auto; background-color:#FFF } #wrapper { width:900px; margin:0 auto; background-color:#FFF } #logo { margin:30px 0px; float:left; } #social-media-icons { float:right; } #social-media-icons ul li { display:inline; } #social-media-icons ul { margin:30px 0; } #topnav { clear:both; } #topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid; } #topnav ul {margin:20px 0; padding:10px 0;} #topnav ul li { display:inline; } #topnav ul li a { padding: 0 15px; } #topnav a:link { color: #000; } #topnav a:visited { color: #000; } #topnav a:active { color: #000; } #topnav a:focus { color: #000; } #topnav a:hover { color: #EEB300; } #banner { margin-bottom:30px; } #rightside { width:200px; float:right; } #content { width:650px; float:left; } #footer { clear:both; margin-top:20px 0; border-top:1px #ccc solid; padding-bottom:20px;} #box1 { } #box2 { } #box3 { } #box4 { } #box5 { } #box6 { } /* Layout Extra */ /* Navigation Extra */ /* Forms */ form { text-align:left; margin:20px; } label, submit, input, textarea { border:0; padding:0; margin:0; background:none; } label { float: left; width: 150px; text-align:right; display:block; } input, textarea { border:1px #333 solid; margin-left:10px; } input { width: 280px; margin-bottom: 16px; } textarea { width: 280px; height: 150px; margin-bottom: 16px; } select { } .submit { width:90px; height:25px; margin-left:150px; font-size:12px; } br { clear: left; } /* Miscellaneous */ .date {font-weight:bold; color:#BF6000;} .copyright-text { font-size:80%; font-style:italic; color:#333; } .footer-text { font-size:100%; font-style:normal; color:#000; text-align:center; } .title { font-size:18px; font-weight:bold; color:#333; } .subtitle { font-size:14px; font-style:italic; color:#333; } .artist { font-size:16px; font-weight:bold; color:#333; } .author { font-size:14px font-weight:bold; color:#555; } .editor { font-size:14px font-style:italic; color:#555; } .pub-date { font-size:10px font-style:italic; color:#555; } .article-date { font-size:10px font-style:italic; color:#555; } .location { font-size:10px font-style:italic; color:#555; } .float-right { float:right; } .float-left { float:left; } .clear { clear:both; } .hide { display:none; } .block { display:block; } .inline { display:inline; } .first { font-weight:bold; } .last { font-weight:bold; } .left { font-weight:bold; text-align:left; } .right { font-weight:bold; text-align:right; } .added { background:#D7D7FF; } .removed { background:#FFCECE; color:#f00; } .changed { background:#FFB; } /* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */ .error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .info { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a { color: #8a1f11; } .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .info a { color: #205791; }[/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?