Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Forums / Algemeen WordPress / Zijbar 1 verwijderen en contentgedeelte verbreden

  • Hallo,

    Ik ben net gestart met het gebruik van wordpress. Super leuk.
    Nu wil ik alleen zijbar 1 ( de meest linkse) verwijderen en het contentgedeelte oprekken. Hoe doe ik dit?

    http://www.ragdoll-noorseboskat.nl

    /*
    Theme Name: HoPE
    Theme URI: http://patrick.bloggles.info/themes/
    Description: A 3-column theme with a clean and flickr or PicasaWeb gallery design. Customizable header images, fixed-width and widget-ready. Compatible with WordPress 2.7+
    Author: Patrick
    Author URI: http://patrickchia.com/
    Version: 2.5.1
    Tags: microformats, theme-options, custom-header, dark, yellow, white, black, threaded-comments, photoblogging
    */

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
    {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content: ”; content: none;}

    /* remember to define focus styles! */
    :focus {outline: 0;}
    /* tables still need ‘cellspacing=”0″‘ in the markup */
    table {border-collapse: collapse; border-spacing: 0;}

    body {font-family:verdana, ‘Lucida Grande’, arial, sans-serif; font-size:65%; text-align:center; line-height:1.3; background:#fff;}
    body {
    background-color: #FFFFFF ;
    background-image: url( “images/bg.jpg” ) ;
    background-repeat: repeat-x ;
    color: #333333 ;
    }

    #page {width:960px; margin:0 auto; text-align:left; color:#111;}
    #header{width:960px; float:left; position:relative;}
    #container{width:920px; float:left; padding:0;margin-left:19px;}
    #rotating{display:block; width:920px; height: 305px; padding:0;
    background-image: url( “images/ss.jpg” ) ;
    background-repeat: repeat-x ;
    -moz-border-radius-topleft: 10px;
    -khtml-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -khtml-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    }
    #gradient {
    bottom: 0px;
    background: url(images/gradient-dark.png) bottom center repeat-x;
    height: 305px;
    padding:0;
    }
    #note{
    float:right;
    right:0;
    top:0;
    padding:10px;
    margin-right: 0;
    margin-top:0;
    width: 401px;
    height: 285px;
    background: #999 url(images/gradient-dark.png) bottom repeat-x;
    -moz-border-radius-topright: 10px;
    -khtml-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    }.search{float:right;
    padding-right:25px;
    padding-top:25px;

    }
    .search input{
    color: #333;
    padding: 3px;
    border: solid 1px #333;
    background-color:#000;
    width: 200px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    }

    .search input:hover {
    border: solid 1px #fff;
    background-color:#666;}

    }

    #note p{font-size:1em;font-weight:bold;color:#000;}
    #note li{list-style-type:none;}
    #note li a{color:#000;float:relative;}
    #content{width:480px; float:left; padding:80px 19px 0 0;}
    #secondary{
    width:421px;
    float:left;
    font-size:1.2em;
    background-color:#fff;
    margin-bottom:30px;
    }
    #sidebar-1{border-left:0px solid #ccc;}
    .sidebar{float:left; width:195px; padding:10px 0 0 10px;}
    #footer{width:920px; float:left; clear:both;}

    .homelink{font:30px/1 georgia, verdana, arial, sans-serif; padding:15px 0 10px 19px;text-transform:uppercase;}
    .homelink a{color:#fff;}
    .homelink a:hover{color:#ccc; text-decoration:none;}
    .description{color:#666; margin-top:-10px; padding:0 0 10px 20px; font-size:12px; line-height:1; font-style:normal;text-transform:uppercase;}
    #skip a{padding:0.2em 0.3em; font-weight:bold; background:#e5e5e5; color:#444; display:block; text-decoration:none; position:absolute; top:0.5em; right:999em;}
    #skip a:first-letter{text-decoration:underline;}
    #skip a:hover{background:#ddd;}

    ul.menu{float:left;display:block;padding-top:15px;}
    ul.menu li{font:bold 12px/1 verdana, georgia, arial, sans-serif;padding-top:5px;}
    ul.menu li a{display:block; color:#fff; padding:8px;background-color:#000;
    -moz-border-radius-topright: 8px;
    -khtml-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -khtml-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    }
    ul.menu li a:hover{text-decoration:none; background:#888;}
    ul.menu li.current_page_item a{color:#444; background:#fff; }

    b, strong{font-weight:bold;}
    i, em, dfn, .fn, cite{font-style:normal;}
    dfn{font-weight:bold;}
    abbr, acronym{border-bottom:1px solid #ddd;}
    sup, sub{font-size:0.7692em; line-height:1;}
    sup{vertical-align:super;}
    sub{vertical-align:sub;}
    del{text-decoration:line-through;}
    u, ins{text-decoration:underline;}
    pre, code, tt{font:1em/1.5385 consolas, ‘Courier New’, Courier, Monospace;}
    pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
    hr{background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
    blockquote{margin:0 0 1.5385em; padding:0 0 0 40px; color:#555; background:url(‘images/quote.gif’) no-repeat;}

    h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:georgia, verdana, arial, sans-serif; letter-spacing:-0.3px;}
    .entry-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }
    .page-title{font-size:2.2em; margin:0 0 0;text-transform:uppercase; }
    .page .entry-title, .page-template .entry-title{text-align:center;}
    .page-title{text-align:center; margin-bottom:0.9091em;}
    .sidebar h2{font-size:1.2em;}
    .entry-content h1, .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}
    .entry-content h3{font-size:1.3846em; line-height:1.1111; margin:1.66665em 0 0.55555em;}
    .entry-content h4{font-size:1.2308em; font-weight:bold; line-height:1.25; margin:1.875em 0 0.625em;}
    .entry-content h5, .entry-content h6{font-size:1em; font-weight:bold; margin:2.30775em 0 0.76925em;}

    .looped .entry, .single .entry{border-bottom:1px dashed #ddd;}
    .entry-content{font-size:1.2em; line-height:1.5385; margin:1.5385em 0 0; color:#444;text-align: justify;}
    .entry-content p{margin:0 0 1.5385em;}
    .entry-content li ul{margin:0 0 0 30px;}
    .entry-content li ol{margin:0.5385em 0 0.9999em 30px;}
    .entry-content ul, .entry-content ol{margin:0 0 1.5385em 30px;}
    .entry-content ul{list-style-type:none;}
    .entry-content li ul{list-style-type:none;}
    .entry-content ol{list-style-type:none;}
    .entry-content li ol{list-style-type:none;}
    .entry-content dl{margin:0 0 1.5385em;}
    .entry-content dl dt{font-weight:bold;}
    .entry-content dd{margin:0 0 1.5385em;}
    .entry-content address{margin:0 0 1.5385em; font-style:normal;}
    .entry-date{
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    display:block;
    width:50px;
    height:50px;
    float:left;
    background-color:#eee;
    padding:6px;
    margin-top:0;
    margin-bottom:10px;
    margin-right:10px;
    -moz-border-radius: 20%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align:center;
    font-family: arial; sans;
    font-size: 19px;
    font-weight:bold;
    color: #000;
    }

    .entry-byline{color:#777; font:normal 1.1em georgia, sans-serif;}
    .entry-byline address{display:inline;}
    .entry-meta{margin:2.4999em 0 0.8333em; font:normal 1.3em/1.6666 georgia, sans-serif; color:#555;}
    .entry-categories{
    background:#fff url(./images/post.gif) no-repeat left;
    padding:3px;
    padding-left:20px;
    }
    img.alignleft, div.alignleft{margin:0 15px 3px 0; display:inline;}
    img.alignright, div.alignright{margin:0 0 3px 15px; display:inline;}
    .aligncenter, div.aligncenter {display:block; margin:0 auto 1.5385em;}
    img.border{padding:4px; border:1px solid #ccc; background:#eee;}
    .alignleft{float:left;}
    .alignright{float:right;}
    .center{text-align:center;}
    .wp-caption {text-align:center; padding-top:4px;}
    .wp-caption img {margin:0; padding:0; border:0 none;}
    .wp-caption p.wp-caption-text {color:#555; padding:4px; margin:0; font:normal 0.923em/1.6666em georgia, verdana, sans-serif;}

    .entry-content .attachment a,
    .entry-content .gallery a,
    .entry-content .attachment a:hover,
    .entry-content .gallery a:hover {border:none;}
    .attachment img, .attachment-thumbnail, .entry-content .gallery img{padding:2px; border:1px solid #ccc;}
    .attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover{border:1px solid #888;}
    img.attachment-thumbnail{width:147px;}
    .attachment{text-align:center;}

    .entry-content table{margin:0 0 1.5385em; border-collapse:collapse; color:#444; width:80%;}
    .entry-content th{font-weight:bold; background:#ccc;}
    .entry-content th, .entry-content td{padding:0.2em 10px;}
    .entry-content td{border:1px solid #ccc;}
    .entry-content tbody tr:hover{background:#ddd;}
    .entry-content tfoot{background:#ddd;}

    #rss-links{
    height:32px;
    margin:0 0 1em 0;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    }
    #rss-links p{margin:0 0 0 65px; padding:8px 5px; font:bold 13px georgia, verdana, sans-serif;}
    .rss{background:#eee url(images/rss.png) no-repeat 2% 47%;}
    .twitter{background:#eee url(images/twitter-trans.png) no-repeat 2% 47%;}
    /*-search*/
    div#search{height:22px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:0 0 1em 0; background:#ccc; padding:5px 5px 5px 6px;}
    #s-input{border:1px solid #fff; margin-right:4px; font-size:12px; height:16px; padding:2px; vertical-align:top;}
    .entry #s-input{border-color:#888;}
    #submit, #s-submit {
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #ccc;
    background:#eee;
    color:#000; font-size:10px;font-weight:bold;padding:5px;}
    #submit:hover, #s-submit:hover{
    border:1px solid #333;
    background:#ccc;
    }
    #s-input, #submit, #s-submit{font-family:verdana,arial, sans-serif;}

    .pagenav, .widget {
    font-size:1em;
    line-height:1.5;
    margin:0 0 1em;
    padding:15px 20px 15px 0;
    background:#eee;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #333;
    }
    .pagenav li, .widget li{margin:0.1667em 0; padding:0;}
    .pagenav ul li, .widget ul li {border-bottom: solid 1px #fff;margin-left:20px;padding-bottom:5px;}
    .pagenav h2, .widget h2{padding:0 0 0 20px; line-height:1.8; color:#660000; text-transform:uppercase; font-weight:bold;font-size:12px;}
    .pagenav ul li a, .widget ul li a {color:#808080;text-decoration:none;}
    .pagenav ul li a:hover, .widget ul li a:hover {color:#663300;}

    #calendar_wrap{padding:0 0 0 18px;}
    #wp-calendar{width:95%; margin:0;}
    #wp-calendar caption{font-weight:bold;}
    #wp-calendar th{background:#ccc;}
    #wp-calendar th, #wp-calendar td{text-align:center; padding:0.25em 0;}
    #wp-calendar td{font-size:0.9em; color:#666;border:solid 1px #fff;}
    #wp-calendar a{font-weight:bold;}

    .navigation{font-size:1.2em; text-align:center; padding:1.8181em 0;}
    .navleft, .gnavleft{float:left; width:50%; text-align:left;}
    .navright, .gnavright{float:right; width:50%; text-align:right;}
    .gnavigation{padding:0 0 2em;}

    #footer{margin:0 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; font:12px/20px georgia, verdana, snas-serif;}
    #footer .left{width:50%; float:left; text-align:left;}
    #footer .right{width:50%; float:right; text-align:right;}
    .clear{margin:0; padding:0; clear:both;}

    #comments{width:480px;font-size:100%;}
    .nocomments{text-align:center; padding:1.25em 0; font-size:1.6em; border-top:1px dashed #ddd;}
    #comments h3{font-size:1.5em; text-transform:uppercase; font-weight:normal; line-height:1;}
    h3.comments-number{margin:0 auto 1.5em; padding-top:1em; border-top:1px dashed #ddd;}
    h3#respond{margin:0 0 0.5em; font-size:1em;}
    .commentlist{
    margin:0 0 4em;
    padding: 10px;
    border: solid 1px #ccc;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url(images/gradient-grey.png) top center repeat-x;
    }
    .commentlist li{margin:0 0 1em; padding:0.5em 5px; position:relative;}

    .ccount{font-size:1.3em; position:absolute; right:10px;}
    .commentauthor{font:bold 1.5em/1 georgia, arial, sans-serif;}
    .comment-meta, #comments p, .commentlist p{font:normal 1.3em/1.6666 georgia, sans-serif; color:#555;}
    .comment-content p{margin:1.8181em 5px 1.8181em 0;}

    .alt{background:#ececec;padding:15px;}
    .authorcomment{background:#ddd;}
    .avatar{
    float:right;
    padding-right:7px;
    }
    .reply a{
    display:block;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    padding: 5px;
    text-decoration:none;
    margin-top:15px;
    margin-bottom:15px;
    background-color: #ddd;
    width:50px;
    border: solid 1px #ccc;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: url(images/gradient-grey.png) top center repeat-x;
    }

    .cancel-comment-reply{
    float:right;
    }
    .comment-author-admin{
    background: #CD8C95;
    color:#fff;
    }

    #commentform{margin:0 0 4em 0;}
    #commentform p{margin:0 0 1em 0;}
    #commentform textarea, #commentform input[type=text]{font:1.2em verdana, Courier, Monospace; padding:3px; border:1px solid #ccc; color:#666;}
    #commentform textarea:focus, #commentform input[type=text]:focus{color:#000; border-color:#888;}
    #commentform label{font-size:1em;}
    #commentform textarea{width:90%;}
    #commentform input[type=text]{width:45%;}
    #commentform #submit{height:30px; padding:3px 6px;}

    a{text-decoration:none; color:#996633;}
    a:hover{text-decoration:underline;}
    .entry-title a:hover, .entry-byline a:hover, .navigation a:hover{color:#000;text-decoration:none;}
    .entry-byline a{color:#777;}
    .entry-content a:hover{}
    #content.page-template .entry-content a{text-decoration:none; font-weight:normal;}
    #content.page-template .entry-content a:hover{text-decoration:underline;}
    #footer a:hover{}
    .gnavigation a:hover{border-bottom:none;}
    .comments-link{
    font:normal 1.2em/1.6666 georgia, sans-serif;
    background:#fff url(images/packaged.gif) no-repeat center left;
    padding:3px;
    padding-left:20px;
    }

    #simplegallery{
    position: relative;
    visibility: hidden;
    }

    #simplegallery .gallerydesctext{
    text-align: left;
    padding: 2px 5px;
    }

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Zo te zien gelukt?

    zou ik ook willen weten…

    tell me…

    Thread starter denise85

    (@denise85)

    Ja het is gelukt, gelukkig. Hiermee het contentgedeelte verwijd:

    #content{width:480px; float:left; padding:80px 19px 0 0;}

    En dit verwijderd:

    #sidebar-1{border-left:0px solid #ccc;}
    .sidebar{float:left; width:195px; padding:10px 0 0 10px;}
    #footer{width:920px; float:left; clear:both;}

    .homelink{font:30px/1 georgia, verdana, arial, sans-serif; padding:15px 0 10px 19px;text-transform:uppercase;}
    .homelink a{color:#fff;}
    .homelink a:hover{color:#ccc; text-decoration:none;}
    .description{color:#666; margin-top:-10px; padding:0 0 10px 20px; font-size:12px; line-height:1; font-style:normal;text-transform:uppercase;}
    #skip a{padding:0.2em 0.3em; font-weight:bold; background:#e5e5e5; color:#444; display:block; text-decoration:none; position:absolute; top:0.5em; right:999em;}
    #skip a:first-letter{text-decoration:underline;}
    #skip a:hover{background:#ddd;}

    ul.menu{float:left;display:block;padding-top:15px;}
    ul.menu li{font:bold 12px/1 verdana, georgia, arial, sans-serif;padding-top:5px;}
    ul.menu li a{display:block; color:#fff; padding:8px;background-color:#000;
    -moz-border-radius-topright: 8px;
    -khtml-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -khtml-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    }
    ul.menu li a:hover{text-decoration:none; background:#888;}
    ul.menu li.current_page_item a{color:#444; background:#fff; }

    b, strong{font-weight:bold;}
    i, em, dfn, .fn, cite{font-style:normal;}
    dfn{font-weight:bold;}
    abbr, acronym{border-bottom:1px solid #ddd;}
    sup, sub{font-size:0.7692em; line-height:1;}
    sup{vertical-align:super;}
    sub{vertical-align:sub;}
    del{text-decoration:line-through;}
    u, ins{text-decoration:underline;}
    pre, code, tt{font:1em/1.5385 consolas, ‘Courier New’, Courier, Monospace;}
    pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
    hr{background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
    blockquote{margin:0 0 1.5385em; padding:0 0 0 40px; color:#555; background:url(‘images/quote.gif’) no-repeat;}

    h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:georgia, verdana, arial, sans-serif; letter-spacing:-0.3px;}
    .entry-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }
    .page-title{font-size:2.2em; margin:0 0 0;text-transform:uppercase; }
    .page .entry-title, .page-template .entry-title{text-align:center;}
    .page-title{text-align:center; margin-bottom:0.9091em;}

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Het onderwerp ‘Zijbar 1 verwijderen en contentgedeelte verbreden’ is gesloten voor nieuwe reacties.