Suche Wordpress Design

Dieses Thema im Forum "Webdesign" wurde erstellt von sentino, 25. Dezember 2009 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 25. Dezember 2009
    Und zwar suche ich solch ein Desing, das so aufgebaut ist:
    {bild-down: http://christian-a90.de/image/thumbs/wordpress.jpg}


    Ich hab bis jetzt noch nicht so ein Design gefunden )= Es muss nur der Aufbau sein ;) Den rest pass ich selber an.

    Die Boxen müssen ja nicht sein, aber wer nett :)
     

  2. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  3. #2 25. Dezember 2009
    AW: Suche Wordpress Design

    wo genau soll die navi sein? unter dem header oder links?
     
  4. #3 29. Dezember 2009
    AW: Suche Wordpress Design

    Mach doch einfach selber eins. Guck mal hier: http://csseasy.com/

    Du kannst dir direkt den Code kopieren und entsprechend anpassen. Wenn du die Designs Nr. 2 und 4 kombiniert müsstest du ganz gut hinkommen.
     
  5. #4 4. Januar 2010
  6. #5 4. Januar 2010
    AW: Suche Wordpress Design

    am einfachsten ist es wenn du es nicht selber machen willst das du dir ein script runterlädst!

    ist simple und funktioniert!

    du kann die scrips auch modifizieren wenn dir das besser gefällt!

    kannst ja mal bei ilch (einfach googlen) oder webspell.org mal reinschauen findest bestimmt was!
     
  7. #6 4. Januar 2010
    AW: Suche Wordpress Design

    Erklär mir des mal? Kappier ich jetzt nicht? Welches Skript?
     
  8. #7 5. Januar 2010
    AW: Suche Wordpress Design

    Probiere mal folgendes Design aus, habe leider nurnoch den Code nicht mehr wo ich den her habe, musst vielleicht ein paar Sachen verändern ;).

    Code:
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
     <head>
     <b:include data='blog' name='all-head-content'/>
     <title><data:blog.pageTitle/></title>
     <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: 
    Designer: pYzam Team
    URL: www.pyzam.com
    ----------------------------------------------- */
    
    /* Variable definitions
     ====================
     <Variable name="bgcolor" description="Page Background Color"
     type="color" default="#000000" value="#000000">
     <Variable name="textcolor" description="Text Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="linkcolor" description="Link Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="pagetitlecolor" description="Blog Title Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="descriptioncolor" description="Blog Description Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="titlecolor" description="Post Title Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="bordercolor" description="Border Color"
     type="color" default="#333333" value="#333333">
     <Variable name="sidebarcolor" description="Sidebar Title Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="sidebartextcolor" description="Sidebar Text Color"
     type="color" default="#cce0f8" value="#cce0f8">
     <Variable name="visitedlinkcolor" description="Visited Link Color"
     type="color" default="#ffffff" value="#ffffff">
     <Variable name="bodyfont" description="Text Font"
     type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
     <Variable name="headerfont" description="Sidebar Title Font"
     type="font"
     default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
     <Variable name="pagetitlefont" description="Blog Title Font"
     type="font"
     default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
     <Variable name="descriptionfont" description="Blog Description Font"
     type="font"
     default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
     <Variable name="postfooterfont" description="Post Footer Font"
     type="font"
     default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    */
    
    /* Use this with templates/template-twocol.html */
    
    body {
     background:$bgcolor;
     margin:0;
     color:$textcolor;
     font:x-small Georgia Serif;
     font-size/* */:/**/small;
     font-size: /**/small;
     text-align: center;
     background-color:#000000;
     background-image: url(http://stuff.pyzam.com/layouts/img/s/c/ahscifi.jpg);
     background-attachment: fixed;
     background-position: bottom left;
     background-repeat: no-repeat;
     border-color:#ffffff;
     border-width:0px ;
     border-style: solid;
     }
    a:link {
     color:$linkcolor;
     text-decoration:none;
     }
    a:visited {
     color:$visitedlinkcolor;
     text-decoration:none;
     }
    a:hover {
     color:$titlecolor;
     text-decoration:underline;
    }
    a img {
     border-width:0;
     }
    
    /* Header
    -----------------------------------------------
     */
    
    #header-wrapper {
     width:800px;
     margin:0 auto 10px;
     border:1px solid $bordercolor;
     background-color:#000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
     }
    
    #header-inner {
     background-position: center;
     margin-left: auto;
     margin-right: auto;
    }
    
    #header { 
     margin: 5px;
     border: 1px solid $bordercolor;
     text-align: center;
     color:$pagetitlecolor;
     background-color:#000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
    }
    
    #header h1 {
     margin:5px 5px 0;
     padding:15px 20px .25em;
     line-height:1.2em;
     text-transform:uppercase;
     letter-spacing:.2em;
     font: $pagetitlefont;
    }
    
    #header a {
     color:$pagetitlecolor;
     text-decoration:none;
     }
    
    #header a:hover {
     color:$pagetitlecolor;
     }
    
    #header .description {
     margin:0 5px 5px;
     padding:0 20px 15px;
     max-width:700px;
     text-transform:uppercase;
     letter-spacing:.2em;
     line-height: 1.4em;
     font: $descriptionfont;
     color: $descriptioncolor;
     }
    
    #header img {
     margin-left: auto;
     margin-right: auto;
    }
    
    
    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
     width: 800px;
     margin:0 auto;
     padding:10px;
     text-align:left;
     font: $bodyfont;
     }
    
    #main-wrapper {
     width: 550px;
     float: left;
     padding: 5px;
     border:1px solid $bordercolor;
     background-color:#000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
     word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
     overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
     }
    
    #sidebar-wrapper {
     width: 220px;
     float: right;
     padding: 5px;
     border:1px solid $bordercolor;
     background-color:#000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
     word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
     overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
    
    
    /* Headings
    ----------------------------------------------- */
    
    h2 {
     margin:1.5em 0 .75em;
     font:$headerfont;
     line-height: 1.4em;
     text-transform:uppercase;
     letter-spacing:.2em;
     color:$sidebarcolor;
    }
    
    
    /* Posts
    -----------------------------------------------
     */
    h2.date-header {
     margin:1.5em 0 .5em;
     }
    
    .post {
     margin:.5em 0 1.5em;
     border-bottom:1px dotted $bordercolor;
     padding-bottom:1.5em;
     }
    .post h3 {
     margin:.25em 0 0;
     padding:0 0 4px;
     font-size:140%;
     font-weight:normal;
     line-height:1.4em;
     color:$titlecolor;
    }
    
    .post h3 a, .post h3 a:visited, .post h3 strong {
     display:block;
     text-decoration:none;
     color:$titlecolor;
     font-weight:normal;
    }
    
    .post h3 strong, .post h3 a:hover {
     color:$textcolor;
    }
    
    .post p {
     margin:0 0 .75em;
     line-height:1.6em;
    }
    
    .post-footer {
     margin: .75em 0;
     color:$sidebarcolor;
     text-transform:uppercase;
     letter-spacing:.1em;
     font: $postfooterfont;
     line-height: 1.4em;
    }
    
    .comment-link {
     margin-left:.6em;
     }
    .post img {
     padding:4px;
     border:1px solid $bordercolor;
     }
    .post blockquote {
     margin:1em 20px;
     }
    .post blockquote p {
     margin:.75em 0;
     }
    
    /* Comments
    ----------------------------------------------- */
    #comments h4 {
     margin:1em 0;
     font-weight: bold;
     line-height: 1.4em;
     text-transform:uppercase;
     letter-spacing:.2em;
     color: $sidebarcolor;
     padding: 5px;
     border:1px solid $bordercolor;
     background-color:#000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
     }
    
    #comments-block {
     margin:1em 0 1.5em;
     line-height:1.6em;
     }
    #comments-block .comment-author {
     margin:.5em 0;
     }
    #comments-block .comment-body {
     margin:.25em 0 0;
     }
    #comments-block .comment-footer {
     margin:-.25em 0 2em;
     line-height: 1.4em;
     text-transform:uppercase;
     letter-spacing:.1em;
     }
    #comments-block .comment-body p {
     margin:0 0 .75em;
     }
    .deleted-comment {
     font-style:italic;
     color:gray;
     }
    
    #blog-pager-newer-link {
     float: left;
     }
     
    #blog-pager-older-link {
     float: right;
     }
    
    #blog-pager { 
     text-align: center;
     }
    
    .feed-links {
     clear: both;
     line-height: 2.5em;
    }
    
    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar { 
     color: $sidebartextcolor;
     line-height: 1.5em;
     }
    
    .sidebar ul {
     list-style:none;
     margin:0 0 0;
     padding:0 0 0;
    }
    .sidebar li {
     margin:0;
     padding:0 0 .25em 15px;
     text-indent:-15px;
     line-height:1.5em;
     }
    
    .sidebar .widget, .main .widget { 
     border-bottom:1px dotted $bordercolor;
     margin:0 0 1.5em;
     padding:0 0 1.5em;
     }
    
    .main .Blog { 
     border-bottom-width: 0;
    }
    
    
    /* Profile 
    ----------------------------------------------- */
    .profile-img { 
     float: left;
     margin: 0 5px 5px 0;
     padding: 4px;
     border: 1px solid $bordercolor;
    }
    
    .profile-data {
     margin:0;
     text-transform:uppercase;
     letter-spacing:.1em;
     font: $postfooterfont;
     color: $sidebarcolor;
     font-weight: bold;
     line-height: 1.6em;
    }
    
    .profile-datablock { 
     margin:.5em 0 .5em;
    }
    
    .profile-textblock { 
     margin: 0.5em 0;
     line-height: 1.6em;
    }
    
    .profile-link { 
     font: $postfooterfont;
     text-transform: uppercase;
     letter-spacing: .1em;
    }
    
    /* Footer
    ----------------------------------------------- */
    #footer {
     width:660px;
     clear:both;
     margin:0 auto;
     padding-top:15px;
     line-height: 1.6em;
     text-transform:uppercase;
     letter-spacing:.1em;
     text-align: center;
     padding: 5px;
     border:1px solid $bordercolor;
     background-color:000000;
     filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
    
    }
    
    /** Page structure tweaks for layout editor wireframe */
    body#layout #header { 
     margin-left: 0px;
     margin-right: 0px;
    }
    
    .bloggerPyBar { background-color:#ff6600;
    color:#114477;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    font-weigth:bold;
    padding:2px 2px 2px 6px;}
    .bloggerPyBar a {color:#114477;}
    .pylogo {float:right;padding-right:9px;}
    
    ]]></b:skin>
     </head>
    
     <body>
     <!-- <div class='bloggerPyBar' style='cursor:pointer;'><div class='pylogo'><span style='position:relative;top:-1px;left:0px'>«</span> <a href='http://www.pyzam.com'>PYZAM.COM</a></div>
     <a href='http://www.pyzam.com/bloggertemplates'>BLOGGER TEMPLATES</a> AND <a href='http://www.twitterbackgrounds.com'>TWITTER BACKGROUNDS</a> <span style='position:relative;top:-1px;left:0px;'>»</span> </div> -->
    
     <div id='outer-wrapper'><div id='wrap2'>
    
     <!-- skip links for text browsers -->
     <span id='skiplinks' style='display:none;'>
     <a href='#main'>skip to main </a> |
     <a href='#sidebar'>skip to sidebar</a>
     </span>
    
     <div id='header-wrapper'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Day of Jan (Header)' type='Header'/>
    </b:section>
     </div>
     
     <div id='content-wrapper'>
    
     <div id='crosscol-wrapper' style='text-align:center'>
     <b:section class='crosscol' id='crosscol' showaddelement='no'/>
     </div>
    
     <div id='main-wrapper'>
     <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
    </b:section>
     </div>
    
     <div id='sidebar-wrapper'>
     <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='My mood...' type='HTML'/>
    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    <b:widget id='Slideshow1' locked='false' title='My Pictures on Flickr' type='Slideshow'/>
    <b:widget id='Subscribe1' locked='false' title='Subscribe Me : ]' type='Subscribe'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    </b:section>
     </div>
    
     <!-- spacer for skins that want sidebar and main to be the same height-->
     <div class='clear'> </div>
    
     </div> <!-- end content-wrapper -->
    
     <div id='footer-wrapper'>
     <b:section class='footer' id='footer'/>
     </div>
    
     </div></div> <!-- end outer-wrapper -->
    <img border='0' height='0' src='http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif' style='visibility:hidden;width:0px;height:0px;' width='0'/></body>
    </html>
     
  9. #8 5. Januar 2010
  10. #9 5. Januar 2010
    AW: Suche Wordpress Design

    Uh Mist :D. Mir ist grade aufgefallen das ich dir ein Blogger Template gepostet habe :D. Sorry! :eek:

    Gut dann was anderes:

    Such einfach mal in Google nach Templates für Wordpress, wenn du eins gefunden hast das dir gefällt, bei dem das Navi aber zum Beispiel auf der falschen Seite ist, schreibe einfach den Code um das ist ganz einfach, du musst nur die Position von dem Navi und der Textbox dann vertauschen sozusagen. Das Schwierigste daran ist den richtigen Abschnitt im Code zu finden aber dabei kann ich dir helfen.

    Beispiel Seiten:

    hier
    hier

    und dann habe ich noch was ganz schönes gefunden:

    Wordpress Theme Generator
     

  11. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Wordpress Design
  1. Antworten:
    5
    Aufrufe:
    2.184
  2. Antworten:
    0
    Aufrufe:
    1.117
  3. Antworten:
    1
    Aufrufe:
    1.907
  4. Antworten:
    2
    Aufrufe:
    898
  5. Antworten:
    8
    Aufrufe:
    1.431