Breaking the Habit Premades

Bei allen Layouts seht ihr links Vorschaubilder vom Layout, auf dem es komplett abgebildet ist. Zum Vergrößern könnt ihr die Bilder einfach in die Adressleiste ziehen.
Auch die Grafiken sind verkleinert dargestellt und müssen wir die volle Größe in die Adressleiste gezogen werden.
Ebenso sind die Grafiken verkleinert dargestellt und müssen wir die volle Größe in die Adressleiste gezogen werden.

Gildenlayouts

V1.0 // All round

<style> #header, #footer, .sidebar, #ban { display: none; } body { background: url("http://img812.imageshack.us/img812/6195/gild01.png") no-repeat #ffe7e3; } body { margin-left: -160px; margin-top: -100px; } table, td, tr { background: none; } table table table table { margin-top: -45px; margin-left: 229px; width: 120px !important; } table table table table table { margin: 0px; } td font, .ah font { font: 8pt arial; color: #325a16; line-height: 7.5pt; text-transform: lowercase; } td b { color: #555; font: 8pt arial; line-height: 1pt; text-transform: lowercase; } h1 { font: 19pt georgia; font-style: italic; font-weight: bold; color: #353226; text-align: right; } h2 { font: 14pt georgia; color: #353226; font-style: italic; } #main { margin-top: 0px; margin-left: 0px; background: none; border: none; } #text { left: 428px; top: 278px; width: 638px; height: 300px; overflow: auto; font: 8pt georgia; color: #325a16; padding: 10px; } #navi1 { left: 464px; top: 255px; width: 800px; } .nav a:link, .nav a:visited { font: 8pt arial; width: 55px; display: block; color: #fda59d; background-color: #ffe8e9; float: left; margin-right: 3px; padding: 3px; } .nav a:hover { color: #CD87AC; } </style> <div id="navi1" style="position: absolute;" class="nav"><center> <a href="/myaccount.phtml">account</a> <a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a> <a href="/nf.phtml">news</a><a href="/petcentral.phtml">central</a><a href="/neoboards/index.phtml">boards</a> <a href="/objects.phtml">shops</a> <a href="http://www.neopets.com/mall/index.phtml">mall</a> <a href="/~unkreativ">credits*</a> </center></div> <div id="text" style="position: absolute;"> <h1>Willkommen</h1> <h2>Header</h2> Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. </div> Passendes Gildenlogo: Es empfiehlt sich folgende Farbwahl: #ffe7e3 – schwarz - #325a16 - #fda59d - #4d483f - #ffe7e3. <style> #header, #footer, .sidebar, #ban { display: none; } body { background: url("http://img31.imageshack.us/img31/2739/gilde02.png") no-repeat #e1513c; } body { margin-left: -160px; margin-top: -100px; } table, td, tr { background: none; } table table table table { margin-top: -45px; margin-left: 229px; width: 120px !important; } table table table table table { margin: 0px; } td font, .ah font { font: 8pt arial; color: #240a13; line-height: 7.5pt; text-transform: lowercase; } td b { color: #903531; font: 8pt arial; line-height: 1pt; text-transform: lowercase; } h1 { font: 19pt georgia; font-style: italic; font-weight: bold; color: #f7e3d0; text-align: right; } h2 { font: 14pt georgia; color: #ee6a4d; font-style: italic; } #main { margin-top: 0px; margin-left: 0px; background: none; border: none; } #text { left: 428px; top: 278px; width: 638px; height: 300px; overflow: auto; font: 8pt georgia; color: #1e0a13; padding: 10px; } #navi1 { left: 464px; top: 255px; width: 800px; } .nav a:link, .nav a:visited { font: 8pt arial; width: 55px; display: block; color: #f7e5d8; background-color: #a47d86; float: left; margin-right: 3px; padding: 3px; } .nav a:hover { color: #e2b2b0; } </style> <div id="navi1" style="position: absolute;" class="nav"><center> <a href="/myaccount.phtml">account</a> <a href="/games/arcade.phtml">games</a><a href="/explore.phtml">explore</a> <a href="/nf.phtml">news</a><a href="/petcentral.phtml">central</a><a href="/neoboards/index.phtml">boards</a> <a href="/objects.phtml">shops</a> <a href="http://www.neopets.com/mall/index.phtml">mall</a> <a href="/~unkreativ">credits*</a> </center></div> <div id="text" style="position: absolute;"> <h1>Willkommen</h1> <h2>Header</h2> Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. </div> Passendes Gildenlogo: Es empfiehlt sich folgende Farbwahl: #e1513c – #e99c75 - #240a13 - #f7e5d8 - #a47d86 - #a47d86.

