Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.06.2010 um 17:42 (UTC)    
Titel: Design für den HPBK umcoden

Hallo!

Ich habe eine WoW Fansite mit einen echt coolem Design gesehn und unten stand ein Link wer es Designt hat. Ich bin auf eine Seite gestoßen wo viele Designs für WoW, Aion, Starcraft usw.. angeboten werden. Ich habe mir ein Design gedownloadet und möchte das nun für den HPBK umcoden. Bloss leider habe ich davon keine Ahnung und würde das gerne jemand erfahrenem überlassen. Ich setze als Gegenleistung auch gerne den Banner von euch lange auf alle meine Seiten im HPBK. Danke im vorraus.
-----------
Ich habe beim Download viele verschiedene Datein erhalten. Ich schreibe euch hier mal alle Texte und Codes mit Namen auf:

Name: ie5x6x.css
Code:
/* ==============================
   1. Schriftgröße definieren  */   



/* ==============================
   2. Zentrierung von #wrapper */

body {
   text-align: center;
}

#bg_up{
   width: 1000px;
   text-align: left;
}
#masthead {
   width: 1000px;
}
#container {
   width: auto;
   margin:0;
   padding: 0;
}
#user_modules1 {
   width: auto;
}
#user_modules2 {
   width: auto;
   margin:0;
   padding: 0;
}
#user5, #user6 {
   margin:10px;
   padding: 0;
}
#top {
   width: auto;
}
#content {
   width: auto;
}
div.module_menu div div div {
   width: 100%;
}
div.module div div div, div.module_text div div div {
   width: 160px;
   padding-left:5px;
   margin:0;
   text-align:center;
}
table.moduletable th, div.moduletable h3, .moduletable_text h3, .moduletable_menu h3 {
   width: auto;
   font-size: 11px;
}
li {
   background-image : none;
}
li:hover {
   background-image : none;
}
.blog_more ul li {
   background-image:none;
}



Name: ie7.css
Code:
#content {
   padding:0;
   width: 96%;
}
#top {
   width: 96%;
}
div.module_menu div div div {
   width: 100%;
}
div.module div div div, div.module_text div div div {
   width: 160px;
   margin:0;
}


Name: reset.css
Code:

@media all {

/* Reset */
* {padding: 0; margin: 0; border: 0; }


/* margin-bottom für Überschriften, Absätze, Listen etc. */
h1, h2, h3, h4, h5, h6,
p, blockquote, address, pre,
ul, ol, dl, table {
   margin-bottom: 1em;
}

/* Zitate einrücken */
blockquote { margin: 1em 2em; }

/* Alle Listen etwas einrücken */
ul, ol, dl { margin-left: 1em; }

/* Listenelemente etwas mehr einrücken */
li { margin-left: 1em; }

/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}

/* Aufzählungszeichen für Listenkisten */

/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
ul { list-style-type: square; }
ol { list-style-type: decimal; }

/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option { padding-left: 0.2em; padding-right: 0.3em; }

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }

/* Bildlaufleiste im Firefox immer zeigen */
html { height: 101%; }

body {
   background-color: white;
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
h1, h2, h3, h4, h5, h6 {
   font-family: Georgia, "Times New Roman", serif;
   font-weight: bold;
}
/*  Überschriftengrößen auf Basis von small (13px) */
h1 { font-size: 200%; }     /* ca. 26px */
h2 { font-size: 184.62%; }  /* ca. 24px */
h3 { font-size: 153.85%; }  /* ca. 20px */
h4 { font-size: 138.46%; }  /* ca. 18px */
h5 { font-size: 123.08% }   /* ca. 16px */
h6 { font-size: 107.69%; }  /* ca. 14px */


} /* Ende @media */


Name: Template.css
Code:
@charset "utf-8";
/*---------------------------------------------------
Desidgned by Juergen Koller
Designers Home: http://www.LernVid.com
---------------------------------------------------*/

