Theme Rounded V2 Link auf Home bei Click auf Headerpic

Gast 3345

Hi,

ich benutze das Theme Rounded V2 und möchte hinter dem gesamten Header-Pic den Link auf meine Home-Seite setze. Bei der oben verlinkten Seite liegt der Link ja auf dem Text rechts vom Pfeil.

Was ich gern hätte, wäre der Link über dem Header Pic (die Schneeflocken oben).

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

Gast 3345

Hier die nötigen Codes:

Header.php

PHP

<head profile="http://gmpg.org/xfn/11">
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->


    <style type="text/css" media="screen">
        @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>


    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>


<!--[if lt IE 7.]>
<script defer type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/pngfix.js"></script>
<![endif]-->


</head>


<body>
<div id="rap">








<div id="masthead">
        <div id="pagetab">
            <div class="ltab">&nbsp;</div>
            <ul>
            <?php wp_list_pages('title_li='); ?>
            </ul>
            <div class="rtab">&nbsp;</div>
        </div><!-- end PAGETAB -->
        <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                            
                <h2><?php bloginfo('description'); ?></h2>
                


</div><!-- end MASTHEAD -->


<div id="main">


<div id="content">
<!-- end header -->

Alles anzeigen

Gast 3345

CSS

Code

#rap{
     margin: 0 0 0 0;
     padding: 0 0 0 0;
 background: url(img/bgfoot.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
     text-align: left;
}


html>body #rap {
    height: auto;
     width: 100%;
}


#main {
margin: 0 0 0 0;
padding: 0 0 0 0;


}


#menu {
    float: left;
    width: 30%;
}
#nav {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 100%;
    text-align: left;
}
#content {
    float: left;
    width: 68%;
    margin: 0;
    padding: 0;
    text-align: left;
}


#header{
    height: 200px;
    margin: 0;
}


#masthead{
    background: url(img/bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #4F402A;
    height: 250px;
    margin: 0;
    padding: 0;
}
#masthead h1{
    color: #FA77E6;
    margin: 0 0 0 2px;
    padding: 105px 0 0 85px;
    font-size: 16px;
}
#masthead h1 a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
#masthead h2{
    color: White;
    font-size: 12px;
    margin-left: 50px;
    padding-left: 40px;
    padding-top: 0px;
    height: 28px;
    margin-top: 0px;
}
* html #masthead h2{
    margin-left: 45px;
    padding-left: 0;
    float: left;
}
a img {
    border: none;
}




.reset{
    clear: both;
    height: 1px;
}
.reset2{
    clear: both;
    height: 20px;
}


acronym, abbr {
    border-bottom: 1px dotted #B5DCFA;
}




acronym, abbr, span.caps {
    cursor: help;
    font-size: 11px;
    letter-spacing: .07em;
}








blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}


cite {
    font-size: 11px;
    font-weight: bolder;
    font-style: normal;
    background: url(img/said.gif) no-repeat;
    padding-left: 25px;
    height: 18px;
}
cite a{
    text-decoration: none;
    color: White;
    border-bottom: 1px solid #94794F;
}
cite a:hover{
    background: White;
    color: #94794F;
}
h1 {
    margin: 25px 10px 20px 0px;
    padding: 0px;
    text-align: left;
}








h2 {
    font-size: 13px;
    font-weight: normal;
    margin: 15px 20px 0 25px;
    padding-bottom: 2px;
}




h3.fix{
    font-size: 20px;
    font-weight: bolder;
    text-transform: capitalize;
    margin: 5px 0 0 20px;
    color: #74C0FA;
}
h3 a {
    font-size: 20px;
    font-weight: bolder;
    margin: 0 0 0 20px;
    padding: 0;
    color: #97C000;
    text-transform: capitalize;
}
.date{
    font-size: 10px;
    font-weight: normal;
    color: #74C0FA;
}








h1 a:hover, h2 a:hover, h3 a:hover {
            color: #74C0FA;
}


.meta {
    font-size: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #C2C2C2;
}


.meta li, ul.post-meta li {
    display: inline;
}


.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}


.meta a {
    color: #97C000;
    font-weight: normal;
    letter-spacing: 0;
}
.meta a:hover{
    color: #74C0FA;
}




#getit{
    margin-left: 10px;
    margin-top: -30px;
}