Geschäfts- und Galerielayouts

V1.0 // Abgehängt

Bei diesem Layout gibt es jeweils zwei unterschiedliche Ausführungen. Die erste ist für die Geschäfte und die zweite für die Galerien, da hier die Filter unterschiedlich sind.
Aus diesem Grund seht ihr bei dem Vorschaubild auch zwei Versionen: Die linke zeigt das Layout in einem Geschäft, rechts seht ihr es in einer Galerie.

<style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img141.imageshack.us/img141/7421/schoko.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #986134; } #main { width: 680px; background: #3c1611; top: 50px; border: 2px solid #210d14; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #210d14; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #9e6639; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #abd5d8; } </style> <p> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a></p><style> #header { background: url("http://img141.imageshack.us/img141/7421/schoko.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user { display: none; } table, td { background: none; } body { background: #986134; } #main { width: 680px; background: #3c1611; margin-top: 50px; border: 2px solid #210d14; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #210d14; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #9e6639; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #abd5d8; } #template_nav { margin-left: -120px; margin-top: -50px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #3d1914; background: #9c6f3c; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img703.imageshack.us/img703/7674/fruitx.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #b9802d; } #main { width: 680px; background: #cdbea0; top: 50px; border: 2px solid #210d14; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #210d14; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #6d2830; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #68601b; } </style> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img703.imageshack.us/img703/7674/fruitx.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #b9802d; } #main { width: 680px; background: #cdbea0; margin-top: 50px; border: 2px solid #462c22; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #462c22; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #6d2830; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #68601b; } #template_nav { margin-left: -120px; margin-top: 230px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #462c22; background: #8d6c43; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img72.imageshack.us/img72/989/dark2lj.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #323f50; } #main { width: 680px; background: #239a95; top: 50px; border: 2px solid #182038; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #182038; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #08121c; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #314553; } </style> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img72.imageshack.us/img72/989/dark2lj.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #323f50; } #main { width: 680px; background: #239a95; margin-top: 50px; border: 2px solid #182038; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #182038; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #08121c; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #314553; } #template_nav { margin-left: -120px; margin-top: 230px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #182038; background: #5e7798; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img842.imageshack.us/img842/9198/faeriel.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #6ec1c4; } #main { width: 680px; background: #fff; top: 50px; border: 2px solid #2b7e96; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #a9e7d1; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #2b7e96; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #cf2bab; } </style> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img842.imageshack.us/img842/9198/faeriel.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #6ec1c4; } #main { width: 680px; background: #fff; margin-top: 50px; border: 2px solid #2b7e96; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #a9e7d1; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #2b7e96; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #cf2bab; } #template_nav { margin-left: -160px; margin-top: -50px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #4468b2; background: #d0e4e7; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img812.imageshack.us/img812/9726/curtain.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #433538; } #main { width: 680px; background: #9d0027; top: 50px; border: 2px solid #66031c; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #66031c; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #3f0516; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #905e6d; } </style> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img812.imageshack.us/img812/9726/curtain.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #433538; } #main { width: 680px; background: #9d0027; margin-top: 50px; border: 2px solid #66031c; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #66031c; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #3f0516; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #905e6d; } #template_nav { margin-left: -160px; margin-top: 250px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #2e171c; background: #66313e; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } #ban, #nst, .user { width: 0px; height: 0px; font: 0px verdana; } .user a:link { font: 0px verdana; } #footer, li.nav_image { width: 1px !important; height: 1px !important; overflow: auto; z-index: -1; } td.slug img { width: 1px; height: 1px; padding-top: 90px; } #ad-table td.slug { background-color: transparent; } #pushdown_banner { z-index: -1; height: 1px !important; } td.activePet img, .sidebarModule img { height: 0px; width: 0px; } .sidebarModule table.sidebarTable .neofriend { width: 1px !important; height: 1px !important; overflow: hidden; z-index: -1; border: none; background: none; } .activePet, .activePetInfo td, .module, .activePetInfo, .neofriend, .sidebarModule, .sidebar, .activePetInfo td font, .neofriend .sf, .sidebarModule table, .sidebarTable a b, td.activePetInfo b span, .activePet a img, .activePetInfo, .sidebarHeader a img, .neofriendInfo, .neofriendUsername, .sidebarTable, .sidebarHeader, .neofriendAvatar, .sf a b, table .neofriendUsername a, table .neofriendInfo a, .neopetPhrase.sf { width: 0px; height: 0px; overflow: hidden; font-size: 0px; color: #ffffff; z-index: -1; border: none; background: none; float: left; } table .sidebar { width: 1px; height: 0px; overflow: hidden; font-size: 0px; color: #FFFFFF; border: none; background: none; float: left; } #header { background: url("http://img197.imageshack.us/img197/8968/gazebo.png") no-repeat; height: 350px; width: 680px; border: 0px none; } table, td { background: none; } body { background: #5a9c57; } #main { width: 680px; background: #806b63; top: 50px; border: 2px solid #09221b; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #09221b; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #d7d8e5; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #57a058; } </style> Navigation:<br><a href="/myaccount.phtml">My Account</a> • <a href="/customise/">Customise</a> • <a href="/games/arcade.phtml">Games</a> • <a href="/explore.phtml">Explore</a> • <a href="/nf.phtml">News</a> • <a href="/petcentral.phtml">Pet Central</a> • <a href="/neoboards/index.phtml">Boards</a> • <a href="/objects.phtml">Shops</a> • <a href="/mall/index.phtml">NC Mall</a> <br><br><br> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img197.imageshack.us/img197/8968/gazebo.png") no-repeat; height: 350px; width: 680px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #5a9c57; } #main { width: 680px; background: #806b63; margin-top: 50px; border: 2px solid #09221b; border-bottom: none; } #content { width: 660px; } #content img { border: 2px solid #09221b; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #d7d8e5; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #57a058; } #template_nav { margin-left: -160px; margin-top: 270px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #9f779e; background: #bdaad6; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a>

