Header anpassen

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

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

MaD

also ich kann mir nicht vorstellen, dass dir den jemand "mal auf die Schnelle" und ohne eine Art Gegenleistung umprogrammiert ...

aber du kannst das auch selber machen ... du musst einfach nur die css durcharbeiten und die Breite des Themes anpassen.

Ein hilfreiches Tool für sowas ist das Addon Firebug für Firefox, damit kannst den Aufbau der Seite besser verstehen und die werden gleichzeitig die entsprechenden Teile der CSS angezeigt ...

versuch es einfach mal selbst und bei konkreten Problemen oder Fragen helfen wir dir natürlich weiter ...

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 ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header anpassen

Jetzt mitmachen!