h3#respond{
    background: url(img/bobble.gif) no-repeat;
    height: 80px;
    padding: 42px 0 0 48px;
    margin: 0 0 0 0;
    color: #97C000;
    font-size: 16px;
}
h3#comments{
    background: url(img/cornerarrow.gif) no-repeat;
    height: 80px;
    padding: 31px 0 0 153px;
    margin: -5px 0 0 0;
    color: #fff;
    font-size: 14px;
}
span.commentmetadata{
    font-size: 10px;
    color: White;
}
span.commentmetadata a{
    text-decoration: none;
    color: #94794F;
}




p, li, .feedback {
    font-size: 12px;
}
#commentlist{
    margin-bottom: 60px;
    margin-left: 0;
    padding: 0;
    color: White;
}


.norm{
    background: url(img/cobody-r.gif) no-repeat bottom right;
    font-size: 100%;
    width: 100%;
    margin: 0 0 0 0;
}
.alt{
background: url(img/acobody-r.gif) no-repeat bottom right;
    font-size: 100%;
    width: 100%;
    margin: 0 0 0 0;
}
.co-content{
    margin-left: 20px;
    margin-bottom: 5px;
}
.norm .licomtop{
    background: url(img/cohead-r.gif) no-repeat top right;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
}
.norm .cheadfill{
    background: url(img/cohead-l.gif) no-repeat top left;
            margin: 0 0 0 0;
            padding: 10px 30px 5px 0;
            color: white; 
            font-weight: bold; 
            font-size: 1.2em; 
            line-height: 1em;
}
.norm .licombody{
background: url(img/cobody-l.gif) no-repeat bottom left;
            margin: 0 0 0 0;
            padding: 5px 30px 31px 20px;
}










.alt .licomtop{
    background: url(img/acohead-r.gif) no-repeat top right;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
}
.alt .cheadfill{
    background: url(img/acohead-l.gif) no-repeat top left;
            margin: 0 0 0 0;
            padding: 10px 30px 5px 0;
            color: white; 
            font-weight: bold; 
            font-size: 1.2em; 
            line-height: 1em;
}
.alt .licombody{
background: url(img/acobody-l.gif) no-repeat bottom left;
            margin: 0 0 0 0;
            padding: 5px 30px 31px 20px;
}












.licombody p{
    margin: 0;
    padding: 0;
}






ul.post-meta {
    list-style: none;
}








ul.post-meta span.post-meta-key {
    font-weight: bold;
}




.feedback {
    color: #ccc;
    text-align: left;
    font-size: 11px;
    float: right;
    margin: -20px 20px 0 0;
    padding: 0 0 0 0;
}


.feedback a{
    color: #97C000;
    text-decoration: none;
    font-size: 11px;
    cursor: pointer;
}
.commentlist li ul {
    border-left: 3px solid #eee;
    font-size: 12px;
    list-style-type: none;
}
.commentlist a{
    color: #675437;
    text-decoration: none;
    background: #F2EBE1;
}




.commentlist a:hover{
    background: #4F402A;
    color: White;
}


span.nocomment{
    background: url(img/nocomment.gif) no-repeat 0 5px;
    color: #609706;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 10px 2px 0 1px;
    height: 30px;
    width: 28px;
    font-size: 11px;
    text-align: center;
    display: block;
    float: left;
}
span.acomment{
    background: url(img/comment.gif) no-repeat 0 5px;
    color: #fff;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 10px 2px 0 1px;
    height: 30px;
    width: 28px;
    font-size: 11px;
    text-align: center;
    display: block;
    float: left;
}
span.arecomments{
    background: url(img/comments.gif) no-repeat 0 5px;
    color: #fff;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 10px 2px 0 1px;
    height: 30px;
    width: 28px;
    font-size: 11px;
    text-align: center;
    display: block;
    float: left;
}
span.nextcomments{
    color: White;
    font-size: 11px;
    padding: 15px 0 0 0;
    margin: 0 0 0 0;
    padding: 10px 10px 0 0px;
    height: 30px;
    display: block;
    float: left;
}
span.noflavor{
    color: #C5FA6B;
    font-weight: bolder;
}
span.oneflavor{
    color: #F99454;
    font-weight: bolder;
}
span.areflavor{
    color: #F94FDF;
    font-weight: bolder;
}






.comments-post {
    margin-top: 5px;
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 35px;
    color: White;
}

Alles anzeigen

Gast 3345

Kann mir denn niemand weiterhelfen?

Wäre sehr dankbar.

MaD

das einzige, was ich dir anbieten könnte, wäre das ganze Bild hier zu verlinken ... die Anleitung dazu findest du in der in der FAQ ... hier

Gast 3345

Das Bild wird doch aber in der Style.css-Datei geladen

Code