V2.0 // Bordercorssing (Galerie)

<style> #header { background: url("http://img26.imageshack.us/img26/8681/pp2copy.png") no-repeat; height: 550px; width: 880px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #61cfca; } #main { width: 688px; background: #d4eedf; margin-top: 0px; border: none; border-bottom: none; margin-left: 0px; } #content { width: 660px; } #content img { border: 2px solid #182038; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #08121c; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #314553; } #template_nav { margin-left: -120px; margin-top: 490px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #182038; background: #5e7798; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a> <style> #header { background: url("http://img163.imageshack.us/img163/3269/21382052.png") no-repeat; height: 563px; width: 880px; border: 0px none; } #ban.object, #n, .sidebar, #ban, #footer, #nst, .user, .adBox2, .ad_wrapper_fixed, .slug, .brand-mamabar, #pushdown_banner { display: none; } table, td { background: none; } body { background: #5b6066; } #main { width: 678px; background: #896073; margin-top: 0px; border: none; border-bottom: none; margin-left: 0px; } #content { width: 660px; } #content img { border: 2px solid #182038; } body, td, p, tr, div, font, hr { font: 8pt verdana; color: #08121c; line-height: 11pt; text-align: center; } a:link, a:active, a:hover, a:visited { font: 8pt verdana; color: #314553; } #template_nav { margin-left: -120px; margin-top: 500px; } #navigation img { margin-right: -10px; } ul.dropdown { border: 1px solid #182038; background: #5e7798; } </style> Dein Text hier. <br><br><br><a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" style="border: none;"></a>

Grafiken

Willkommensschilder

<a href="/~unkreativ"><img src="http://bildurl/beispielbild_hierbitteadressedesheaderseinfuegen.png" border="0"></a>

Schilder

<a href="/~unkreativ"><img src="http://bildurl/beispielbild_hierbitteadressedesschildeseinfuegen.png" border="0"></a>

<a href="/~unkreativ"><img src="http://img444.imageshack.us/img444/8921/beispielbild_hierbitteadressedesschildeseinfuegen.png" border="0"></a>

NEOPETS, Charaktere, Logos, Namen und alle zugehörigen Zeichen
sind geschützte Marken von Neopets, Inc., © 1999-2011.