Beiträge von Trexx

Trexx

Also ich habe jetzt einen anderen Style genommen, da passt der header einigermaßen rein, nur jetzt ist er etwas zu klein.

Al Massiva - Massiv & Beirut so sieht das ganze jetzt aus.

Welche sachen muss ich verändern, das nur 900px des Headers angezeigt werden und das der ganze Blog nur 900px breit ist und nicht über 1000??:

-------------------------------------------------------------

Code

/*
Theme Name: Dynamic-Vision
Theme URI: http://benediktrb.de
Description: Dynamic-Vision Theme
Version: 1.0
Author: Marcel Kliemannel / Benedikt Rieke-Benninghaus
Author URI: http://benediktrb.de
*/


/*************************************
 +Containers
 *************************************/
* {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
}


body{
        background:#1D3405;
    color:#000;
    font: 0.75em/120% "Myriad Web Pro", "Tahoma", Verdana, Helvetica, Arial, sans-serif;
    line-height:1.5;
    margin:0;
    padding:0;
    text-align:center;
}


#wrap{
        border-left:1px solid #000;
        border-right:1px solid #000;
        background: #fff;
    margin:0 auto;
    text-align:left;
        width:80%;
}
#inhalt{
        background-color:#fffff;
}
#content{
        background: #fff;
    font-size:1.2em;
    float:left;
    padding:3em;
    width:52%;
}
#contentbox{
        border-top:1px dotted #999;
    width:100%;
    margin:0;
        padding:4px;
}
#kategorien{
    float:left;
    width:250px
}
#archive{
        margin-left:20px;
    float:left;
    width:250px
}
#sidebar{
        background: #fff;
    font-size:1.1em;
        font-weight:bold;
    float:right;
    width:33%;
        padding:3em 0 0 0px;


}
#header{
    margin:0; padding:0;
        background:#fff url(./images/logo_bg.gif) repeat-x top left;
        height:55px;
        line-height: 55px;
}
#headerpicture{
    margin:0; padding:0;
        background:#fff url(./images/header.jpg) repeat-x top left;
        height:324px;
        line-height: 324px;
}
#menu{
        height:50px;
        line-height:50px;
    margin:0 auto; padding:0;
        background:#fff url(./images/menu_bg.gif) repeat-x top left;
        float:right;
        width:100%;
}
#footer{
        clear:both;
        background:#010101 url(./images/footer_bg.gif) repeat-x top left;
    color:#fff;
    font-size:0.9em;
    padding:0.5em;
}
#pagetop{
    background:#fff url(./images/ontop.gif) repeat-x top left;
        height:10px;
}
/*************************************
 +Überschriften
 *************************************/
h1, h2, h3{
    font-weight:normal;
    margin:0;
}
#header h1{
        float:left;
        margin-left: 1.5em;
    height: 55px;
}


.entrytitle h2{
    font-size:1.6em;
}
.entrytitle h2 a
{
    color:#000;
}
.entrytitle h2 a:hover{
    color:#7ABE2D;
}
#sidebar h3{
    color:#000;
    font-size:1.5em;
    margin:2px;
        font-weight:bold;
}
/*************************************
 +Entry
 *************************************/
.entry {
    margin-bottom: 3em;
}
.entry p{
        padding:4px;
}
.entry ul{
    list-style-type:none;
        padding:4px;
}
.entry li{
        border-left:2px solid #121212;
        padding-left:4px;
        margin-top:2px;
        display:block;
}
.entry code{
        padding:4px;
        background:#ccc;
}
.entry h3{
        padding:2px;
        margin:2px;
        font-weight:bold;
        font-size:1.2em;
}
.postinfo {
    font-size: 0.7em;
}
.entrybody {
    margin-top: 12px;
}
.entrymeta {
    margin-top: 12px;
    color: #000;
    font-size: 1em;
}
.author {
    font-weight: bold;
    color: #FF6300;
}
.comments {
        padding-left: 20px;
    background: #fff url(./images/comments.gif) no-repeat;
    font-weight: bold;
}


.postmetadata
{
        background-color: #F0F0F0;
    border: 1px solid #E1E1E1;
    padding: 0.5em;
        color: #000;
     margin-top: 30px;
}


#content blockquote {
    margin:20px;
    padding:1px 10px 1px 70px;
    background: transparent url( images/quote.png ) top left no-repeat;
}


/*************************************
 +Content Boxen
 *************************************/
#archive, #kategorien ul{
    list-style-type:none;
}
#kategorien li, #archive li{
    display: block;
        font-size: 0.9em;
        text-align: left;
    text-decoration: none;
        border-bottom: 1px dotted #000;
}
#kategorien li a, #archive li a, #kategorien li a:visited, #archive li a:visited {
    display: block;
    text-decoration: none;
    padding: 3px 5px 3px 10px;
    height: 17px;
}
#kategorien li a:hover, #archive li a:hover, #kategorien li a:active, #archive li a:active{
        background:#2F2C2C;
        color:#fff;
}


