Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.08.2007 um 10:20 (UTC)    
Titel: Wie bekomm ich den code auf meine hp ?

Ich habe hier einen css code aber wie muss ich den einfügen damit ich das desing habe ?
Code:
body, a, p, table, td, h1, h2, h3, h4, h5, h6, li, input {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #000000;
   font-size: 12px;
   text-decoration: none;    
}

body {
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   color: #000000;
   background-color: #901f1f;
   text-decoration: none;
   scrollbar-face-color: #6b0606;
   scrollbar-highlight-color: #901f1f;
   scrollbar-shadow-color: #901f1f;
   scrollbar-3dlight-color: #6b0606;
   scrollbar-arrow-color: #901f1f;
   scrollbar-darkshadow-color: #6b0606;
   scrollbar-track-color: #901f1f;
   scrollbar-base-color: #6b0606;
   background-image: url('../image/bg_site.gif');
     background-repeat: repeat-y
}

FORM {
   display: inline;
   margin: 0px;
   font-size: 11px;
}

div.top {
   width: 930px;
   height: 60px;
   background-image: url('../image/top_bg.jpg');
     background-repeat: no-repeat
}

div.banner {
   position: absolute;
   visibility: visible;
   left: 310px;
   top: 0px;
   width: 468px;
   height: 60px;
   z-index: 50;
}

div.logo {
   position: absolute;
   visibility: visible;
   left: 60px;
   top: 84px;
   width: 468px;
   height: 60px;
   z-index: 100;
}

div.kv {
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 60px;
   width: 930px;
   height: 180px;
   z-index: 1;
}

div.middle_head {
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 240px;
   width: 930px;
   height: 25px;
   z-index: 10;
}

div.middle {
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 265px;
   width: 930px;
   z-index: 62;
}

div.middle td.left {
   background-color: #6b0606;
   text-align: center;
}

div.middle td.content {
   background-color: #f9f9f9;
   width: 485px;
}

div.middle td.right {
   background-color: #6b0606;
   text-align: center;
}

div.middle td.border {
   background-color: #580b0b;
}

div.left {
   width: 151px;
   overflow: hidden;
}

#left table, #right table {
   margin: auto;
}

div.middle div.content {
   width: 470px;
   padding-left: 15px;
}

div.content a {
   color: #E4413C;
}

div.right {
   position: relative;   
   width: 151px;
   top: -16px;
   padding-left: 1px;
   padding-right: 1px;
   z-index: 11;
}

div.border {
   position: relative;   
   width: 143px;
   top: -16px;
   text-align: center;
   background-image: url('../image/gr_1024.jpg');
     background-repeat: no-repeat;
   height: 550px;
   z-index: 11
}

div.head_menu {
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 240px;
   width: 143px;
   height: 24px;
   z-index: 100;
}

div.hmenu {
   position: absolute;
   visibility: visible;
   left: 160px;
   top: 126px;
   width: 620px;
   height: 35px;
   z-index: 100;
}

.topnav {
   background-image: url('../image/nav_bg_0.gif');
     background-repeat: repeat-x;
   padding-left: 10px;
   padding-right: 10px
}

.topnav a{
   color: #ffffff;
   font-size: 13px;
   font-weight: bold;
}

.topnav_act {
   background-image: url('../image/nav_bg.gif');
     background-repeat: repeat-x;
   padding-left: 10px;
   padding-right: 10px
}

.topnav_act a{
   color: #ffffff;
   font-size: 13px;
   font-weight: bold;
}

.layernav_act {
   background: #e71818;
}
td.topnav div, td.topnav_act div {
    line-height: 35px;
}
div.smenu {
   background-color: #6b0606;
   color: #ffffff;
   text-align: right;
}