html {
   height : 101%;
}
body {
   font-family:Georgia,"Times New Roman",Times,serif;
   font-size: 12px;
   color: #A3A9AD;
   background-color: #000;
}
#wrapper {
   width:100%;
   margin: 0 auto;
   background-color: transparent;
   background-image:url('../images/bg.jpg');
   background-position:center top;
   background-repeat:repeat-y;
}
#bg_up{
   margin: 0 auto;
   background-position:center top;
   background-color: transparent;
   background-image:url('../images/bg_up.jpg');
   background-repeat:no-repeat;
   background-position:center top;
}
#masthead_container {
    height: 400px;
   width: 100%;
   background-color: transparent;   
   margin:auto;
}
#masthead {
    height: 400px;
   width: 1000px;
   margin:auto;
   background-image:url('../images/header.jpg');
   background-position: left top;
   background-repeat:no-repeat;
   background-color: transparent;   
}
#fontsizer {
   float:right;
   padding-top: 20px;
   width: auto;
}

/* Im Container stellt man die Breite ein */
#container {
   text-align:left;
   width: 1000px;
   padding: 0;
   margin:auto;
   background-image : url(../images/container.jpg);
   background-position:center top;   
}
#container2 {
   text-align:left;
   background-color: transparent;
   margin:auto;
}
/* Suche */
#search {
   float: right;
   background-image: url(../images/search.gif);
   background-repeat: no-repeat;
   width: 197px;
   height: 20px;
}
#search_inner {
   margin: 3px 0 7px 45px;
}
#search_inner input,
#search_inner .inputbox {
   float: left;
   margin: 0;
   background: none;
   border: none;
   padding: 0;
}
#search_inner .inputbox:hover {
   color: #999;
}
/* Navigation oben quer */
#navigation {
   background-image:url('../images/navigation.gif');
   overflow: hidden;
   height: 40px;
    margin:auto;
   text-align:center;
   padding:0;
   margin:0;
}
#user_modules1 {
   width: 100%;
   float:left;
   margin: 0;
   padding:0;
   height: auto;
   background-color: transparent;
   border:none;
   margin-bottom: 10px;
}
#user1 {
   width: 48%;
   float:left;
   min-height: 100px;
   border: 1px solid #111;
   overflow:hidden;
   margin-left: 1%;
   background-image:url('../images/user_bg.gif');
   background-repeat:repeat-x;
}
#user2 {
   width: 48%;
   float:right;
   min-height: 100px;
   border: 1px solid #111;
   overflow:hidden;
   margin-right: 1%;
   background-image:url('../images/user_bg.gif');
   background-repeat:repeat-x;
}
/* Schlagzeilen */
#top {
   width: 98%;
   float:left;
   padding: 0;
   margin:0 auto;
   border: 1px solid #111;
   margin-left: 1%;
   margin-right: 1%;
   margin-bottom: 5px;
   background-image:url('../images/user_bg.gif');
   background-repeat:repeat-x;
}
#page_content {
   padding: 0px;
   margin: 0px;
   width: 100%;
   padding-bottom: 10px;
   background-color: transparent;
}
/* Breite der linken Sidebar 170 */
#sidebar_left {
   position: relative;
   float: left;
   width: 176px;
   background-color: transparent;
   padding:0 2px 20px 2px;
   margin: 0 5px 5px 5px;
}
/* Breite der rechten Sidebar 170 */
#sidebar_right {
   position: relative;
   float: right;
   width: 176px;
   background-color: transparent;
   padding:0 0px 20px 2px;
   margin: 0 5px 5px 5px;
}
/* content_outleft + content_outleft + content_outleft steuern das margin left und right via phpscript in der index.php */
#content_outleft {
   margin: 0 0 0 190px;
}
#content_outmiddle {
   margin: 0 190px;
}
#content_outright {
   margin: 0 190px 0 0;
}
#content {
   float:left;
   padding: 10px;
   padding-bottom: 30px;
   min-height: 400px;
   width: 97%;
   border: 1px solid #111;
   background-image : url(../images/content.jpg);
   background-position:center top;
}
#content_up {
   width: 100%;
   height: 20px;
   padding:0;
   margin:0;
}
#content_up_left {
   float: left;
   background-color: transparent;
   background-image:url('../images/content_up_left.gif');
   background-repeat: repeat-x;
   width: 100%;
   height: 20px;
   padding:0;
   margin:0;
}
#content_up_right {
   background-color: transparent;
   background-image:url('../images/content_up_right.gif');
   background-position: right top;
   background-repeat:no-repeat;
   float:right;
   width: 197px;
   height: 20px;
   padding:0;
   margin:0;
}
#content_down {
   width: 100%;
   height: 20px;
   margin:5px 0 5px 0;
   padding:0;
}
#content_down_left {
   float: left;
   background-color: transparent;
   background-image:url('../images/content_down_left.gif');
   background-repeat: repeat-x;
   width: 100%;
   height: 20px;
   padding:0;
   margin:0;
}
#content_down_right {
   background-color: transparent;
   background-image:url('../images/content_down_right.gif');
   background-position: right top;
   background-repeat:no-repeat;
   float:right;
   width: 170px;
   height: 20px;
   padding:0;
   margin:0;
}

