Ernie Produktion

Designs

Ihr könnt euch hier ein von mir angefertigtes Design aussuchen und verwenden.

Weitere CSS und Persöhnliche Designs      gibt     es         hier:

CSS-Design

Designname: "Pinky"

Text über dem Design:
<div id="Navi"> <a class="navi" href="#" _fcksavedurl="#">Menüpunk1</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt2</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt3</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt4</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt5</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt6</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt7</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt8</a> </div> <div id="Header"></div> <div id="Seitenname"><span style="color: rgb(40, 40, 40);"><span style="font-size: xx-large;"><span style="font-family: Arial;"><strong>Seitenname</strong></span></span></span></div> <div id="Main"> <div id="Content_Top"></div>
Text unter dem Design:
<div id="Content_Foot"> <table cellspacing="1" cellpadding="1" border="0" width="720"> <tbody> <tr> <td><a href="#" _fcksavedurl="#">Impressum</a> <a href="#" _fcksavedurl="#">Partner</a></td> <td style="text-align: right;">Design © by <a href="http://ernie-produktion.de.tl/home.htm" _fcksavedurl="http://ernie-produktion.de.tl/home.htm">Ernie-Produktion</a></td> </tr> </tbody> </table> </div>
Css Code ohne Style Tags:
-Hinweiss- -Design © by Ernie-Produktion- -Die hier verwendeten Grafiken dürfen nicht verändert, kopiert oder verbreitet werden!- -Das Copyright darf nicht ohne ausdrückliche Erlaubniss von Ernie-Produktion aus dem Code entfernt werden!- h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #counter{display: none;} img { border: 0px; } a{ color: #333333; font-size: 13px; text-decoration: none; } a:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi{ color:#333333; font-size: 13px; font-weight: bold; text-decoration: none; margin-right: 15px; } a.navi:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } body { background-image: url(https://img.webme.com/pic/f/fringe-fringe/pinky_background.png); color: #FFFFFF; font-size: 13px; font-family: Arial; } #Header { z-index: 5; position: absolute; top: 167px; left: 50%; height: 126px; width: 828px; margin-left: -426px; background: url(https://img.webme.com/pic/f/fringe-fringe/pinky_header.png) no-repeat; } td[height="102"]{ z-index: 8; position:absolute; left:50%; margin-left:-376px; width: 752px;} #Seitenname{ z-index: 7; position: absolute; top: 190px; left: 50%; height: 66px; width: 320px; margin-left: -380px; } #Navi { z-index: 6; position: absolute; top: 110px; left: 50%; height: 17px; width: 813px; margin-left: -426px; background: url(https://img.webme.com/pic/f/fringe-fringe/pinky_navi.png) no-repeat; color: #FFFFFF; padding: 28px 0px 12px 20px; } #Main { z-index: 10; position: absolute; top: 292px; left: 50%; width: 912px; margin-left: -415px; } #Content_Top { height: 30px; width: 811px; background:url(https://img.webme.com/pic/f/fringe-fringe/pinky_content_top.png) no-repeat; float: left; margin-left: 0px; } #content { width: 721px; background: url(https://img.webme.com/pic/f/fringe-fringe/pinky_content.png) repeat-y; color: #333333; font-size: 13px; font-family: Arial; padding: 0px 45px 0px 45px; float: left; } #Content_Foot { height: 7px; width: 743px; background: url(https://img.webme.com/pic/f/fringe-fringe/pinky_content_footer.png) no-repeat; margin-left: -11px; float: left; word-spacing:10px; padding: 30px 45px 50px 45px; text-align: left; }


Designname: "Fire"

