Help with HTML coding for posts

  • itwasluck3

    (@itwasluck3)


    18 years, 1 month ago

    Okay, so when I installed wordpress on my blog (www.aceoftech.com) it was nice, but it didn’t have a ranking system or a comments box. So looking into some plugins I found a good ranking system. My first problem is that I can’t get it to indent with my text. Look below for the image. I want it to be equal with that red line. I tried using all the html codes I know, and still no luck. The code is below, if anyone knows what I have to put in front and behind that code to get it to indent with the rest of my post, please share.
    <?php if(function_exists('the_ratings')) { the_ratings(); } ?>

    http://img72.imageshack.us/img72/3911/helphy3.png

    Secondly, I just figured out how to get a comments link to appear that either says Comments [0] or Comments [1] and up and up… but the only problem I have is, I want it to be right aligned on the same link as the ranking system I have from above. As you can see from the image above, I have created a small mockup of what I want it to look like. And below is what I want it to look like in the end. Below is the code for the posting thing I have.

    <?php comments_popup_link('Comments [0]', 'Comments [1]',
'Comments [%]', 'comments-link', 'Comments Disabled'); ?>

    And here’s the photo of what I would like it to look like:

    http://img407.imageshack.us/img407/5825/help2fb0.png

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Pardon me if I don’t know the “bumping” rules, but with my post being on the 6th page, I don’t believe it will get any exposer.

    haochi

    (@haochi)

    18 years, 1 month ago

    Open /wp-content/plugins/postratings/postratings-css.css
    Add margin-bottom:-30px for .post-ratings
    Open /wp-content/themes/pixelgreen/index.php
    Add style="text-align: right;" in the p (paragraph tag) in the line that has comments_popup_link

    Test in Firefox 2, Opera 9, IE7, and Safari 3.

    Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Thanks for the help but I have a few questions:

    Where do I insert the code: margin-bottom: -30px, I searched for .post-ratings, and theres no line of code in the code that matches that. If you would like me to attach the code to the post ratings plugin I will.

    Secondly, Your second one worked, but… It may be right aligned, but its not on the same line as the post ratings system. Once again, I can attach the index.php code section if you would like,

    haochi

    (@haochi)

    18 years, 1 month ago

    1.) You are supposed to find ‘.post-ratings’ in this file, not index.php, nor the PHP file(s) of the rating plugin.

    The post-ratings rule should look like this afterward:

    .post-ratings {
    width:100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    margin-bottom: -30px;
    /* background-color: #ffffff; */
    }

    2.) It’s because you didn’t get no.1 working. They should be on the same level once you applied no.1.

    Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Okay, thanks, but I’m really stupid, but inside that code, exactly where do I put it… I put it right here:

    .post-ratings {
	<strong>margin-bottom: -30px</strong>
        width:100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* background-color: #ffffff; */

    And it doesn’t appear to be doing anything.

    Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Just saw your post from above, you must have edited it. I’ll try putting it there

    Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Nevermind, I got the two things, the post ratings and the comments link to be on the same line, but the post rating system isn’t indented…

    haochi

    (@haochi)

    18 years, 1 month ago

    Ok, just change

    margin-bottom: -30px;

    to

    margin: 0px 0px -30px 15px;

    that should do the trick.

    Thread Starter itwasluck3

    (@itwasluck3)

    18 years, 1 month ago

    Thanks a lot man… I don’t know where you learn this stuff, but thanks!

    Thread Starter itwasluck3

    (@itwasluck3)

    17 years, 11 months ago

    Okay I know this topic is like 2 months old but I updated the plugin that I use for comments, and apparently it messed up something cause now the post ratings and comments link are no longer on the same line. Plus its now all the way on the left again. Read my first post at the very top and view the image for more detail.

    I have checked the two places that I had to fix last time and they look fine so I don’t know why its messed up…

    Help…

    Thread Starter itwasluck3

    (@itwasluck3)

    17 years, 11 months ago

    Don’t really know what page this is on, but I’ll bump it once here, and if I don’t get anything, I’ll just start a new topic.

    See my above posts for help…

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Help with HTML coding for posts’ is closed to new replies.