#breadcrumbs {
   color:#999;
   float:left;
   height: 20px;
   line-height:12px;
   width: auto;
   max-width: 700px;
   overflow : hidden;
   font-weight : normal;
   font-variant : small-caps;
   margin: 4px 0 0 50px;
   padding: 0 5px 0 5px;
}
#breadcrumbs span {
   padding:0;
}

#breadcrumbs a {
   color: #666;
   text-decoration : none;
}
#breadcrumbs a:hover {
   color: #999;
   text-decoration : none;
}

.clr {
   clear:both;
}

#user_modules2 {
   float:left;
   margin: 0;
   padding:0;
   width: 92%;
   height: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: transparent;
   margin: 0 4% 20px 4%;
}
#user5 {
   width:45%;
   float:left;
   min-height: 100px;
   text-align:left;
   height: auto;
   border: 1px solid #111;
   padding:0;
   overflow:hidden;
   background-image:url('../images/user_bg.gif');
   background-repeat:repeat-x;
}
#user6 {
   width:45%;
   float:right;
   min-height: 100px;
   text-align:left;
   height: auto;
   border: 1px solid #111;
   padding: 0;
   overflow:hidden;
   background-image:url('../images/user_bg.gif');
   background-repeat:repeat-x;
}
#footer {
   color: #999;
   clear: both;
   width: 100%;
   overflow: hidden;
   padding: 7px 0 7px 0;
   background-color: #000;
   text-align:center;
   overflow:hidden;
   background-image:url('../images/footer.jpg');
   background-position: center top;   
   background-repeat:no-repeat;
}
#footer p {
   font-size: x-small;
}
#footer a {
   border:none;
   color: #888;
   text-decoration: underline;
}
#footer a:hover {
   text-decoration: none;
}
#copyright_info {
   clear: both;
   font-size: 10px;
   padding:0;
   margin:0;
   text-align:center;
   overflow:hidden;
}
#copyright_info p {
   font-size: 10px;
   padding: 5px 20px 5px 20px;
   margin:0;
   text-align:center;
}
#designed_by {
   clear: both;
   color: #444;
   padding:0;
   margin:0;
   text-align:center;
   background-image:url('../images/designed_by.jpg');
   background-position: center;
   background-repeat:no-repeat;
}
#designed_by p {
   color: #222;
   font-size: 9px;
   margin:0;
   text-align:center;
}   
#designed_by a {
   color: #444;
   text-decoration:none;
}
#designed_by a:hover {
   color: #999;
}
#date {
   text-align: center;
   font-size:11px;
   width: auto;
   background-color: transparent;
   height: 30px;
   line-height:30px;
   overflow:hidden;
}
#date p {
   color: #999;
   font-size:11px;
   background-color:#000;
   width: 180px;
   height: 15px;
   line-height: 15px;
   margin: 0 auto;
   margin-top:8px;
   border: 1px solid #111;
}
h1,h2,h3,h4,h5,h6 {
   color: #c9b51a;
   text-decoration:underline;
   font-family: Arial, Helvetica, Sans-Serif;
}
ul, ol, li {
   margin : 0;
   padding : 0;
}
ul, ol {
   margin : 10px 0;
   padding-left : 10px;
}
ol li {
   list-style-type : decimal;
   line-height : 14px;
}
ul {
   margin : 5px;
   padding : 2px;
   list-style : none;
}
li {
   text-align : left;
   line-height : 14px;
   padding-left : 18px;
   background-image : url(../images/list.png);
   background-repeat : no-repeat;
   background-position : 0 2px;
   list-style-type : none;
}
li:hover {
   text-align : left;
   line-height : 14px;
   padding-left : 18px;
   background-position : 0 2px;
   background-image : url(../images/list_hover.png);
   background-repeat : no-repeat;
}
td {
   text-align : left;
   margin : 0;
   padding : 0;
}
a, a:link, a:visited, a:active, a:focus {
   color: #c9b51a;
   outline : none;
   text-decoration : none;
}
a:hover {
   color: #fff;
   text-decoration : underline;
}
table.contentpaneopen {
   width : 98%;
   padding : 2px;
   margin : 2px;
}
table.contentpane {
   width : 98%;
   padding : 6px;
   margin : 6px;
}
table.searchinto {
   width : 100%;
}
table.moduletable {
   width : 100%;
   margin : 0;
   padding : 0;
}
/* sitetitle, menu_oben, top, rechts menü */
div.moduletable {
   padding : 0;
   padding-bottom : 10px;
   text-align: center;
   overflow: hidden;
}
div.moduletable_text {
   padding : 0;
   padding-bottom : 10px;
   text-align: center;
   overflow: hidden;
}
div.banneritem_text {
   padding: 0 3px 0 3px;
   margin: 0;
   text-align:center;
   overflow: hidden;
}
div.module_text {
   width: 176px;
   overflow:hidden;
   margin-bottom: 10px;
   padding:0;
   text-align: center;
   overflow: hidden;
}
div.module {
   width: 176px;
   overflow:hidden;
   margin-bottom: 10px;
   padding : 0;
   text-align: center;
   overflow: hidden;
}
div.module, div.module_text {
   background: url(../images/menu_rb.jpg);
   background-repeat:no-repeat;
   background-position: right bottom;
}
div.module div, div.module_text div {
   background: url(../images/menu_lb.jpg);
   background-repeat:no-repeat;
   background-position: left bottom;
}
div.module div div, div.module_text div div {
   background: url(../images/module_h3.gif);
   background-repeat:no-repeat;
}