Text über dem Design:
<div id="Navi"> <a class="navi" href="#" _fcksavedurl="#">Menüpunk1</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt2</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt3</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt4</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt5</a> </div> <div id="Header"></div> <div id="Seitenname"><span style="color: rgb(225, 255, 0);"><span style="font-size: xx-large;"><span style="font-family: Arial;"><strong>Seitenname</strong></span></span></span></div> <div id="Main"> <div id="Content_Top"></div>
Text unter dem Design:
<div id="Content_Foot"> <table cellspacing="1" cellpadding="1" border="0" width="800"> <tbody> <tr> <td><a href="#" _fcksavedurl="#">Impressum</a> <a href="#" _fcksavedurl="#">Partner</a></td> <td style="text-align: right;">Design © by <a href="http://ernie-produktion.de.tl/home.htm" _fcksavedurl="http://ernie-produktion.de.tl/home.htm">Ernie-Produktion</a></td> </tr> </tbody> </table> </div>
Css Code ohne Style Tags:
-Hinweiss- -Design © by Ernie-Produktion- -Die hier verwendeten Grafiken dürfen nicht verändert, kopiert oder verbreitet werden!- -Das Copyright darf nicht ohne ausdrückliche Erlaubniss von Ernie-Produktion aus dem Code entfernt werden!- h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #counter{display: none;} img { border: 0px; } a{ color: #e1ff00; font-size: 13px; text-decoration: none; } a:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi{ color:#e1ff00; font-size: 13px; font-weight: bold; text-decoration: none; margin-right: 15px; } a.navi:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } body { background-image: url(https://img.webme.com/pic/f/fringe-fringe/fire_background.png); color: #FFFFFF; font-size: 13px; font-family: Arial; } #Header { z-index: 5; position: absolute; top: 120px; left: 50%; height: 213px; width: 937px; margin-left: -480px; background: url(https://img.webme.com/pic/f/fringe-fringe/fire_header.png) no-repeat; } td[height="102"]{ position:absolute; left:50%; margin-left:-376px; width: 752px;} #Seitenname{ z-index: 7; position: absolute; top: 220px; left: 50%; height: 66px; width: 320px; margin-left: -200px; } #Navi { z-index: 6; position: absolute; top: 334px; left: 50%; height: 37px; width: 908px; margin-left: -456px; background: url(https://img.webme.com/pic/f/fringe-fringe/fire_navi.png) no-repeat; color: #FFFFFF; padding: 10px 0px 0px 20px; } #Main { z-index: 10; position: absolute; top: 371px; left: 50%; width: 912px; margin-left: -465px; } #Content_Top { height: 16px; width: 926px; background:url(https://img.webme.com/pic/f/fringe-fringe/fire_content_top.png) no-repeat; float: left; margin-left: -5px; } #content { width: 922px; background: url(https://img.webme.com/pic/f/fringe-fringe/fire_content.png) repeat-y; color: #e1ff00; font-size: 13px; font-family: Arial; padding: 0px 45px 0px 45px; float: left; } #Content_Foot { height: 101px; width: 822px; background: url(https://img.webme.com/pic/f/fringe-fringe/fire_content_footer.png) no-repeat; margin-left: 4px; float: left; word-spacing:10px; padding: 40px 45px 0px 45px; text-align: left; }


Designname: "Bluesky"

Text über dem Design:
<div id="Navi"> <a class="navi" href="#" _fcksavedurl="#">Menüpunk1</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt2</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt3</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt4</a> <a class="navi" href="#" _fcksavedurl="#">Menüpunkt5</a> </div> <div id="Header"></div> <div id="Seitenname"><span style="color: rgb(40, 40, 40);"><span style="font-size: xx-large;"><span style="font-family: Arial;"><strong>Seitenname</strong></span></span></span></div> <div id="Main"> <div id="Content_Top"></div>
Text unter dem Design:
<div id="Content_Foot"> <table cellspacing="1" cellpadding="1" border="0" width="720"> <tbody> <tr> <td><a href="#" _fcksavedurl="#">Impressum</a> <a href="#" _fcksavedurl="#">Partner</a></td> <td style="text-align: right;">Design © by <a href="http://ernie-produktion.de.tl/home.htm" _fcksavedurl="http://ernie-produktion.de.tl/home.htm">Ernie-Produktion</a></td> </tr> </tbody> </table> </div>
Css Code ohne Style Tags:
-Hinweiss- -Design © by Ernie-Produktion- -Die hier verwendeten Grafiken dürfen nicht verändert, kopiert oder verbreitet werden!- -Das Copyright darf nicht ohne ausdrückliche Erlaubniss von Ernie-Produktion aus dem Code entfernt werden!- h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #counter{display: none;} img { border: 0px; } a{ color: #333333; font-size: 13px; text-decoration: none; } a:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi{ color:#333333; font-size: 13px; font-weight: bold; text-decoration: none; margin-right: 15px; } a.navi:hover { color: #FFFFFF; font-size: 13px; text-decoration: none; } a.navi:active { color: #FFFFFF; font-size: 13px; text-decoration: none; } body { background-image: url(https://img.webme.com/pic/f/fringe-fringe/bluesky_background.png); color: #FFFFFF; font-size: 13px; font-family: Arial; } #Header { z-index: 5; position: absolute; top: 0px; left: 50%; height: 239px; width: 834px; margin-left: -420px; background: url(https://img.webme.com/pic/f/fringe-fringe/bluesky_header.png) no-repeat; } td[height="102"]{ z-index: 8; position:absolute; left:50%; margin-left:-376px; width: 752px;} #Seitenname{ z-index: 7; position: absolute; top: 170px; left: 50%; height: 66px; width: 320px; margin-left: -240px; } #Navi { z-index: 6; position: absolute; top: 239px; left: 50%; height: 54px; width: 791px; margin-left: -410px; background: url(https://img.webme.com/pic/f/fringe-fringe/bluesky_navi.png) no-repeat; color: #FFFFFF; padding: 20px 0px 0px 20px; } #Main { z-index: 10; position: absolute; top: 292px; left: 50%; width: 912px; margin-left: -410px; } #Content_Top { height: 30px; width: 791px; background:url(https://img.webme.com/pic/f/fringe-fringe/bluesky_content_top.png) no-repeat; float: left; margin-left: 0px; } #content { width: 701px; background: url(https://img.webme.com/pic/f/fringe-fringe/bluesky_content.png) repeat-y; color: #333333; font-size: 13px; font-family: Arial; padding: 0px 55px 0px 35px; float: left; } #Content_Foot { height: 77px; width: 819px; background: url(https://img.webme.com/pic/f/fringe-fringe/bluesky_content_footer.png) no-repeat; margin-left: -16px; float: left; word-spacing:10px; padding: 96px 45px 40px 45px; text-align: left; }