#archive h2, #kategorien h2 {
    font-weight:bold;
    font-size: 1.2em;
}




/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
    list-style-type:none;
    margin:0;padding:0;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
}
#sidebar ul li{
    padding:0px;
}


/*************************************
 +Footer
 *************************************/
#footer_container{
    width:850px;
    margin:15px auto;
}
#lastthreads{
    float:left;
    width:350px
}
#lastthreads ul{
    list-style-type:none;
        padding: 8px;
}
#lastcomments ul{
    list-style-type:none;
        padding: 8px;
}
#lastthreads li {
        font-size: 1.2em;
}
#lastcomments li {
        font-size: 1em;
}
#lastthreads li, #lastcomments li{
    display: block;
        text-align: left;
    text-decoration: none;
        padding-left:30px;
        margin-bottom: 6px;
}
#lastthreads li{
        background:transparent url(./images/green_arrow.gif) 2px center no-repeat;
}
#lastcomments li{
        background:transparent url(./images/orange_arrow.gif) 2px center no-repeat;
}
#lastthreads li a, #lastthreads li a:hover, #lastthreads li a:visited, #lastcomments li a, #lastcomments li a:hover, #lastcomments li a:visited{
    color: #fff;
}
.last_author{
        color: #FF2BD5
}
#lastcomments{
    float:right;
    width:400px
}
#lastthreads h2, #lastcomments h2 {
    font-weight:bold;
    font-size: 1.4em;
}
.copy a, .copy a:visited { 
        color: #FF2BD5
}
.copy, .copy a:link {
    margin-top:25px;
    padding:5px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
    margin:0;
    padding:0;
}


.commentauthor{
    display:block;
    font-size:1.5em;
}
ol.commentlist{
    color:#000;
    font-size:0.9em;
    list-style-type:none;
    margin:0;
    margin-top:1.5em;
    padding:0;
}
.commentlist li{
    padding:0.5em;
}


.alt{
        background-color: #EEEEEE;
    border-top: 1px solid #939393;
    border-bottom: 1px solid #939393;
    padding: 0.8em;
        color: #000;
}


.normal{
    padding: 0.8em;
        color: #000;
}


h3#comments{
    font-size:1.3em;
}


h3#respond{
    font-size:1.3em;
        margin-top: 30px;
}


.countcomment{
    color:#000;
}


.commentmetadata
{
    font-size:0.9em;
}


.gravatar
{
    float:left;
         border: 1px solid #000;
         margin-right: 5px;
         margin-top: 5px;
         width: 36px;
         height: 36px;
}


/*************************************
 +Header List
 *************************************/


#menu ul{
    list-style-type:none;
        float:right
}


#menu li{
    margin-right: 10px;
    display: inline;
}


#menu li a, #menu li a:visited{
    height: 50px;
        width:122px;
        padding-top: 12px;
    color: #fff;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
    text-decoration: none;
        float:left;
    margin-right: 5px;
}


#menu li a:hover{
        background:transparent url(./images/menu_over.gif) no-repeat;
}


#menu li a:active{
        background:transparent url(./images/menu_active.gif) no-repeat;
}




/*************************************
 +Header List
 *************************************/


#header ul{
    list-style-type:none;
        float:right;
        margin:0;
        margin-right:1em;
}


#header li{
        padding:0;
        display:inline;
}


#header li a{
        display:inline;
}


/*************************************
 +Misc
 *************************************/


a{
    color:#737373;
    text-decoration:none;
}
a:hover{
    color:#000;
}


.nodisplay {
        left: -5000px;
        position:absolute;
}
.bold {
        font-size:1em;
        font-weight:bold;
}
.trennen {
        background:#fff url(./images/trennung.gif) no-repeat;
        margin-top: 5px;
        margin-bottom: 5px;
        margin:0 auto;
}




input
{
   border: 1px solid #939393;
   padding: 4px;
   font-size: 1.1em;
}


textarea
{
   border: 1px solid #939393;
   padding: 2px;
   font-size: 1.0em;
}

Alles anzeigen

über eine kleine Gegenleistung, z.B. verlinkung im blog kann man ja reden ;)

Trexx

Guten Tag,

ich habe folgendes Problem.

Bei meinem Blog will ich einen neuen Header einfügen, der größer ist (900px × 324px) als der Standart Header.

Hier ist der Header: http://i37.tinypic.com/14cu3d4.png

Allerdings scheint der Style so zu programiert zu sein, das er nur die größe des Standart Headers anzeigt, siehe hier: Al Massiva - Massiv & Beirut

Kann man das noch ändern oder könnte mir jemand schnell den Style "freshy" umprogramieren?

Hier kann man den Style downloaden: freshy.zip ... at uploaded.to - Free File Hosting, Free Image Hosting, Free Music Hosting, Free Video Hosting, ...

Wäre echt super super net!!!
Danke

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Trexx

Header anpassen

Header anpassen