div.module div div div, div.module_text div div div {
   background: none;
   padding-bottom: 10px;
   margin: 0 5px 0 5px;
}

.style_bold {
   font-weight: bold;
}
.style_italic {
   font-style: italic;
}
#top div.moduletable h3, #user1 div.moduletable h3, #user2 div.moduletable h3, #user5 div.moduletable h3, #user6 div.moduletable h3 {
   background-image : url(../images/user_h3.gif);
   background-repeat : repeat-x;
   background-color: #000;
   color: #e43f19;
   text-align : left;
   height : 30px;
   line-height : 30px;
   padding:0;
   margin :0;
   padding-left: 18px;
   overflow : hidden;
   font-weight:normal;
   border:none;
   font-size : 14px;
   font-variant:normal;
   text-decoration: none;
}
/* z.b. modul werbung*/
table.module th, .module_text h3 {
   color: #e43f19;
   text-align : left;
   font-weight : bold;
   height : 36px;
   line-height : 36px;
   font-size : 16px;
   margin :0;
   overflow : hidden;
   margin-bottom: 2px;
   text-indent: 10px;
   width: 172px;
   padding:0;
   font-variant:small-caps;
   text-decoration: none;
}
div.module h3{
   color: #e43f19;
   text-align : left;
   font-weight : bold;
   height : 36px;
   line-height : 36px;
   font-size : 16px;
   padding:0;
   margin :0;
   overflow : hidden;
   text-indent: 10px;
   font-variant:small-caps;
   text-decoration: none;
}
/* z.b. modul umfrage, template chooser, wer ist online..*/
#sidebar_left div.module h3, #sidebar_right div.module h3 {
   color: #e43f19;
   text-align : left;
   font-weight : bold;
   height : 36px;
   line-height : 36px;
   font-size : 16px;
   padding:0;
   margin :0;
   overflow : hidden;
   text-indent: 10px;
   width: 172px;
   font-variant:small-caps;
   text-decoration: none;
}
/* breite des hauptmenüs h3 */
.module_menu h3 {
   color: #e43f19;
   text-align : left;
   font-weight : bold;
   height : 36px;
   line-height : 45px;
   font-size : 16px;
   padding:0;
   margin :0;
   overflow : hidden;
   text-indent: 10px;
   width: 172px;
   font-variant:small-caps;
   text-decoration: none;
}

