Beiträge von Dominik_

  • Unterseite anderes Layout

    Wie kann man in Wordpress eine neue Seite anlegen, die sich komplett von den anderen Unterseiten unterscheidet?

    Und zwar geht es darum in der Navigation 1 Seite mit Target="_blank" zu öffnen, die eben komplett weiß ist und darin nur ein Kontaktformular oder eine Preisliste integriert wird.

  • Spam ohne Kommentarfeld?

    Habe gerade auf einer meiner Webseiten ein Spamkommentar erhalten, dass auf Freischaltung wartet, allerdings ist dort nirgends eine Kommentarmöglichkeit, da ich das <php comments> oder wie auch immer man das schreibt aus der page.php gelöscht habe.

    Wie kann sowas möglich sein?

  • Widget auf jeder Seite anders platziert

    }

    #content h2 a {
    color: #eeeeee;
    text-decoration: underline;
    }

    #content h2 a:hover {
    color: #eeeeee;
    text-decoration: underline;
    }

    #content h2.pagetitle {
    border-bottom: none;
    background: #ffffff url(images/bg_corner_topright.png) top right no-repeat;
    font-family:"trebuchet ms",arial,sans-serif;
    color: #eeeeee;
    margin: 0 15px 20px 15px;
    padding: 3px 5px;
    font-size: 1em;
    }

    #content .entry h1 {
    font-size: 2em;
    color: #211d1a;
    }

    #content .entry h2 {
    font-size: 1.8em;
    color: #ffffff;
    border-bottom: none;
    }

    #content .entry h3 {
    font-size: 1.5em;
    color: #ffffff;
    }

    #content .entry h4 {
    font-size: 1.1em;
    color: #ffffff;
    }

    #content a {
    text-decoration: underline;
    }

    #content a:hover {
    text-decoration: underline;
    }

    #content p {
    font-size: 1.1em;
    }

    #content p.prefix {
    margin: 0;
    padding: 0;
    font-size: 1em;
    }

    #content p.suffix {
    font-size: 0.9em;
    background: #000000 url(images/bg_corner_topright.png) top right no-repeat;
    color: #ffffff;
    padding: 5px;
    font-weight: normal;
    line-height: 16px;
    clear: both;
    }

    #content p.suffix a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content p.suffix a:hover {
    color: #ffffff;
    text-decoration: underline;
    }

    #content p.edit {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    }

    #content ul, #content ol {
    padding: 6px 0 6px 30px;
    margin: 0 0 0 30px;
    }

    #content li {
    font-size: 1.05em;
    padding: 2px 0 2px 0;
    }

    #content ul li {
    list-style: square url(images/bg_bullet_full_2.png);
    }

    .navigation, .bottomnavigation {
    height: 15px;
    }

    .navigation .alignleft, .bottomnavigation .alignleft {
    float: left
    }

    .navigation .alignright, .bottomnavigation .alignright {
    float: right;
    }

    .entry {
    overflow: hidden;
    }

    .entry a {
    overflow: hidden;
    }

    .entry img {
    overflow: hidden;
    }

    /* Monsterous hack to get IE6 to cut off an image bigger than the post area */

    * html .entry p {
    width: 99%;
    overflow: hidden;
    }


    /* Sidebars */

    /* Colour of right sidbar menu header */
    #right-sidebar h2 {
    background-color: none;
    }

    /* Colour of right sidebar menu body */
    #right-sidebar ul ul, #right-sidebar li, #right-sidebar li li, #right-sidebar li li li {
    background-color: none;
    }

    /* Colour of left sidebar menu header */
    #sidebar h2.pages, #sidebar li h2 {
    background-color: #ffffff;
    }

    /* Left sidebar */

    #sidebar {
    width: 400px;
    padding: 0;
    margin: -540px 0 0 450px;
    }

    #sidebar ul {
    margin: 0;
    padding: 0;
    }

    #sidebar li {
    list-style: none;
    }

    #sidebar h2.pages {
    color: #353535;
    background-image: url(images/bg_corner_topright.png);
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 20px;
    }

    #sidebar li h2 {
    background-image: none;
    color: #353535;
    font-size: 1.5em;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 20px;
    }

    #sidebar a {
    font-size: 1em;
    color: #353535;
    font-weight: bold;
    }


    #sidebar li li {
    padding: 0;
    margin: 0 0 0 20px;
    }

    #sidebar li li a {
    background: url(images/bg_bullet_full_1.png) left no-repeat;
    padding-left: 10px;
    line-height: 20px;
    }

    #sidebar li li a:hover {
    background: url(images/bg_bullet_full_2.png) no-repeat left;
    color: #ee548d;
    text-decoration: none;
    }

    #sidebar li li li {
    padding: 0;
    margin: 0 0 0 10px;
    }

    #sidebar li li li a {
    background: url(images/bg_bullet_half_1.png) left no-repeat;
    padding-left: 10px;
    line-height: 20px;
    }

    #sidebar li li li a:hover {
    background: url(images/bg_bullet_half_2.png) left no-repeat;
    color: #ee548d;
    text-decoration: none;
    }

    #sidebar li.recentcomments {
    padding: 2px 0 2px 0;
    margin: 0 10px 0 10px;
    font-size: 1em;
    border-bottom: 1px solid #000000;
    }

    #sidebar li.recentcomments a {
    font-size: 1em;
    background-image: none;
    }

    #sidebar li#recentposts ul li.recentposts a {
    padding: 0;
    margin: 0;
    background-image: none;
    font-size: 0.95em;
    }

    #sidebar li#recentposts ul li.recentposts {
    border-bottom: 1px solid #000000;
    margin: 0 10px 0 10px;
    padding: 2px 0 2px 0;
    }

    #sidebar div.textwidget {
    padding: 2px 10px 2px 10px;
    margin: 0;
    }

    #sidebar div.textwidget p {
    font-size: 1.3em;
    padding: 0;
    margin: 0;
    }

    #sidebar div#calendar_wrap {
    text-align: center;
    margin: 0;
    padding: 0 0 0 15px;
    }

    #sidebar #wp-calendar {
    text-align: center;
    }

    #sidebar #wp-calendar a {
    text-decoration: underline;
    }

    #sidebar td {
    font-size: 0.9em;
    border: 1px solid #ffffff;
    padding: 3px;
    background-color: #ffffff;
    }

    #sidebar td.pad {
    border: none;
    background: ffffff;
    }

    #sidebar td#prev, #sidebar td#next {
    border: none;
    background: ffffff;
    }

    #sidebar #today {
    background-color: #ffffff;
    }

    /* Right sidebar */

    #right-sidebar {
    float: left;
    width: 400px;
    height: 350px;
    margin: -882px 0 0 478px;
    padding: 0;
    }

    #right-sidebar ul {
    list-style: none;
    width: 400px;
    height: 350px;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: hidden;
    }

    #right-sidebar ul ul {
    margin: 0;
    padding: 0;
    }

    #right-sidebar span {
    background: url(images/bg_corner_topleft.png) top left no-repeat;
    padding: 5px 5px 5px 10px;
    }

    #right-sidebar h2 {
    background-image: url(images/bg_corner_topright.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 5px 0 5px 0;
    margin: 0 0 7px 0;
    font-size: 1.5em;
    color: #353535;
    }

    /* Change spacing below right hand menus */
    #right-sidebar li {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    }

    #right-sidebar li li {
    background-image: none;
    margin: 0;
    padding: 0 0 0 10px;
    border-bottom: none;
    }

    #right-sidebar li li li {
    margin: 0;
    padding: 0 10px 0 10px;
    border-bottom: none;

    }

    #right-sidebar a {
    line-height: 16px;
    text-decoration: none;
    }

    #right-sidebar li li a {
    background: url(images/bg_bullet_full_2.png) left no-repeat;
    padding-left: 12px;
    }

    #right-sidebar li li li a {
    background: url(images/bg_bullet_half_2.png) left no-repeat;
    padding-left: 12px;
    }

    #right-sidebar a:hover {
    text-decoration: none;
    color: #ee548d;
    }

    #right-sidebar li.recentcomments {
    padding: 2px 10px 5px 0;
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #000000;
    }

    #right-sidebar li.recentcomments a {
    background-image: none;
    }

    #right-sidebar li.recentposts {
    padding: 2px 0 5px 0;
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #000000;
    }

    #right-sidebar li.recentposts a {
    margin: 0;
    padding: 0;
    background-image: none;
    }

    #right-sidebar div.textwidget {
    padding: 2px 10px 2px 10px;
    }

    #right-sidebar div.textwidget p {
    font-size: 1.3em;
    padding: 0;
    margin: 0;
    }

    #right-sidebar div#calendar_wrap {
    text-align: center;
    margin: 0;
    padding: 5px 5px 0 7px;
    }

    #right-sidebar #wp-calendar {
    text-align: center;
    }

    #right-sidebar #wp-calendar a {
    text-decoration: underline;
    }

    #right-sidebar td {
    font-size: 0.9em;
    border: 1px solid #000000;
    padding: 3px;
    background-color: #ffffff;
    }

    #right-sidebar td.pad {
    border: none;
    background: transparent;
    }

    #right-sidebar td#prev, td#next {
    border: none;
    background: transparent;
    }

    #right-sidebar #today {
    background-color: #ffffff;
    }

    /* Footer */

    #footer {
    clear: both;
    background: url(images/bg_foot.png) no-repeat top left;
    height: 90px;
    text-align: center;
    }

    #footer p {
    padding: 40px 0 0 0;
    color: #e8dfbf;
    font-size: 0.9em;
    }

    #footer a {
    text-decoration: underline;
    color: #e8dfbf;
    }

    #footer a:hover {
    text-decoration: underline;
    color: #f7eecc;
    }

    /* Comment form */

    h3#respond, h3#comments {
    font-size: 1.2em;
    margin; 0;
    padding: 0;
    }

    #commentwrap {
    background-color: #000000;
    border: 1px solid #000000;
    padding: 0 10px 10px 10px;
    margin: 0 15px 10px 15px;
    }

    #commentform {
    margin: 0;
    padding: 10px;
    border: 1px solid #bdb493;
    }

    #author {
    border: 1px solid #bdb493;
    height: 17px;
    width: 190px;
    }

    #email {
    border: 1px solid #bdb493;
    height: 17px;
    width: 190px;
    }

    #url {
    border: 1px solid #bdb493;
    height: 17px;
    width: 190px;
    }

    #comment {
    width: 405px;
    border: 1px solid #ffffff;
    }

    #submit {
    background-color: #000000;
    border: 1px solid #bdb493;
    color: #bdb493;
    padding:0;
    font-size: 1em;
    height: 30px;
    width: 405px;
    text-align: center;
    cursor: pointer;
    }

    #submit:hover {
    background-color: #000000;
    color: #bdb493;
    border: 1px solid #bdb493;
    }

    /* Comments display */

    #content ol.commentlist {
    padding: 0 0px 0 0px;
    margin: 0 15px 10px 30px;
    }

    #content ol.commentlist li {
    background: #000000 url(images/bg_corner_topright.png) no-repeat top right;
    margin: 5px 0 5px 0;
    padding: 10px;
    }

    #content ol.commentlist li.alt {
    background: #000000 url(images/bg_corner_topright.png) top right no-repeat;
    }

    /* Images */

    img.left {
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    }

    img.right {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
    }

    .entry img.wp-smiley {
    border: none;
    margin: 0;
    padding: 0;
    }

    .entry img {
    margin: 0;
    padding: 0;
    border: 0;
    }

    .entry a img {
    border: none;
    }

    .entry a:hover img {
    border: none;
    }

    /* Various styles */

    .strong {
    font-weight: bold;
    font-size: 1.1em;
    }

  • Widget auf jeder Seite anders platziert

    Mein Textwidget (Sidebar) in dem ich die Adsensewerbung integriert habe ist auf jeder Unterseite anders platziert. Durch das Ausschneiden der Screenshots sieht es so aus als würden die restlichen Elemente auch hin und her springen, ist aber nicht so. Nur das Widget springt hoch und runter.

    http://www.pictureupload.de/originals/pict…611230832_1.PNG

    http://www.pictureupload.de/originals/pict…611230904_2.PNG

    http://www.pictureupload.de/originals/pict…611230934_3.PNG

    Nachfolgen der Code vom Theme Multiflex 3

    /*
    Theme Name: WP-Multiflex-3
    Theme URI: webgazette.co.uk/web-design/wordpress-themes/wp-multiflex-3/
    Description: Theme based on Multiflex-3, designed by 1-2-3-4.info/">Wolfgang</a>
    Version: 1.3
    Author:
    Author URI: webgazette.co.uk
    */

    /* Various elements */

    body {
    background-color: #ffffff;
    margin: 10px 0;
    font: 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #211d1a;
    }

    div {
    margin: 0;
    padding: 0;
    }

    p {
    font-size: 2em;
    }

    a {color: #211d1a;}

    a:visited {color: #211d1a;}

    a:hover {color: #211d1a;}


    code {
    font-size: 1.1em;
    display: block;
    font-family: "Courier New", Courier, monospace;
    background-color: #ffffff;
    padding: 5px;
    margin: 10px;
    border: 1px solid #ffffff;
    }

    blockquote {
    background: url(images/quote.gif) left no-repeat;
    margin: 0;
    padding: 0 40px 0 40px;
    text-align: justify;
    font-size: 0.9em;
    }

    /* Main wrapper */

    #wrap {
    background: url(images/bg_main_withnav.png) repeat-y top left;
    width: 900px;
    margin: 0 auto;
    }

    /* Masthead --- top of header */

    #masthead {
    background: url(images/bg_head_top.jpg) no-repeat top left;
    height: 524px;
    margin: 0;
    padding: 0;
    font-family:"trebuchet ms",arial,sans-serif;
    }

    /* Site name, description and logo */

    #masthead div.left-masthead {
    float: left;
    width: 820px;
    height: 81px;
    }

    #masthead a.site-logo {
    float: left;
    background: url(images/bg_head_top_logo.png);
    height: 40px;
    width: 60px;
    margin: 22px 5px 20px 20px;
    }

    #masthead h1 {
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 1em;
    font-weight: bold;
    }

    #masthead h1 a {
    color: #ffffff;
    text-decoration: none;
    }

    #masthead h1 a:hover {
    color: #ffffff;
    }

    #masthead p.description {
    margin: -5px 0 0 0;
    padding: 20px 0 0 0;
    font-weight: bold;
    color: #ffffff;
    }

    /* Left hand side of masthead */

    #masthead div.right-masthead {
    float: right;
    margin: 0;
    padding: 0;
    }

    #masthead div.right-masthead a.rss-logo {
    background: url(images/rss.png);
    height: 64px;
    width: 64px;
    margin: 9px 9px 0 0;
    display: block;
    }

    #masthead div.right-masthead a.rss-logo:hover {
    background: url(images/rss-hover.png);
    }

    /* Middle header image and text */

    #header {
    background: url(images/bg_head_middle.png) no-repeat top left;
    height: 1px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    }

    #header #textbox {
    float: right;
    width: 900px;
    text-align: right;
    font-weight: bold;
    }

    #textbox .banner {
    float: none;
    margin: 0 5px 0 0;
    padding: 0;
    }

    #textbox .banner img {
    width: 891px;
    height: 150px;
    border: 0;
    }

    #header a {
    color: #ffffff;
    text-decoration: none;
    }

    #header a:hover {
    color: #000000;
    }

    #header h2 {
    font-family:"trebuchet ms",arial,sans-serif;
    padding: 0 20px 5px 10px;
    margin: 0;
    font-size: 1em;
    }

    #header p {
    font-family:"trebuchet ms",arial,sans-serif;
    margin: 0;
    padding: 0 20px 5px 20px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 18px;
    }

    /* Horizontal navigation menu */

    #navigation {
    clear: both;
    background: url(images/bg_head_bottom_nav.png) no-repeat top left;
    height: 6px;
    }

    #navigation ul {
    margin: 0 0 0 31px;
    padding: 0;
    }

    #navigation li {
    margin: 0px;
    height: 30px;
    float: left;
    list-style: none;

    }

    #navigation li a {
    font-family:"trebuchet ms",arial,sans-serif;
    display: block;
    padding: 5px 0px 11px 35px;
    color: #e8dfbf;
    font-size: 1.15em;
    text-decoration: none;
    }

    #navigation li a:hover {
    color: #f7eecc;
    }

    /* Breadcrumbs and search bar */

    #crumb-search {
    background: url(images/bg_head_breadcrumbs.png) top left repeat-y;
    height: 40px;
    margin: 0;
    padding: 0;
    }

    /* Breadcrumbs */

    #breadcrumb {
    float: left;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
    width:700px;
    }

    #breadcrumb a {
    background: url(images/bg_bullet_arrow.gif) left no-repeat;
    padding: 0 2px 0 10px;
    text-decoration: underline;
    color: #ffffff;
    }

    #breadcrumb a:hover {
    color: #ffffff;
    text-decoration: none;
    }

    /* Search form */

    #searchbar {
    float: right;
    margin: 0;
    padding: 0;
    }

    #searchbar fieldset {
    border: none;
    margin: 0;
    padding: 0;
    }

    #searchform {
    padding: 10px 15px 0 0;
    color: #ffffff;
    }

    #searchbox {
    border: 2px solid #bdb493;
    height: 17px;
    width: 121px;
    background-color: #000000;
    color: #433f34;
    }

    #searchbutton {
    background-color: #000000;
    border: 1px solid #000000;
    color: #bdb493;
    padding:0;
    font-size: 1em;
    height: 20px;
    width: 47px;
    text-align: center;
    cursor: pointer;
    }

    #searchbutton:hover {
    background-color: #000000;
    color: #cfc5a1;
    border: 1px solid #000000;
    }

    /* Container wrappers */

    #container {
    clear: both;
    margin: 0;
    padding: 0;
    }

    #left-wrap {
    width: 850px;
    float: left;
    margin: 0;
    padding: 0;
    }

    /* Main content area */

    #content {
    float: right;
    width: 820px;
    margin: -35px 0 48px 0;
    padding: 0;
    }

    #content .post, #content .page {
    margin: 0;
    padding: 0 15px 10px 15px;
    }

    #content h2 {
    font-size: 1em;
    font-family:"trebuchet ms",arial,sans-serif;
    margin: 0;
    padding: 0;
    border-bottom: #ede4ca;
    color: #eeeeee;

  • Hintergrund Bild einfpgen

  • Hintergrund Bild einfpgen

    Ich will bei der Vorlage ein Hintergrundbild rechts oben einfügen, aber ich bekomm es nicht hin.

    http://themes.wordpress-deutschland.org/demoblog/index…=wp-multiflex-3

    Im folgenden CSS-Code muss man doch im rot markierten Bereich einfach background-Image: url(xyz....) no-repeat top right; eingeben. Habs versucht, aber dann passiert gar nichts...


    CSS Code


  • Wort zu Wort Abstand - Navigation

    Kann mir jemand erklären wie man einen sauberen Abstand von Wort zu Wort bei der Navigation einstellt?

    Bisher hab ich das immer mit &nbsp;&nbsp;&nbsp;&nbsp; gemacht, aber das ist auch nur eine Amateurlösung.

    http://www.pictureupload.de/originals/pict…130735_1111.PNG


    Der CSS-Code von der Navigation heißt:

    /* Right sidebar */

    #right-sidebar {
    float: left;
    width: 600px;
    height: 2px;
    margin: -78px 0 0 -720px;
    padding: 0;
    }

    #right-sidebar ul {
    list-style: none;
    width: 700px;
    height: 10px;
    margin: 0 0 5px 0;
    padding: 0 0 2px 0;
    overflow: hidden;
    }

    #right-sidebar ul ul {
    margin: 0;
    padding: 0;
    }

    #right-sidebar span {
    background: url(images/corner_top.png) top left no-repeat;
    padding: 0;
    }

    #right-sidebar h2 {
    background-image: url(images/topright.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 4px;
    margin: 0;
    font-size: 1.9em;
    color: #000;
    }

  • Bilderrand in Firefox und IE

    Teil 2

  • Bilderrand in Firefox und IE

    Ich habe über die site.php einen Banner eingefügt.

    Im Safari sehe ich keinen schwarzen Rahmen darum und so soll es auch sein, im Firefox und IE dagegen ist ein unschöner schwarzer Rahmen zu sehen.

    Safari-Ansicht: http://www.pictureupload.de/originals/pict…524_fafafaf.PNG

    Firefox und IE Ansicht:

    http://www.pictureupload.de/originals/pict…738_fafafaf.PNG

    Der Farbcode davon lautet: #353535

    Wie kann ich den auch in Firefox und IE ausblenden?

    Die Farbe des Rahmens scheint wohl von dem Css-Teil hier abhängig zu sein, aber den kann ich nicht ändern weil die Schriftfabre und die Textlinks auf der Seite ja so bleiben soll.

    a {color: #353535;}

    a:visited {color: #353535;}

    a:hover {color: #353535;}


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

    Hier wäre die css-Datei

    Teil 1