#masthead{
    background: url(img/bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #4F402A;
    height: 210px;
    margin: 0;
    padding: 0;
}

Wo muss ich es denn da reinschreiben?

In der Header-Datei steht dazu folgendes:

PHP

<div id="masthead" onclick=“location.href=’http://localhost/wordpress’;” style=“cursor: pointer;”>
     <div id="pagetab">
            <div class="ltab">&nbsp;</div>
            <ul>
            <?php wp_list_pages('title_li='); ?>
            </ul>
            <div class="rtab">&nbsp;</div>
        </div><!-- end PAGETAB -->
        <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                            
                <h2><?php bloginfo('description'); ?></h2>
                


</div><!-- end MASTHEAD -->

Alles anzeigen

MaD

in der CSS mußte nichts eintragen ... und so wie du es jetzt hast funktioniert es nicht?

Gast 3345

Nein, es passiert nichts wenn ich auf den Header clicke.

Im Originalen war es ja so, dass der Blog-Titel und drunter die Beschreibung stand. Und das ganze halt vor dem Header-Pic.

Nun habe ich sowohl Blog-Titel als auch Description herausgenommen und einen neues Hintergrundbild unter gleichem Namen eingebaut.

Aber wie und wo setze ich den Link, dass, wenn ich auf das Hintergrundbild im Header clicke, man auf die Startseite zurückkommt?

Max.

Geiles Design.

Könntest du mir ein Design machen?

Gast 3345

Hä???

War das jetzt an mich gerichtet? :confused:

peti

Hast du gesucht, Ben?

http://forum.wordpress-deutschland.org/showthread.php?t=6719

Gast 3345

Ja habe ich, aber bei mir steht in der header-datei nur das:
[FONT=monospace]
[/FONT]

Code

<div id="masthead" onclick=“location.href=’http://localhost/wordpress’;” style=“cursor: pointer;”>

Damit sollte es doch eigentlich funktionieren.

Tut es aber nicht.

peti

Bei einem Header sollte es aber auf jeden Fall funktionieren.

Max.

ja Ben war an dich :D

MaD

kannst du bitte mal den Quellcode etwas weiträumiger posten ...

Max ... kannst du sowas bitte per PN klären ... sonst gerät der Beitrag hier durcheinander ... danke ...

Gast 3345

Ich habe doch am Anfang des Beitrages sowohl die Header-Datei, als auch das Stylesheet gepostet. Was braucht ihr mehr?

MaD

Zitat von Ben-Inside

Ich habe doch am Anfang des Beitrages sowohl die Header-Datei, als auch das Stylesheet gepostet. Was braucht ihr mehr?

so wie du es geändert hast und es nicht funktioniert ....damit man da den Fehler bzw. das Problem finden kann ...

Gast 3345

Hier all meine Änderungen zum Original, die ich bis jetzt ausfindig gemacht habe. Wie gesagt, ich habe einfach das Hintergrundbild des Headers bg.jpg durch ein anderes (gleicher name) ersetzt.

Style.css

Original:

Code

#footer {
              background: url(img/fbbody-r.gif) no-repeat bottom right;
              width: 97%;
              color: #4F402A;
              margin: 0 0 [B]135px[/B] 7px;
              text-transform: capitalize;
              clear: both;
              padding: 0 0 0 0;
  }
  
 #masthead{
              background: url(img/bg.jpg);
              background-position: top left;
              background-repeat: no-repeat;
              background-color: #4F402A;
              height: [B]250px[/B];
              margin: 0;
              padding: 0;
  }

Alles anzeigen

Änderung:

Code

#footer {
              background: url(img/fbbody-r.gif) no-repeat bottom right;
              width: 97%;
              color: #4F402A;
              margin: 0 0 [B]10px[/B] 7px;
              text-transform: capitalize;
              clear: both;
              padding: 0 0 0 0;
  }
  
 #masthead{
              background: url(img/bg.jpg);
              background-position: top left;
              background-repeat: no-repeat;
              background-color: #4F402A;
              height: [B]210px[/B];
              margin: 0;
              padding: 0;
  }

Alles anzeigen

Gast 3345

Wie gesagt, im Original ist auch kein Link beim Headerbild direkt eingerichtet sondern beim Schriftzug (Blog-Url). Ich möchte den Link aber, wenn jemand auf das Header-Pic clickt, da ich dort mein Logo eingearbeitet habe.

Ansonsten müsste ich das Bild extra über dem Header erscheinen lassen - also davor.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme Rounded V2 Link auf Home bei Click auf Headerpic

Jetzt mitmachen!