HTML-Design


<style type="text/css"> <!-- td.nav{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd_topsx_buttons.jpg);} td.nav a{color: #000000;font-weight: bold;font-size: 13px;padding-left: 5px;} td.nav:hover{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd1_button_hover.jpg);} td.nav a:hover{color: #000000;} td.edit_rechts_sbg{background-image: none;} td.edit_rechts_cbg{background-image: none;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_bottom{background-image: none;} td.edit_navi_headbg {background-image: none;} td.sidebar_heading{background-image: none;} td.edit_content{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.edit_rechts_sbg{background-image: none;} td.edit_content_bottom2{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.shouty{background-image: none;} td.shouty2{background-image: none;} td.shouty3{background-image: none;} td.shouty4{background-image: none;} td.shouty5{background-image: none;} td.edit_content_top{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd_topsx_buttons.jpg);} td.headline2{visibility:hidden;} td.edit_rb_footer{background-image: none;} td.sidebar_heading{width:168px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd_topsx_buttons.jpg);} td.nav_heading{width:185px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd_topsx_buttons.jpg);} td.edit_rechts_cbg{background-image: none;} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/mellycontentbottomnew.jpg);} td.edit_rechts_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_eprechtsbg.jpg);} td.edit_navi_headbg{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.headline2{background-image: none;} td.edit_below_nav img{background-image: none;} body {background-image:url(https://img.webme.com/pic/h/hells-guardians/epd1_bachground.jpg);background-attachment:fixed;} td.edit_header_full{width:921px;height:200px; background-image:url(https://img.webme.com/pic/h/hells-guardians/epd1_header.jpg);} --> </style> <div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"><style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat: no repeat;; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style> <td>



<style type="text/css"> <!-- td.nav{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd2_topsx_button.jpg);} td.nav a{color: #000000;font-weight: bold;font-size: 13px;padding-left: 5px;} td.nav:hover{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd2_button_hover.jpg);} td.nav a:hover{color: #000000;} td.edit_rechts_sbg{background-image: none;} td.edit_rechts_cbg{background-image: none;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_bottom{background-image: none;} td.edit_navi_headbg {background-image: none;} td.sidebar_heading{background-image: none;} td.edit_content{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.edit_rechts_sbg{background-image: none;} td.edit_content_bottom2{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.shouty{background-image: none;} td.shouty2{background-image: none;} td.shouty3{background-image: none;} td.shouty4{background-image: none;} td.shouty5{background-image: none;} td.edit_content_top{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd2_topsx_button.jpg);} td.headline2{visibility:hidden;} td.edit_rb_footer{background-image: none;} td.sidebar_heading{width:168px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd2_topsx_button.jpg);} td.nav_heading{width:185px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd2_topsx_button.jpg);} td.edit_rechts_cbg{background-image: none;} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/mellycontentbottomnew.jpg);} td.edit_rechts_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_eprechtsbg.jpg);} td.edit_navi_headbg{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.headline2{background-image: none;} td.edit_below_nav img{background-image: none;} body {background-image:url(https://img.webme.com/pic/h/hells-guardians/epd2_background.jpg);background-attachment:fixed;} td.edit_header_full{width:921px;height:200px; background-image:url(https://img.webme.com/pic/h/hells-guardians/epd2_header.jpg);} --> </style> <div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"><style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat: no repeat;; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style> <td>



<style type="text/css"> <!-- td.nav{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd3_topsx_button.jpg);} td.nav a{color: #000000;font-weight: bold;font-size: 13px;padding-left: 5px;} td.nav:hover{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd3_button_hover.jpg);} td.nav a:hover{color: #000000;} td.edit_rechts_sbg{background-image: none;} td.edit_rechts_cbg{background-image: none;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_bottom{background-image: none;} td.edit_navi_headbg {background-image: none;} td.sidebar_heading{background-image: none;} td.edit_content{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.edit_rechts_sbg{background-image: none;} td.edit_content_bottom2{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.shouty{background-image: none;} td.shouty2{background-image: none;} td.shouty3{background-image: none;} td.shouty4{background-image: none;} td.shouty5{background-image: none;} td.edit_content_top{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd3_topsx_button.jpg);} td.headline2{visibility:hidden;} td.edit_rb_footer{background-image: none;} td.sidebar_heading{width:168px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd3_topsx_button.jpg);} td.nav_heading{width:185px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd3_topsx_button.jpg);} td.edit_rechts_cbg{background-image: none;} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/mellycontentbottomnew.jpg);} td.edit_rechts_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_eprechtsbg.jpg);} td.edit_navi_headbg{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.headline2{background-image: none;} td.edit_below_nav img{background-image: none;} body {background-image:url(https://img.webme.com/pic/h/hells-guardians/epd3_background.jpg);background-attachment:fixed;} td.edit_header_full{width:921px;height:200px; background-image:url(https://img.webme.com/pic/h/hells-guardians/epd3_header.jpg);} --> </style> <div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"><style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat: no repeat;; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style> <td>



<style type="text/css"> <!-- td.nav{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd4_topsx_button.jpg);} td.nav a{color: #000000;font-weight: bold;font-size: 13px;padding-left: 5px;} td.nav:hover{width:185px;height:30px;background-image: url(https://img.webme.com/pic/h/hells-guardians/epd4_button_hover.jpg);} td.nav a:hover{color: #000000;} td.edit_rechts_sbg{background-image: none;} td.edit_rechts_cbg{background-image: none;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_bottom{background-image: none;} td.edit_navi_headbg {background-image: none;} td.sidebar_heading{background-image: none;} td.edit_content{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.edit_rechts_sbg{background-image: none;} td.edit_content_bottom2{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.shouty{background-image: none;} td.shouty2{background-image: none;} td.shouty3{background-image: none;} td.shouty4{background-image: none;} td.shouty5{background-image: none;} td.edit_content_top{width:568px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd4_topsx_button.jpg);} td.headline2{visibility:hidden;} td.edit_rb_footer{background-image: none;} td.sidebar_heading{width:168px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd4_topsx_button.jpg);} td.nav_heading{width:185px;height:30px;background-image:url(https://img.webme.com/pic/h/hells-guardians/epd4_topsx_button.jpg);} td.edit_rechts_cbg{background-image: none;} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/mellycontentbottomnew.jpg);} td.edit_rechts_bottom{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_eprechtsbg.jpg);} td.edit_navi_headbg{background-image:url(https://img.webme.com/pic/h/hells-guardians/18_08_epcontent.jpg);} td.headline2{background-image: none;} td.edit_below_nav img{background-image: none;} body {background-image:url(https://img.webme.com/pic/h/hells-guardians/epd4_background.jpg);background-attachment:fixed;} td.edit_header_full{width:921px;height:200px; background-image:url(https://img.webme.com/pic/h/hells-guardians/epd4_header.jpg);} --> </style> <div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"><style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat: no repeat;; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style> <td>