Forum Replies Created

Viewing 4 replies - 31 through 34 (of 34 total)
  • I guess you make your menu with <?php get_pages(); ?>, right?

    01. If you want to make the menu horizontal.
    Your style.css should look this way:

    /* =header */
    #header {margin: 50px 0;text-transform: none;width: 800px;clear: none;display: block;float: left;}
    #header a:hover {text-decoration:none;color:#888;}
    #header h1 a {font-size:1.8em;font-weight:100;letter-spacing:-0.05em;position:relative;}
    #header #blog-description {color:#888;}
    #access {vertical-align:middle;padding: 0 0 10px 0;}
    #access #menu {vertical-align:middle;display:table-cell;font-size:0.8em;}
    #access #menu ul {vertical-align:middle;display:block}
    #access #menu ul li {float: left;}
    #access #menu ul li a{margin-left:10px;font-weight: bold;display: block;	padding: 0 10px;}
    #access #menu a{font-weight:600;}

    Play a little with padding/margin to make it work fine with your graphic content.

    2. If you want to divide your menu into 2 parts.
    This will be more interesting, because you’ll have to edit header.php, too.
    The point is you have 7 links in the menu. How are you going to make it symmetrical? But let’s imagine you don’t have a rss link.
    Now we’ll make your header.php more static. Unfortunately, i don’t see your file, that’s why i can only suppose that it looks like this:

    <div id="access">
       <div id="menu">
          <ul><?php get_pages(); ?></ul>
       </div>
    </div>

    If i’m right, please, replace these lines with:

    <div id="access"><div id="menu">
       <ul class="menu-left">
          <li><a href="<?php bloginfo('url'); ?>" title="p l a s t a n k a . s e" rel="home">home</a></li>
          <li><a href="<?php bloginfo('url'); ?>/see-something/" title="See something">see something</a></li>
          <li><a href="<?php bloginfo('url'); ?>/project-chili/" title="Project chili">project chili</a></li>
       </ul>
       <ul class="menu-right">
          <li><a href="<?php bloginfo('url'); ?>/archives/" title="Find something">find something</a></li>
          <li><a href="<?php bloginfo('url'); ?>/about/" title="About everything">about everything</a></li>
          <li><a href="<?php bloginfo('url'); ?>/send-a-message/" title="Send a message">send a message</a></li>
       </ul>
    </div></div>

    Bad news: Now you always have to keep your navigation in mind. Since you begin doing something manually, there is no wordpress to update pages instead of you any more. Remember it.
    Before, you could just add a new page and it would automatically appear in your header. Now, you have to add it to the navigation bar by adding a new <li>Page</li> to header.php.
    Great news: You are absolutely free to arrange pages in any order, give them any titles and link them to any pages you want. Now you are the master. And your menu has nothing left to do but obbey .)

    Style.css should look this way:

    /* =header */
    #header {margin:50px 0;text-transform:none;width:200px;clear:none;float:left;}
    #header a:hover {text-decoration:none;color:#888;}
    #header h1 a {font-size:1.8em;font-weight:100;letter-spacing:-0.05em;position:relative;}
    #header #blog-description {color:#888;}
    #access {height:160px;vertical-align:middle;width:350px;float: right;margin: 60px 0 0;}
    #access #menu {vertical-align:middle;font-size:0.8em;}
    #access #menu ul {vertical-align:middle;display:block;width: 160px;}
    #access #menu ul.menu-left {float: left;text-align: right;padding: 0 10px 0 0;}
    #access #menu ul.menu-right {float: right;padding: 0 0 0 10px;}
    #access #menu a {font-weight:600;}

    Again, play with padding/margin untill you like it.
    Note: i made all the titles lower case in order to bring more symmetry.

    I hope this will help you.
    If you want me to explain anything — feel free to ask.
    If you will suddenly realize that now you want something completely different — feel free to ask .)

    Good luck ,)

    1. I really like that header is without <img> at all, just font.
    But why do you use title?
    <a href="https://www.plastanka.se/" title="p l a s t a n k a . s e" rel="home">p l a s t a n k a . s e</a>

    2. Information appearing when mouse is over — that’s great! But if you can visually separate camera info, date and text — do it.

    3. #444 instead of #000 makes your text look much softer. I like it.

    4. There’s a line in your style.css i’d rather remove.

    /* =header */
    #access #menu a{font-weight:800;}

    The reason is you don’t use bold in you blog that much, so your menu looks a little bit strange.

    5. I didn’t like that shadow:
    .page h2.entry-title {-moz-opacity:0.95;filter:alpha opacity=95);opacity:0.95;}

    6. You can customize your comment form. Just add to your style.css something like:

    #author, #email, #url, #comment, #submit {
       padding: 3px;
       margin: 0 5px 0 0;
       color: #444;
    }

    It will add some space and replace your black font with grey one.

    Content: I like you photos. My mom is a great flower fan, so i think that your blog will be one of her favourite .)

    Forum: Fixing WordPress
    In reply to: Show current date

    how do i move it / style it to where i need it to be?

    you should use somethimg like this:
    <span class="current-date"><?php echo date_i18n('j F Y', time()); ?></span>
    now you can play with your style.css. just add the following lines:

    .current-date {
          color: #fff;
    }

    it should work.

    Forum: Fixing WordPress
    In reply to: Show current date

    I want to show my current date in Malay, what function should i use?

    the same one
    <?php echo date_i18n('j F Y', time()); ?>
    it displays date in your wp’s language

Viewing 4 replies - 31 through 34 (of 34 total)