Aangemaakte reacties

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Thread starter Mailmiran

    (@mailmiran)

    Het is geweldig! Ja het is dus gelukt!

    Neem gerust een kijkje als je wil.

    Ik ben nog wel bezig met het vullen van de inhoud en met het uitwerken van de teksten, dus het steeds meer in de goede richting.

    Mocht je nog tips hebben of iets anders, dan hoor ik dat heel graag!

    Thanx,

    Miranda

    Thread starter Mailmiran

    (@mailmiran)

    Nou ik heb zitten zoeken, maar of ik kijk er over heen of ik snap niet wat je bedoeld. Hieronder plak ik het script waarin ik kijk (de style.cs). Kun jij vinden wat je bedoeld?

    /*
    Theme Name: Station
    Theme URI: http://www.pagelines.com/themes/
    Description: The Station theme by PageLines. Support for native WordPress 2.9’s ‘post thumbnails’ added. CMS theme with multiple colors, 2 column layout and right sidebar, widget-ready, support for threaded/nested comments, easy to customize through the settings-page. PHP5 is required for options.
    Version: 1.2.8.0
    Author: PageLines
    Author URI: http://www.pagelines.com
    Tags: theme-options, custom-colors, black, blue, dark, two-columns, fixed-width, threaded-comments, custom-header, custom-colors, translation-ready, sticky-post

    *Notes – Not titling your widgets in the sidebar can break the markup (and design)
    */

    /* Defaults */
    body{
    font-size:15px;
    line-height:1.6em;
    color: #fff;
    background: #000 url(http://www.coolexpressions.nl/wp-content/uploads/2010/04/purplesparks.jpg) repeat-x 0 0;
    font-family:trebuchet ms;
    font-weight:normal;
    }
    .nobg {background:#000;}
    .bggrey {background: transparent url(http://www.coolexpressions.nl/wp-content/uploads/2010/05/Logo-1.jpg) repeat-x 0 0;}
    .bgblue {background: transparent url(images/bgblue.jpg) repeat-x 0 0;}

    a:focus{outline:1px dotted invert;}
    hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

    ol{list-style:decimal}
    ul{list-style:square;}
    .hentry ul, ol{ margin-left:25px; margin-bottom: 1em;}

    p,.p{margin-bottom: 1em;}

    blockquote{
    margin:0 0 1em 1em;

    background: #222;
    padding: 1em 1em;
    }

    /*layout width */

    #pagewrap {width:960px; margin: 0px auto;}
    .container{ width:960px; margin: 80px auto;}
    #content {
    background: #555 url() repeat-y left top;
    border-right: 1px solid #222;
    border-left: 5px solid #555;

    }

    #sidebar {
    width: 180px;
    float: left;
    border-left: 1px solid #333;

    .contentshadow { }

    #site { padding-bottom:2em;}

    #footer {
    width: 990px; margin:0 auto;
    }
    }#wrapper {
    position:relative;
    padding-bottom: 2.5em;

    }
    #maincontent {
    border-right: 1px solid #333;
    float: left;
    margin-right:-1px;
    position: relative;
    width: 750px;
    overflow: hidden; }

    /* @ FULL WIDTH */
    #fullwidth #content {background: #000;}
    #fullwidth #maincontent {width: 100%;}

    /* Links & Colors */

    a {text-decoration:none;}

    a{ color:#2388FF;}

    .commentlist cite,.commentlist cite a{color:#fff;}
    #content a:hover{text-decoration:underline;}

    /* HEADERS */
    h1, h2, h3, h4, h5, h6, #nav{
    font-family: Arial,Verdana,Sans-serif;
    font-weight: bold;
    margin:0;padding: 0;
    line-height: 1.2em;
    color:#fff;
    }
    h1 a, h2 a, h3 a, h4 a, h5 a{}
    h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, #nav em{text-transform: lowercase;font-style:italic;}

    h1{font-size: 2.6em;letter-spacing: -1px;}
    h2{font-size: 1.7em;}
    h3{font-size: 1.2em;}
    h4{font-size: 1.3em;}
    h5{font-size: 1.1em;}
    h6{font-size: 1em;}

    /* @ HEADER */
    #header {
    position: relative;
    padding: 16px 0px 18px 0px;
    height: 10px;
    /*background: transparent url (images/headerbg.png) repeat-x bottom left;*/
    }

    .headline h1{}
    .headline h1 a{
    text-shadow: #666 0px 0px 5px;
    font-weight:bold;
    color:#fff;
    font-size: 0px;
    float:left;
    line-height:1.5em;
    }

    .headline h1 a:hover {color: #ddd;}

    .site-description {
    font-size:1em;
    float:left;
    margin:35px 0 0 .5em;color:#fff;font-weight:normal;}

    /* Header Social Media Icons */
    .icons {text-align: right;position: absolute;bottom: 22px; right:0px;line-height: 20px;height: 24px;}
    .icons a {display: block;width: 24px; height: 24px; margin-left: 4px; float: right;text-align: right;}
    .icons .twitterlink {background: url(images/twittericon.png) no-repeat 0 0;}
    .icons .linkedinlink {background: url(images/linkedinicon.png) no-repeat 0 0;}
    .icons .facebooklink {background: url(images/facebookicon.png) no-repeat 0 0;}
    .icons .rsslink {background: url(images/rssicon.png) no-repeat 0 0;}

    /* MAIN NAVIGATION */
    #nav {
    text-transform: uppercase;
    font-size: .85em;
    line-height: 1.1em;
    background: #000;
    border: 1px solid #000;
    font-weight: normal;
    background: url(images/bgnav.gif) repeat-x 0 0;
    padding: 8px;
    }
    #nav ul{
    list-style: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    }
    #nav ul li{
    margin: 0 10px 0 0;
    padding: 0px;
    float: left;

    }
    #nav ul li a{
    text-shadow: #000 0 0 2px;
    letter-spacing: .04em;
    line-height: .9em;
    padding: 7px 13px 7px;
    text-decoration: none;
    background: #333;
    color: #bbb;
    display: block;
    border:0px solid #000;
    border-top: 0px solid #444;
    border-left: 0px solid #444;
    background: transparent url(images/nav-black.png) repeat-x 0 0px;
    }

    #nav li a:hover{color:#fff;}

    #nav .current_page_item a, #nav .current_page_item a:hover, #nav li a:active, #nav ul li.current_page_ancestor a{
    text-decoration: none;
    color:#fff;
    background:transparent url(images/nav-black.png) repeat-x 0 -35px;

    border:1px solid #444;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    }
    #nav li a:active{
    color:#ddd;
    background:transparent url(images/nav-black.png) repeat-x 0 -70px;
    }

    #subnav {
    text-transform: uppercase;
    float: left;
    width: 960px;
    padding: 0px;
    }

    #subnav ul{
    list-style: none;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    }
    #subnav ul li{
    margin: 0px;
    padding: 0px;
    float: left;
    }
    #subnav li a{
    color:#fff;
    padding: 7px 15px;
    display: block;
    }
    #subnav li a:hover{
    text-decoration:none;
    background: transparent url(trans/black50.png) repeat 0 0;
    }
    #subnav .current_page_item a, #subnav li a:active, #subnav .current_page_ancestor{
    background: transparent url(trans/black40.png) repeat 0 0;
    }

    #subnav ul li a:active{
    color: #bbb;
    text-decoration:none;
    }

    /* @ SUBHEAD */

    #subhead {
    font-size: 11px;
    background: #444 url(images/bgsubnav.png) repeat-y top right;
    margin: 4px 0;
    border-top:1px solid #555;
    }

    .subleft {
    width: 620px;
    padding: 0 10px;
    float:left;
    }

    /* Search in subheacd */
    #searchform {
    width: 300px;
    float: right;
    }
    .center #searchform {
    float: none;
    padding: 10px 10px;
    margin: 0px auto;
    }
    #subhead ul{
    list-style:none;
    margin:0;
    }

    #overview {
    border-bottom:1px dotted #bbb;
    margin-bottom:1em;
    }

    /* Pages */
    .pagetitle {
    padding: .5em 0;
    border-bottom: 1px solid #444;
    margin-bottom: 1em;
    }
    /* POSTS */
    .hentry{
    background: transparent url(images/post-bg.png) repeat-x left top;
    clear: both;
    overflow: hidden;
    }

    .post.sticky {
    border: 5px solid #555;
    }
    /* THUMB */
    .thumb.left img {
    margin-right:23px;
    }
    .thumb img {
    display:block;
    margin:0 0 0.8em;

    }

    /* Post thumb */

    .postthumb {
    float:left;
    margin: 0 20px 4px 0;
    }

    .copy {padding: 15px 30px 0px 30px;}

    /*- Post Date -*/
    .post-date {
    margin: 0 0 1.25em;
    }
    #content .post-date a {
    color: #fff;
    }
    .post-date em {
    background: #555;
    color: #fff;
    font-size: .9em;
    font-style: normal;
    padding: 5px 5px;
    line-height: 1.75em;
    }

    .post-excerpt {
    font-style: italic;
    width: 350px;
    float:left;
    }
    .post-title {margin-bottom: .4em;}
    .post-title h2{
    font-size: 2.3em;
    line-height: 1em;
    text-transform: none;
    letter-spacing: -.02em;
    padding: 5px 0;
    }
    .post-title h2 a{color: #fff;}
    .post-title h2 a:hover{
    text-decoration: underline;
    }

    /*- Post Author -*/
    .author-info {
    padding: 15px 30px;
    }
    .author-info small {color: #999;}
    .author-info h3{
    text-transform: capitalize;
    font-size: 26px;
    }
    .pic {text-align: left;margin-right: 1em;}
    .pic img {float:left}
    .post-author {
    margin: 0 0 1em;
    }
    .author-details {
    font-size: .85em;
    }
    .author-descr {
    display: table;
    height: 1%;
    }

    .author, .auxilary a{font-variant: small-caps;}
    .auxilary a{color: #999;}
    .author {
    padding: 0 10px;
    background:#fff;
    }
    .post .entry {
    margin-bottom: 1em;
    padding: 1em 0;
    border-top: 1px solid #eee;
    }
    .postwrap {
    }

    .pfooterdark {

    background: #333 url(images/box-bgr.gif) repeat-x top;
    }
    .pfooterlight {

    }
    .post-footer {
    height: 42px;
    padding: 0 18px;
    overflow: hidden;
    color:#999;
    }
    .hentry .post-footer {margin-bottom: 1em;}
    #content .post-footer a{
    color: #999;
    }
    .post-footer a:hover{
    color: #fff;
    }
    .post-footer .left {
    line-height: 38px;
    }
    .post-footer .left span {
    background: url(images/comment_count_bg.png) no-repeat center left;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px 0 8px 0;
    width: 33px;
    margin-right: 6px;
    display: inline-block;
    line-height: 32px;
    color:#ddd;
    }
    .post-footer .right {
    padding: 9px 0 0;
    }
    .post-footer .right span {
    line-height: 21px;
    }
    .post-footer img {
    margin: 0 0 0 2px;
    }
    .tags {font-style: italic; color: #777;font-size: 10px;}

    #site .widget_tag_cloud a{
    color:#999;
    }

    /* sidebar */

    #welcome {
    margin-bottom: 1em;
    color: #fff;
    text-shadow: #072A5A 0px 0px 2px;
    }
    #welcome h1, #welcome h2, #welcome h3{color:#fff;}
    #welcome .welcometext {
    color: #fff;
    padding: 10px;
    }
    #welcome h1, #welcome h2, #welcome h3, #welcome h4, #welcome h5, #welcome h6{}
    #welcome a{
    color: #fff;
    border-bottom: 1px dotted #fff;
    }

    .twitter {
    font-size: 10px;
    background: url(images/balloon-twitter.png) no-repeat 2px 2px;
    padding-left: 27px;
    }

    #sidebar .twitter{

    margin:.5em 0;
    }

    #sidebar {
    position:relative;
    color:#bbb;
    padding:10px 0 1em 10px;
    }
    #sidebar .widget{
    border-top: 1px solid #444;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    border-left: 1px solid #444;
    background: #1a1a1a url(images/box-bgr.gif) repeat-x top left;
    }
    #sidebar .wtitle{
    font-weight:bold;
    font-size: 1.1em;
    padding: 8px 0;
    background: url(images/hl-dot.gif) repeat-x left bottom;
    }
    #sidebar .wcontent {
    padding:.4em 0 .7em;
    }
    .widget {
    margin-bottom: 1em;
    background:#000;
    padding:1px;
    }

    .widget .winner {
    padding: 0 10px;
    }
    .widget .wcontent{

    padding: 1em 0;
    }

    .widget ul li{
    list-style:none;

    display: block;
    padding: 0 4px;
    }
    .widget ul li a {
    color: #999;
    }
    .widget ul li a:hover{
    text-decoration: underline;
    }
    .widget ul li ul li{margin-left: 20px;border:none;font-size: .9em;}

    .page-nav {
    padding: 15px;
    }
    .page-nav .previous-entries {float: left;}

    .page-nav .next-entries {float: right;}

    /* @ FOOTER */

    #morefoot #s {width: 166px;margin:1em 0;}

    #pagefoot {
    clear:both;
    font-size:1em;
    overflow:hidden;
    text-align: center;
    padding: 20px 10px 20px 10px;
    }
    #pagefoot h1{color: #999;margin-bottom: .5em;}
    #pagefoot #footnav, #pagefoot #footnav li{display:inline;list-style-type:none;}
    #pagefoot #footnav small{display: none;}
    #pagefoot #footnav em{font-style:normal;}
    #pagefoot .terms {color: #666;line-height: 3em;}
    #pagefoot #footnav {margin-left: 20px; }
    #footnav li a{
    color: #ccc;
    padding: 3px 2px;
    line-height: 1em;
    margin-right: 10px;
    text-decoration:none;
    }
    #footnav li a:hover{ border-top:1px solid #666; border-bottom: 1px solid #666;}
    #footnav li.on a{border-top:1px solid #666; border-bottom: 1px solid #666;}

    /* Cred */
    #cred {
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-62px;
    width: 200px;
    }
    #cred small{font-size:8px;}
    #cred a{margin-right:10px;}
    #cred a.pagelines{

    font-size: 1.1em;
    color: #666;
    padding-left: 23px;
    float: left;
    background: url(images/pagepress-icon.png) no-repeat 3px 0px;
    }
    #cred a.pagelines:hover{text-decoration:underline;}

    a.plimage {
    display: block;
    float: left;
    text-indent:-3330em;
    height: 30px;
    width:113px;
    font-size: 8px;
    color: #000;
    background: url(images/pagelines.png) no-repeat center center;
    }

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

    .shadowbottom{
    background: url(images/bcontentshadow.png) no-repeat center bottom;
    clear: both;
    height: 4px;
    overflow: hidden;
    width: 980px;
    }
    .shadowtop{
    background: url(images/tcontentshadow.png) no-repeat center bottom;
    clear: both;
    height: 8px;
    overflow: hidden;
    width: 980px;
    }

    /* Widgets */
    #calendar_wrap {margin-top: 10px;text-align:center;}
    #wp-calendar {text-align:center;width:95%;color:#fff;margin:15px auto;}
    #wp-calendar caption{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #888;color: #bbb;}
    #wp-calendar td{padding:4px 8px;}
    #wp-calendar #today{font-weight: bold;border:1px solid #ccc;background:#f7f7f7;color: #444;}
    #wp-calendar #today a{color: #444;}

    /* WordPress caption */
    .wp-caption {
    text-align: center;
    background: #222;
    border: 1px solid #666;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    color: #bbb;
    margin: 10px;
    padding: 4px;
    margin-bottom: 1em;
    }
    .wp-caption-text {font-size: 11px; text-align: center; margin:0;padding:6px 3px 2px;line-height: 16px;}
    .wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 5px; }
    .wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; }

    /* FLOATING AND ALIGNMENT */
    .aligncenter,.alignnone {display: block;margin-left: auto;margin-right: auto;}
    .center, .textcenter {text-align: center;}
    .alignleft {float: left;margin:0 1.4em .4em 0;}
    .left { float: left; }
    .textleft {text-align: left;}

    .alignright {float: right;margin:0 0 .4em 1.4em;}
    .right { float: right; }
    .textright {text-align:right;}

    .clear {clear:both;}

    .block{display:block;}

    img.center, img[align=”center”] {display: block;margin-left: auto;margin-right: auto;}
    img.left, img[align=”left”] { float:left;margin: 2px 10px 5px 0px;}
    img.right, img[align=”right”] { float:right;margin: 2px 0px 5px 10px;}

    Thread starter Mailmiran

    (@mailmiran)

    Ik heb alles wat met nav te maken heeft weggehaald om te kijken wat het resultaat is, maar dan komen de knoppen op die plek opgesomd onder elkaar weergegeven.

    Ik weet niet of er nog een andere optie is, misschien dat ik nog een ander stukje moet weghalen om dat opgesomde rijtje te verwijderen?

    Alvast bedankt voor je reactie!

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