WordPress.org

1. gioska
   Member
   Posted 5 years ago #

   Dear forum.
   I want make a layout similar bestwebgallery.com or cssremix.com.
   How to display post with 4 thumbnails per row in the same way.
   I'm crazy, i don't find a good solution i have search all web.
   Please help me.

2. gioska
   Member
   Posted 5 years ago #

   Please, someone can help-me?

3. timtastic
   Member
   Posted 5 years ago #

   I'm looking for the same thing. This has to exist somewhere.

4. gioska
   Member
   Posted 5 years ago #

   Not a wordpress guru in this forum for my answer?

5. gioska
   Member
   Posted 5 years ago #

   Really nobody can help me?

6. pizdin_dim
   Member
   Posted 5 years ago #

   I can help you. The key is in the "<div class="post" id="post-xxx>" and the style declaration for that class:

   .post {
   width:168px;
   float:left;
   padding: 5px;
   margin: 10px 12px;
   background: #0B1316 url(images/post-bg.gif) no-repeat left top;
   }

   That's a start. You may have to learn HTML and CSS.

7. gioska
   Member
   Posted 5 years ago #

   Thanks,
   but this doesn't resolve mine problem.

8. pizdin_dim
   Member
   Posted 5 years ago #

   You don't actually have a problem. You're only seeking advice on how to accomplish a certain layout. The tip I gave you will get you started, provided you're prepared to roll your sleeves up and learn how to do it yourself.

   Or are you looking for someone to do it all for you? If so, consider posting your request to WP Pros or the Sitepoint Marketplace instead.

9. gioska
   Member
   Posted 5 years ago #

   but, it does not exist template similar, in order to study the code?

10. gioska
    Member
    Posted 5 years ago #

    I can pay if someone can build a similar template.

11. nakedape
    Member
    Posted 5 years ago #

    Open the page you want to show this layout in, view source, email me the source and your stylesheet/s and I'll take a look.

    amenbreaka@yahoo.com

    =)

12. gioska
    Member
    Posted 5 years ago #

    I' don't wont the style, for me is important the gallery, for example how cssremix.com or http://bestwebgallery.com or similar but with wordpress.

13. nakedape
    Member
    Posted 5 years ago #

    Rearrange the loop so that the_content comes before the_title, the take out anything you don't need.

    Then go write your post, type in your hyperlink (with the image as the linking element) a la

    <a title="" target="" href=""><img alt="" id="" src="" /></a>

    (Just make sure that you are in code view when writing the post.)

    Then style the markup accordingly (enter css...)

    Then add sidebars or whatever other elements you need.

    Should do ya,

    - John

14. gioska
    Member
    Posted 5 years ago #

    ok, but how i can Rearrange the loop ?

15. nakedape
    Member
    Posted 5 years ago #

    lol, you should start by reading this: http://codex.wordpress.org/The_Loop_in_Action

    it's really quite simple.. I'm fairly new to php and very new to WP.

    I got it to work, but you should try figure it out after reading that codex doc.

    good luck,

    - john

16. gioska
    Member
    Posted 5 years ago #

    THANK nakedape,
    I'm new to php, I search someone that can make a template similar the website writed up.

17. nakedape
    Member
    Posted 5 years ago #

    You're welcome Gioska,

    If you would like to discuss the job with me, email me at my previously listed email address. :) I may be willing to make it for you.

    - John

18. gioska
    Member
    Posted 5 years ago #

    you write I'm fairly new to php and very new to WP.
    and do you want make a template for a gallery site?

19. nakedape
    Member
    Posted 5 years ago #

    Touché, gioska..

    Well I pretty much replicated the bestwebgallery home page without any problems. Let's just say that I'm a quick learner. lol

20. nakedape
    Member
    Posted 5 years ago #

    and as for your other support question (http://wordpress.org/support/topic/87601?replies=2)

    I don't know if you are still seeking an answer to this, but...

    To constrain the width, have you tried something along the lines of:

    .post img {
    	max-width: $$$px;
    	height: auto;
    	}

    where $$$ is the desired maximum width??

    Similarly, you can restrain the max-height..

    Let me know if it doesn't work.

    - John

Topic Closed

This topic has been closed to new replies.