/* breite des hauptmenüs */
.module_menu {
   width: 172px;
   overflow:hidden;
   margin-bottom: 10px;
}
div.module_menu {
   background: url(../images/menu_rb.jpg);
   background-repeat:no-repeat;
   background-position: right bottom;
}

div.module_menu div {
   background: url(../images/menu_lb.jpg);
   background-repeat:no-repeat;
   background-position: left bottom;
}

div.module_menu div div {
   background: url(../images/menu_rt.jpg);
   background-repeat:no-repeat;
   background-position: right top;
}

div.module_menu div div div {
   background: url(../images/menu_lt.jpg);
   background-repeat:no-repeat;
   background-position: top left;
}

.module_menu ul.menu {
   padding : 10px;
   list-style : none;
   background : none;
   margin: 0;
}
.module_menu ul.menu li {
   margin : 0;
   padding : 0;
   list-style : none;
   background : none;
}
.module_menu ul.menu li a {
   display : block;
   color:#f2e019;
   vertical-align : middle;
   font-size : 12px;
   text-align : left;
   height : 22px;
   line-height : 22px;
   text-decoration : none;
   padding:0;
   margin: 0;
   padding-left: 18px;
   background-image : url(../images/menu.jpg);
   background-repeat : no-repeat;
   border-bottom: 1px solid #111;
}
.module_menu ul.menu li a span {
   background : none;
}
.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
   text-decoration : none;
   color: #fff;
   text-align : left;
   background-image : url(../images/menu_hover.jpg);
   background-repeat : no-repeat;
   padding-left: 18px;
}
.module_menu ul.menu li.active a {
   background-image : url(../images/menu_hover.jpg);
   background-repeat : no-repeat;
   text-decoration : none;
   color: #fff;
   text-align : left;
   padding-left: 18px;
}
.module_menu ul.menu li.active a:hover {
   text-decoration: none;
}
.module_menu ul.menu li.active a span {
}
.module_menu ul.menu li li a span {
   list-style : none;
}
.module_menu ul.menu li ul {
   margin : 0;
   padding : 0;
   list-style : none;
}
.module_menu ul.menu li li {
   list-style : none;
}
.module_menu ul.menu li li a {
   list-style : none;
   vertical-align : middle;
   font-size : 14px;
   text-align : left;
   text-decoration : none;
   height : 22px;
   padding-left: 28px;
   overflow:hidden;
}
.module_menu ul.menu li li a:hover, .module_menu ul.menu li li a:active, .module_menu ul.menu li li a:focus {
   list-style : none;
   background : none;
   text-decoration : none;
}
.module_menu ul.menu li li.active a {
   list-style : none;
   background : none;
   text-decoration : none;
}
.module_menu ul.menu li li a span {
   list-style : none;
   background : none;
}
.module_menu ul.menu li li li a span {
   padding-left: 10px;
}
.componentheading {
   background-image : url(../images/componentheading.jpg);
   background-repeat:repeat-x;
   height : 30px;
   line-height : 30px;
   color: #f2e019;
   font-size : 16px;
   font-weight:bold;
   text-align:center;
   text-transform:uppercase;
   font-weight:normal;
   letter-spacing: 2px;
   border-bottom: 1px solid #111;
}
.contentheading {
   font-size: 16px;
   height : 16px;
   line-height : 16px;
   color: #e43f19;
   font-variant : small-caps;
}
label {
   color: #999;
}
.pagenav {
   text-transform:uppercase;
   text-align : center;
   font-size : 12px;
   padding : 3px 5px 2px 5px;
   margin : 5px 1px 5px 1px;
   color: #fff;
   background-color: #111;
   border : 1px solid #151515;
   background-image : url(../images/button_bg.gif);
   background-repeat:repeat-x;
   background-position:center top;
}
a.pagenav {
   color: #fff;
   background-color: #000;
}
.pagenav a:hover {
   color: #000;
   text-decoration : none;
}
.pagenav_next {
   color: #999;
   text-decoration : none;
}
.pagenav_next a:hover {
   color: #b5d72b;
   text-decoration : none;
}
.pagenav_prev {
   color: #999;
   text-decoration : none;
}
.pagenav_prev a:hover {
   color: #b5d72b;
   text-decoration : none;
}
.blog {
   width : 100%;
}
.blog_more {
   margin : 10px 5px 20px 5px;
}
.blog_more strong {
   margin : 2px;
   display : block;
   font-size : 14px;
   font-weight : bold;
   color: #999;
   text-decoration:underline;
   padding-left: 3px;
   text-transform:uppercase;
}
.blog_more ul {
   margin : 5px;
   padding : 0;
}
.blog_more ul li {
   text-align : left;
   line-height : 14px;
   padding-left : 18px;
   background-image : url(../images/list.png);
   background-repeat : no-repeat;
   background-position : 0 2px;
}
.blog_more ul li:hover {
   background-image : url(../images/list_hover.png);
}
.article_separator {
   clear : both;
   display : block;
   height : 10px;
   margin-bottom : 30px;
   border-bottom : 1px solid #111;
}
.article_column {
   padding : 10px;
   margin : 5px;
}
.article_column column_separator {
   padding : 10px;
   margin : 5px;
}
.article-tools {
   border-top : 1px solid #999;
   width : 100%;
   float : left;
   clear : both;
   margin-bottom : 15px;
   display : block;
   background-color: #fbfcf8;
}
.article-meta {
   padding : 5px;
   width : 80%;
   float : left;
}
.button {
   color: #fff;
   background-image : url(../images/button_bg.gif);
   background-position:center top;
   text-align : center;
   font-size : 10px;
   border : 1px solid #151515;
   padding : 2px 3px 2px 3px;
   margin : 2px 3px 2px 3px;
   background-color:#000;
}
.button:hover {
   color: #c9b51a;
}
.validate {
   height: 20px;
   line-height: 20px;
   color: #999;
   background-image : url(../images/button_bg.gif);
   background-position:center top;
   text-align : center;
   font-size : 10px;
   border : 1px solid #151515;
}
.validate:hover {
   color: #666;
}
.invalid {
   border-color: #666;
}
label.invalid {
   color: #ff0000;
   text-decoration:blink;
}
.back_button {
   height: 22px;
   line-height: 22px;
   background-image : url(../images/button_bg.gif);
   background-position:center top;
   text-align : center;
   font-size : 11px;
   color: #000;
   border : 1px solid #151515;
}
.back_button:hover {
   color: #000;
}
.back_button a:link {
   text-decoration : none;
   color: #999;
}
.back_button a:visited {
   text-decoration : none;
   color: #999;
}
.back_button a:hover {
   text-decoration : none;
   color: #999;
}
#form-login .input {
   padding : 2px;
   margin : 2px;
   background : none;
   border : none;
   font-size : 11px;
}
form {
   margin : 0;
   padding : 0;
   border : none;
}
#form-login {
   border : none;
   padding: 5px;
}
#form-login ul {
   padding : 0;
   margin : 0;
   list-style : none;
}
#form-login li {
   margin : 0;
   padding:0;
   background : none;
   list-style : none;
   text-align:center;
}
#form-login li a {
   font-size : 11px;
}
#form-login li a:hover {
   font-size : 11px;
}
#form-login .input {
   margin:0;
   padding:0;
}
.inputbox {
   border : 1px solid #222;
   background-color: #111;
   color: #fff;
   font-size : 11px;
}
.inputbox:hover {
   border : 1px solid #333;
}
input {
   border : 1px solid #222;
   background-color: #000;
   color: #fff;
   font-size : 11px;
}
input:hover {
   border : 1px solid #333;
}
.sectiontableheader {
   border : 1px solid #333;
   background-color: #111;
   text-align : left;
   text-transform : none;
   margin : 0;
   padding : 2px;
   height : 30px;
}
.sectiontablefooter {
   padding : 2px;
   margin : 0;
   text-align : left;
   text-transform : none;
   background-color: #0a0f15;
}
.sectiontableentry0 {
   border-bottom : 1px solid #999;
   background-color: #0a0f15;
   text-align : left;
}
.sectiontableentry1 {
   border-bottom : 1px solid #999;
   background-color: #080d11;
   text-align : left;
}
.sectiontableentry2 {
   border-bottom : 1px solid #999;
   background-color: #0a0f15;
   text-align : left;
}
.sectiontableentry1 td {
   padding : 2px 5px 2px 5px;
   margin : 1px;
}
.sectiontableentry2 td {
   padding : 2px 5px 2px 5px;
   margin : 1px;
}
.sectiontableentry0 td {
   padding : 2px 5px 2px 5px;
   margin : 1px;
}
h1 {
   font-weight : bold;
   font-size : 24px;
   line-height : 26px;
   font-weight : normal;
}
h2 {
   font-size : 20px;
   line-height : 22px;
   font-weight : normal;
}
h3 {
   font-size : 18px;
   line-height : 20px;
   font-weight : normal;
}
h4 {
   font-size : 16px;
   line-height : 18px;
   font-weight : bold;
}
h5 {
   font-size : 14px;
   line-height : 16px;
   font-weight : bold;
}
h6 {
   font-size : 12px;
   line-height : 14px;
   font-weight : bold;
}
.contact_email {
   padding : 5px;
   margin : 5px;
}
#component-contact {
   margin-top : 10px;
}
.hasTip {
   margin: 5px;
   color: #999;
   background-color: transparent;
   border: none;
}
.tool-tip {
   float : left;
   color: #999;
   background : #202020;
   border : 1px solid #999;
   padding : 5px;
   max-width : 200px;
}
.tool-title {
   padding : 0;
   margin : 0;
   font-size : 100%;
   font-weight : bold;
   margin-top : -15px;
   padding-top : 15px;
   padding-bottom : 5px;
   background-repeat : no-repeat;
}
.tool-text {
   font-size : 100%;
   margin : 0;
}
table.paramlist {
   margin-top : 5px;
}
table.paramlist td.paramlist_key {
   width : 128px;
   text-align : left;
   height : 30px;
}
div.message {
   font-weight : bold;
   font-size : 14px;
   color: #999;
   text-align : center;
   width : auto;
   background-color: #202020;
   border : 1px solid #999;
   margin : 3px 0 10px;
   padding : 3px 20px;
}
.pagination span {
   padding : 2px;
}
.pagination a {
   padding : 2px;
}
img {
   border : none;
   padding: 2px 5px 2px 5px;
}
div.mosimage {
   border : 2px solid #999;
   background-color: #cdab71;
}
.mosimage {
   margin : 0;
   background-color: #cdab71;
}
.mosimage_caption {
   margin-top : 0;
   background-color: #cdab71;
   padding : 0;
   color: #999999;
   font-size : 10px;
}
a img.calendar {
   width: 16px;
   height: 16px;
   margin-left: 3px;
   cursor: pointer;
   vertical-align: middle;
}
.error {
   font-style : italic;
   text-transform : uppercase;
   padding : 5px;
   color: #999;
   font-size : 12px;
}
#system-message {
   margin : 10px;
}
#system-message dd.message ul {
   border-top : 2px solid #999;
   border-bottom : 2px solid #999;
   margin : 5px;
   padding-left : 40px;
   text-indent : 0;
}
#system-message dd.error ul {
   color: #999;
   border-top : 2px solid #999;
   border-bottom : 2px solid #999;
   margin : 5px;
   padding-left : 40px;
   text-indent : 0;
}
#system-message dd.notice ul {
   color: #999;
   border-top : 2px solid #999;
   border-bottom : 2px solid #999;
   margin : 5px;
   padding-left : 40px;
   text-indent : 0;
}
.small {
   font-family : Arial, Helvetica, sans-serif;
   color: #999;
   font-size : 9px;
}
.createdate {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 9px;
   color: #999;
}
.modifydate {
   font-family : Arial, Helvetica, sans-serif;
   color: #999;
   font-size : 9px;
}
.highlight {
   background-color: #222;
   color: #ff0000;
   padding : 0;
}
.code {
   background-color: #999;
   border : 1px solid #bbb;
}
fieldset {
   margin : 10px;
   padding : 10px;
   border : 1px solid #999;
}
#sidebar_left ul#mainlevel a {
   color: #999;
}
/* Formatvorlagen für die Navigation-Oben */
ul#mainlevel-nav {
   list-style : none;
   padding : 0;
   margin : 0 auto;
   font-size : 11px;
   padding-left: 10px;
}
ul#mainlevel-nav li {
    text-align:center;
   background-image:none;
   font-weight : bold;
   float : left;
   margin : 0 auto;
   padding : 0;
   font-size : 11px;
   height : 20px;
   line-height : 20px;
   white-space : nowrap;
   background-color: transparent;
   margin-top: 9px;
}
ul#mainlevel-nav li a {
   color:#e43f19;
   text-align : center;
   font-weight : normal;
   font-size : 11px;
   display : block;
   padding-left : 7px;
   padding-right : 7px;
   text-decoration : none;
   text-transform:uppercase;
   border : 1px solid #222;
   letter-spacing: 2px;
   margin-right: 5px;
   background-color: #000;
   background-repeat : no-repeat;
}
#buttons > ul#mainlevel-nav li a {
   width : auto;
}
ul#mainlevel-nav li a:hover {
   text-decoration:underline;
   color:#fff;
   border : 1px solid #272727;
}
ul#mainlevel-nav li a#active_menu-nav {
   font-size: 12px;
   text-decoration:underline;
   color:#fff;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
   text-decoration : line-through;
}

