CSS Stylesheet

wwewrestling · 21 April 2007

Hallo,

ich hab ein Newsboard von Silvernews, und möchte das Design verändern blos das gelingt mir nicht so ganz
Das Newsboard soll genau so aussehn wie das Board blos wie mach ich das?
Hier der CSS Code vom Newsboard:

PHP:

/* Seitenhintergrund, Breite des Newsboards (siehe auch "Hilfe"), Schrift außerhalb von Tabellen */
BODY {font-family: Verdana; color: #ffffff; font-size: 11px; margin: 5px 10% 5px 10%; background-color: #232323;}

/* Links */
a:link, a:visited, a:active, a:focus  {color:#000000; text-decoration: none;}
a:hover {color:#3E4856; text-decoration: underline;}

/* Schrift innerhalb von Tabellen */
TABLE, TR, TD {font-family: Verdana; color: #000000; font-size: 11px;}

/* Sollte nicht verändert werden! */
.intable {border:0px; border-collapse: collapse; width:100%; margin: 0px; padding: 0px;}

/* Tabellenkopf */
.thead {background-color: #ffffff; color: #DF1818; border: #D9D9D9 1px solid; border-bottom: 0; padding: 4px; background-image: url(images/header_bg.gif);}

/* Primäre Tabellenzelle */
.tcell {background-color: #F6F6F6; border: #ffffff 1px solid; padding: 4px; text-align:justify;}

/* Sekundäre Tabellenzelle */
.tcell2 {background-color: #ffffff; border: #D9D9D9 1px solid; padding: 4px;}

/* Navigationsleiste */
.topstrip {background-color: #000000; border: #ffffff 1px solid; padding:3px;}

/* Suchergebnis-Trennung */
.seperation {background-color: #FFF; border: #D9D9D9 1px solid; height: 5px;}

/* Zitatbox */
.quote {background-color: #FFFFFF; border: #D9D9D9 1px dashed; padding: 4px; margin: 0px 50px 0px 50px; text-align:justify;}

/* Fehlermeldung */
.error {color: #FF0000;}

/* Suchworthervorhebung */
.highlight {color: #FFCC00; background-color: #ffffff;}

/* Copyright und Statistik */
.info {font-size: 9px; text-align: center;}

und hier der vom phpbb2 Board:

PHP:

html {
    height: 100%}
    
body {
    height: 100%;
background-image: url(https://wrestling-power.de/ring.jpg);
 background-attachment:fixed;
    text-align: left;
    padding: 0;
    margin: 0}
    
table {
    width: 100%;
    padding: 0}

form, .checkbox, input.radio, .helpline, p {
    margin: 0;
    padding: 0;
    border: 0}

input, select {
    vertical-align: middle;
    }

input.button {
    background: #343434 url('images/buttonsbg.gif') repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #f5f5f5;
    border: 1px solid;
    border-color: #999 #666 #555 #888;
    padding: 1px 0.5em;
    }

* html input.button {
    /*\*//*/
    padding: 1px 0.5em;
    /**/    
    /*\*/padding: 1px 0.5em;/* */
    width/**/: 0;
    overflow/**/: visible;
    }
    
input.button {
    cursor: pointer !important;
    cursor: hand;
    }

input.button:hover, input.button:focus {
    border: 1px solid;
    border-color: #bbb #888 #777 #aaa;
    }


/*
.avatar img {
    background-color: #fff;
    border: 3px solid #fff}
    
html>body .avatar img {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #dbdbdb}
*/


#forum {
    width: 780px;
    height: 100%;
    background-color: #000;
    margin: 0 auto}
    
#bodyline {
    width: 717px;
    padding: 10px 0;
    vertical-align: top;
    text-align: left}



#top_image {
    text-align: center}

#top_image img {
    border: 0;
    width: 717px;
    height: 231px}



#menu {
    height: 18px;
    line-height: 18px;
    padding: 0 3px 1px}
    
#menu #left a {
    padding-right: 10px}
    
#menu #right a {
    padding-left: 10px}

.mainmenu {
    line-height: 18px}




div.spacing {
    height: 10px;
    clear: both}



.postbuttons img {
    border: 0;
    margin-right: 10px}



.pad0-0-4 {
    padding: 0 0 4px}
    
.pad0-0-10 {
    padding: 0 0 10px}

.pad4 {
    padding: 4px}
    
.pad25 {
    padding: 25px}

.pad60 {
    padding: 60px}

div.timezone {
    padding: 0 3px}

div.copyright {
    padding: 5px}

.quote, .code {
    margin: 10px;
    padding: 10px}

.quote .inside_quote, .code .inside_code {
    padding: 10px}

div.hr {
    height: 1px;
    background-color: #444;
    margin: 5px 0}
    
div.hr hr {
    display: none}



input.post, textarea.post, select, input.postfile {
    margin: 0;
    border: 1px solid #666;
    background-color: #131313}

input.post, textarea.post, input.postfile {
    padding: 2px 3px}

input.post {
    height: 19px}

html>body input.post {
    height: 12px}

.helpline {
    background-color: #232323}



.postmini {
    width: 25px}
    
.postsmall {
    width: 90px}
    
.postmedium {
    width: 150px}
    
.postbig {
    width: 225px}
    
.postbiggest {
    width: 450px}



.block {
    display: block}

.clear {
    clear: both}

.left {
    float: left;
    text-align: left}
    
.right {
    float: right;
    text-align: right}
    
.txtcenter {
    text-align: center}

.txtmiddle {
    text-align: center;
    vertical-align: middle}

.txtright {
    text-align: right}

.txttop {
    vertical-align: top}
    
.txtbottom {
    vertical-align: bottom}
    
.txtleft {
    text-align: left}
    

    
td.row1    {
    background-color: #232323}
    
td.row2 {
    background-color: #2b2b2b}
    
td.row3 {
    background-color: #333333}



td, th, input, select, textarea, .message {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #f5f5f5;
    font-size: 10px;
    line-height: 13px;
    }



td a {
    color: #Ca2023;
    text-decoration: underline;
    }    

td a:hover {
    color: #Ca2023;
    text-decoration: none;
    }

tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold}        

tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a {
    color: #Ca2023;
    text-decoration: none;
    }

tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover {
    color: #Ca2023;
    text-decoration: underline;
    }

.code {
    background-color: #333;
    border: 2px solid #434343;
    font-family: Courier, 'Courier New', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #89b0df;
    font-size: 11px;
    line-height: 13px}

.code a {
    color: #0000b4;
    text-decoration: underline}    

.code a:hover {
    color: #0000b4;
    text-decoration: none}

.quote {
    background-color: #333;
    border: 2px solid #434343;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #d5d5d5;
    font-size: 10px;
    line-height: 13px}

.quote a {
    color: #555;
    text-decoration: underline}    

.quote a:hover {
    color: #555;
    text-decoration: none}
    
.edited {
    font-style: italic}




tr.toplines th {
    line-height: 24px;
    height: 24px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 0 10px}

tr.lines_1 th {
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 5px 2px 6px}

tr.lines_3 th {
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 3px 2px}



table.index_body td.one img {
    width: 46px;
    height: 25px}
    
table.index_body td.one {
    padding: 4px;
    text-align: center}
    
table.index_body td.two {
    padding: 4px;
    width: 100%}
    
table.index_body td.three {
    padding: 4px;
    text-align: center;
    white-space: nowrap}

table.index_body_icons td img {
    vertical-align: middle}
    
table.index_body_icons td {
    white-space: nowrap;
    text-align: center}



table.groupcp td.one {
    padding: 4px 7px;
    width: 150px;
    height: 26px}
    
table.groupcp td.two {
    padding: 4px 5px 4px 4px}
    
table.groupcp td.three {
    padding: 4px 7px;
    height: 26px}



table.memberlist td.one {
    padding: 4px 7px;
    height: 26px}



table.modcp td.one img {
    width: 19px;
    height: 18px}
    
table.modcp td.one {
    padding: 4px;
    text-align: center}
    
table.modcp td.two {
    padding: 8px 4px;
    width: 100%}
    
table.modcp td.three {
    padding: 4px;
    text-align: center;
    white-space: nowrap}

table.modcp td.four {
    padding: 4px;
    white-space: nowrap;
    width: 150px}

table.modcp td.five {
    padding: 4px}

table.modcp td.six {
    padding: 4px 7px;
    vertical-align: top;
    font-weight: bold;
    text-align: left;
    width: 150px;
    height: 100px}
    
table.modcp td.seven {
    padding: 4px 7px;
    vertical-align: top;
    text-align: left;
    width: 470px}
    
table.modcp td.eight {
    padding: 4px 7px}

table.modcp td.nine {
    padding: 4px 7px;
    height: 18px;
    line-height: 18px}



table.posting_body td.one {
    padding: 4px 7px;
    width: 150px;
    height: 26px}
    
table.posting_body td.two {
    padding: 4px 5px 4px 4px}
    
table.posting_body td.three {
    padding: 4px 7px;
    vertical-align: top;
    width: 150px}

table.posting_body td.four {
    padding: 4px 5px 4px 4px;
    vertical-align: top}
    
table.posting_body td.four div {
    padding-bottom: 3px}

table.posting_body td.five {
    padding: 4px 7px}

table.posting_body td.six {
    padding: 4px 7px;
    height: 130px}
    
table.posting_body td.seven {
    padding: 4px 5px 4px 4px;
    vertical-align: top}

table.posting_body td.eight {
    padding: 4px 7px;
    vertical-align: top;
    font-weight: bold;
    width: 135px;
    text-align: left}
    
table.posting_body td.nine {
    padding: 4px 7px 10px;
    vertical-align: top;
    text-align: left}



table.privmsgs td.one img {
    width: 19px;
    height: 18px}
    
table.privmsgs td.one {
    padding: 4px;
    text-align: center}
    
table.privmsgs td.two {
    padding: 8px 4px;
    width: 100%}
    
table.privmsgs td.three {
    padding: 4px;
    text-align: center;
    white-space: nowrap}




table.profile td.one {
    padding: 4px 7px;
    width: 50%;
    height: 26px}
    
table.profile td.two {
    padding: 4px 5px 4px 4px}
    
table.profile td.three {
    padding: 4px 7px;
    height: 26px}



table.profile_view_body tr {
    height: 18px;
    text-align: right}



table.viewtopic td.one {
    padding: 4px 7px;
    font-weight: bold}

table.viewtopic td.two {
    padding: 4px 5px 4px 2px;
    height: 20px}
    
table.viewtopic td.three {
    padding: 4px 7px;
    vertical-align: top;
    width: 150px}
    
table.viewtopic td.four {
    padding: 2px 5px 4px;    
    vertical-align: top;
    height: 130px}
    
table.viewtopic td.four table {
    height: 100%;
    width: 560px}
    
table.viewtopic td.five {
    padding: 4px 7px;
    height: 18px;
    line-height: 18px}
    
table.viewtopic td.six {
    padding: 4px 5px}



table.viewforum td.one img {
    width: 19px;
    height: 18px}
    
table.viewforum td.one {
    padding: 4px;
    text-align: center}
    
table.viewforum td.two {
    padding: 4px;
    width: 100%}
    
table.viewforum td.three {
    padding: 4px;
    text-align: center;
    white-space: nowrap}



table.forumicons {
    width: 0}
    
table.forumicons td {
    white-space: nowrap}
    
table.forumicons td img {
    width: 19px;
    height: 18px}



table.search td.one {
    padding: 4px 7px;
    width: 50%;
    vertical-align: top}
    
table.search td.two {
    padding: 4px 5px 4px 4px}

table.search td.two div {
    padding-top: 3px}
    
table.search td.three {
    padding: 4px 7px;
    text-align: right}

table.search td.four {
    padding: 4px;
    width: 150px}

table.search td.five {
    padding: 8px 4px}

table.search td.six {
    padding: 4px;
    vertical-align: top}

table.search td.seven img {
    width: 19px;
    height: 18px}
    
table.search td.seven {
    padding: 4px;
    text-align: center}
    
table.search td.eight {
    padding: 4px}
    
table.search td.nine {
    padding: 4px;
    text-align: center}
    
table.search td.ten {
    padding: 4px;
    text-align: center;
    white-space: nowrap}



table.simple_header {
    background-color: #000;
    height: 100%}
    
table.simple_header td {
    vertical-align: top}



table.viewonline td.one {
    padding: 8px 4px}
    
table.viewonline td.two {
    padding: 8px 4px;
    text-align: center}

    

h2 {
    font-size: 11px;
    line-height: 26px;
    height: 26px;
    font-weight: bold;
    color: #Ca2023;
    margin: 0;
    padding: 0 4px;
    }
    
h3 {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #Ca2023;
    margin: 0;
    }

h2 a, h3 a {
    text-decoration: none;
    color: #Ca2023;
    }
    
h2 a:hover, h3 a:hover, .copyright a:hover {
    color: #Ca2023;
    text-decoration: underline;
    }

.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
    color: #f5f5f5;
    text-decoration: none;
    }

.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
    color: #f5f5f5;
    text-decoration: underline;
    }



.copyright {
    text-align: center;
    letter-spacing: -1px}

background {
<body background="/images/background.jpg" bgcolor="orange">}

Bitte Helft mir!

Derjenige der mir das macht bekommt, einen Werbeplatz (Link) unten im Copyright (1 Jahr lang)

Kann des wirklich keiner?

M4ur1c3 · 22 April 2007

doch..kalr könnte ich das...aber wegen einen werbeplatz auf einer hp mach ich das ja nciht...zudem sind das 500zeile css styles die man soeinfach nciht durchgearbeotet hat...

ich glaub wenn du lose bietest würden einige das machen

wwewrestling · 22 April 2007

Hab leider keine Lose mehr...

feixe · 22 April 2007

Kannst du Links posten von den beiden Seiten..da könnte man nämlich schauen was nich funzt und somit das ganze schon ma eingrenzen.

Greetz

wwewrestling · 22 April 2007

Hier das Newsboard

Hier das Board

feixe · 22 April 2007

Danke...ich werds mir anschaun.

Greetz

loD · 22 April 2007

Die Seite kann nicht angezeigt werden.

Weder Board noch Newsboard(wo du uebrigens das .de im Link vergessen hast) gehen

Gruß loD

wwewrestling · 23 April 2007

loD schrieb:
Weder Board noch Newsboard(wo du uebrigens das .de im Link vergessen hast) gehen

Gruß loD

Jetzt müsste es gehn, das Problem war beim Hoster

feixe · 23 April 2007

also bei mir gings

feixe · 4 Mai 2007

irgendwie is das komisch, der zeigt das nie so an wie ich das will. Naja, ich werd noch bissl rumprobiern.

Greetz

wwewrestling · 4 Mai 2007

O KAy

CSS Stylesheet

wwewrestling

Nervensäge

M4ur1c3

Well-known member

wwewrestling

Nervensäge

feixe

Dude

wwewrestling

Nervensäge

feixe

Dude

loD

auf der Suche...

wwewrestling

Nervensäge

feixe

Dude

feixe

Dude

wwewrestling

Nervensäge