div.smenu_00 {
   position: absolute;
   visibility: visible;
   left: 160px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_00_gr {
   position: absolute;
   visibility: visible;
   left: 160px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_01 {
   position: absolute;
   visibility: visible;
   left: 217px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_01_gr {
   position: absolute;
   visibility: visible;
   left: 217px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_02 {
   position: absolute;
   visibility: visible;
   left: 273px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_02_gr {
   position: absolute;
   visibility: visible;
   left: 273px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_03 {
   position: absolute;
   visibility: visible;
   left: 343px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_03_gr {
   position: absolute;
   visibility: visible;
   left: 343px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_04 {
   position: absolute;
   visibility: visible;
   left: 394px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_04_gr {
   position: absolute;
   visibility: visible;
   left: 394px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_05 {
   position: absolute;
   visibility: visible;
   left: 468px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_05_gr {
   position: absolute;
   visibility: visible;
   left: 468px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_06 {
   position: absolute;
   visibility: visible;
   left: 535px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_06_gr {
   position: absolute;
   visibility: visible;
   left: 535px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_07 {
   position: absolute;
   visibility: visible;
   left: 635px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_07_gr {
   position: absolute;
   visibility: visible;
   left: 635px;
   top: 161px;
   z-index: 1000;
   display: none;
}

div.smenu_box {
   padding-top: 1px;
   padding-left: 1px;
   padding-right: 1px;
   padding-bottom: 1px;
   background-color: #ffffff;
}

div.smenu a {
   color: #ffffff;
}

/*div.smenu a:hover {
   background: #e71818;
}*/

div.smenu_link {
   padding-top: 2px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 0px;
}

td.smenu_line, td.smenu_line_arrow {
   padding-top: 3px;
   padding-bottom: 3px;
   border-bottom: 1px solid #adb2c6;
}

td.smenu_line a {
   padding-right: 14px;
}

div.ssmenu td.smenu_line a {
   padding-right: 0px;
}

td.smenu_line_arrow a {
   padding-right: 14px;
   background-image: url('../image/smenu_arrow.gif');
     background-repeat: no-repeat;
   background-position: right center
}

div.topleftlive {
   position: absolute;
   visibility: visible;
   left: 4px;
   top: 3px;
   z-index: 10px;
}

div.topleftlive div.head {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 14px;
   text-decoration: none;
   padding-bottom: 5px;
   font-weight: bold;
}

div.topleftlive div.content {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 12px;
   text-decoration: none;
   font-weight: bold;
}

div.topleftlive a {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #ff0000;
   font-size: 12px;
   text-decoration: none;
   font-weight: bold;
}

div.smenu div.ssmenu {
   position: absolute;
   right: 0px;
   top: 25px;
   display: none;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#e6e6e6; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }

table.reiter, table.reiter2 {
    border-collapse: collapse;
}

td.reiter {
   padding: 0px;
   width: 86px; height: 19px;
}

td.reiter2 {
   padding: 0px;
   width: 71px; height: 19px;
}

div.reiter, div.reiter2 {
   padding-right: 3px;
}

div.reiter a p {
   padding: 0px;
   margin: 0px;
   width: 86px; height: 19px;
   padding-top: 3px;
   cursor: hand;
}

div.reiter2 a p {
   padding: 0px;
   margin: 0px;
   width: 70px; height: 22px;
   line-height: 19px;
   cursor: hand;
}

div.reiter a p, div.reiter a {
   background: url('../image/reiter_n.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center
}

div.reiter2 a p, div.reiter2 a {
   background: url('../image/reiter2_n.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center
}

div.reiter a:hover p, div.reiter a.active p {
   background: url('../image/reiter_o.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   cursor: hand
}

div.reiter2 a:hover p, div.reiter2 a.active p {
   background: url('../image/reiter2_o.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   cursor: hand
}

div.reiter a:hover, div.reiter a.active {
   background: url('../image/reiter_o.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center;
   vertical-align: middle
}

div.reiter2 a:hover, div.reiter2 a.active {
   background: url('../image/reiter_o.gif') no-repeat;
   font-size: 11px;
   color: #ffffff;
   text-align: center;
   vertical-align: middle
}

a.ssml {
   display : block;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 14px;
   border-bottom: 1px solid #adb2c6;
   width: auto;
}
a.ssml:hover {
   background-color: #e71818;
}
a.ssml_arrow {
   display : block;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 14px;
   border-bottom: 1px solid #adb2c6;
   background: url('../image/smenu_arrow.gif') no-repeat right center;
   width: auto
}
a.ssml_arrow:hover {
   background: #e71818 url('../image/smenu_arrow.gif') no-repeat right center;
}
p.ct {
    margin-top: 4px;
}
p.ct a img {
    border : none;
}

.tx-indexedsearch-searchbox p { padding-bottom: 5px; }
.tx-indexedsearch-searchbox td { padding: 0 5px 5px 0; }

.co_normal p.ct { padding: 0; margin: 0; }

#co_sitemap div.reiter2 a p, #co_sitemap div.reiter2 a {
   background: none;
   color: #E4413C;
   text-align: left;
   white-space: nowrap;
   font-size: 12px;
}

#co_sitemap div.reiter2 a:hover p, #co_sitemap div.reiter2 a.active p {
   background: none;
   color: #E4413C;
   text-align: left;
   white-space: nowrap;
   font-size: 12px;
}

#co_sitemap div.reiter2 a:hover, #co_sitemap div.reiter2 a.active {
   background: none;
   color: #E4413C;
   text-align: left;
   font-size: 12px;
}

.reiter2 { float: left; }
#co_sitemap .reiter2 { float: none; }

.co_print {
   text-align: right; padding: 5px 10px 5px 0;
}
Beitrag17.08.2007 um 10:26 (UTC)    
Titel:

Für welches Design ist denn der Code?!
______________
- Sie haben soeben einen echten Qualitätsbeitrag von free-pictures gelesen, © 2007 free-pictures -
Beitrag17.08.2007 um 10:33 (UTC)    
Titel:

ja wie geht das den ich habe die ganze zeit desing red aber hier ist der code von der offiziellen fcn home page nämlich als ich mir die seite gespeichert habe habe ich einen css code gesehn und das ist der also kann man das machen das das geht ?
______________
Meine Seite:
[img:0144e6f4b2]http://img.webme.com/pic/f/fussballnbg/1fcn-fanpage.gif[/img:0144e6f4b2]


Beitrag17.08.2007 um 11:07 (UTC)    
Titel:

Beitrag17.08.2007 um 11:11 (UTC)    
Titel:

Code:
Hm versuch doch mal den codeim CSS-Design einzufügen


Du meinst im Profi Design?

Selbst wenn es funktioniert.
Es wäre Urheberrechtsverlezung oder Copyrightverletzung, wie man das auch immer nennen mag Laughing
______________
- Sie haben soeben einen echten Qualitätsbeitrag von free-pictures gelesen, © 2007 free-pictures -
Beiträge der letzten Zeit anzeigen:   


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