table.poll {
   padding : 0;
   width : 100%;
   border-collapse : collapse;
}
table.poll td {
   padding : 4px;
}
table.pollstableborder {
   padding : 0;
   width : 100%;
   border :  1px solid #333;
   text-align : left;
}
table.pollstableborder img {
   vertical-align : baseline;
   padding-left : 10px;
}
table.pollstableborder td {
   padding : 2px;
   border-collapse : collapse;
   border-spacing : 0;
}
table.pollstableborder tr.sectiontableentry1 td {
   margin : 1px;
   padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry2 td {
   margin : 1px;
   padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry0 td {
   margin : 1px;
   padding : 2px 5px 2px 5px;
}
object {
   outline:none;
}


So das wars. Ich hoffe da kann mir jemand Helfen. Als Dank ist der Banner des jenigen der das schafft und mir den Code gibt ein Jahr lang auf allen meinen Seiten im HPBK!

LG Schokokuchn
Beitrag08.06.2010 um 19:26 (UTC)    
Titel:

was haben eigentlich alle gegen mich??!!! bei anderen springen die leute sofort und bei mir keine einzige antwort -.-
Beitrag08.06.2010 um 19:54 (UTC)    
Titel:

erstmal können das nur sehr wenige und zweitens dauert das mit sicherheit eine weile.

nicht jeder macht es dir dann nur für bannerwerbung, schätze ich mal.

ausserdem hast du absolut kein inhalt bis jetzt. vielleicht hast du nächste woche keine lust mehr an deiner hp. weiss man`s?

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 08.06.2010, 20:56, insgesamt einmal bearbeitet
Beitrag08.06.2010 um 20:07 (UTC)    
Titel:

Wenn du mehr Inhalt hättestst hätte ich es gemacht.
______________
Folgt mir auf Twitter.


Sturmgebiet Release 1 Juli

Beitrag08.06.2010 um 20:12 (UTC)    
Titel:

@ schokokuchn:
Bitte das "pushen" innerhalb von 24 Stunden vermeiden, Danke!

Außerdem liegt es daran, dass solche Designs aufwendig umgecodet werden müssen.
Darum empfehle ich auch immer nur Design Vorlagen,
die extra für den Homepage-bauaksten erstellt worden sind!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.06.2010 um 05:40 (UTC)    
Titel:

Das Design gefällt mir aber am besten ich weiß ich könnte auch welche von wow-designs.de.tl nehmen aber dort gibt es halt keine Cataclysm Designs. Wer nicht weiß was das ist das ist die nächste erweiterung von World of Warcraft die ende 2010 in den Handel kommen soll.

Und momentan Arbeite ich an der Seite und plane den Inhalt auf einer Testseite. Ich werde auch aufs Intro schreiben das ich an der Seite Arbeite und wann die Seite wieder eröffnet wird. Also liegst garnicht daran das ich kein Bock hab an meiner HP zu basteln.

Edit: Wer sich das Design mal ansehen will hier ist die Adresse: http://www.tactical-disaster.de


Zuletzt bearbeitet von schokokuchn am 09.06.2010, 07:18, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de