29 {{ upvoteCount | shortNum }}
29 {{ upvoteCount | shortNum }}

FAST $20 I WILL PAY YOU NOW if you can tell me how he did this

by darrenmonroe
25 replies
  • WEB DESIGN
    • |
I am not joking. show me what this guy did to make his products stand side by side like in this website. I love his layout. I can make the pics. I am not in his niche nor want to be.

Under his tab (DVDs) in the middle of the page I want to know how he did this
TIM Store: Invest In Your Stock Trading Education
  1. I just need to know how he is getting his pictures of his products side by side in columns like that.
  2. And how he arranged his payment more info buttons and review links like that.
Break down the details or what plugin he used.

BE THE FIRST to post here or PM me. And you got $20 coming from paypal no BS right now.

Info first payment next. NO JOKE. Easiest money you ever made.

DISCLAIMER: if you PM me I WILL SHARE YOUR NAME ON WHO PROVIDED THE INFO. That way it is at least fair.

Thanks.
#$20 #fast #pay
  • Profile picture of the author TG12
    HTML Tables! Thats how I would do it.

    Looks like he used <div> But You could get the same thing with HTML Tables.

    Edit, No Plugins. You could send me the images and all the stuff you need aligning and I will do that for you.

    Edit 2: http://htmltips.blogspot.com/2004/05...ng-images.html Look up Aligning Images with HTML Tables.

    If you PM Me I cant reply as I have a post count less than 50.
    Signature
    Vaoser Link Ninja Software
    DHV Delivery Systems FAILING at online dating???
    {{ DiscussionBoard.errors[3747468].message }}
  • Profile picture of the author spesialis
    no shortcut for that. must be added manually

    tables and columns

    easily done with woothemes shortcodes
    Signature
    Website Design and Development - Satisfaction Guaranteed ... Click Here
    {{ DiscussionBoard.errors[3747813].message }}
  • Profile picture of the author brag
    If you need helping setting it up with div tags and CSS, let me know. I dont recommend tables. Thats so 1990.. =)
    Signature

    Web Developer.

    {{ DiscussionBoard.errors[3747839].message }}
  • Profile picture of the author VegasGreg
    There are several 'e-commerce' style Wordpress themes on the market that will line up products/posts into that format.

    You can also use certain themes with 4 widget sections going across the page and input the items/images/links manually into each widget.

    I haven't personally used any particular theme for this exact format, so I don't have the names of them specifically at the moment, but hopefully it will help you in your searches.

    (((If I get a bit of extra time, I will post back some example links to the themes when I find them)))
    Signature

    Greg Schueler - Wordpress Fanatic... Living The Offline Marketing Dream...

    {{ DiscussionBoard.errors[3747864].message }}
  • Profile picture of the author Japort
    Google "6 Ways to Display WordPress Post Content in Multiple Columns" Very well explained, and you'll be open to more choices according to circumstances
    {{ DiscussionBoard.errors[3747910].message }}
  • Profile picture of the author darrenmonroe
    Hey guys thanks for chiming in on this.
    @Greg aka old school (LOL) hey thanks post links when you can.
    @TG and @Japort looking at those solutions now.

    MAN this seems like a great opportunity for someone to create a plugin. The column plugins out there like magazine one just aren't working when I try them.
    Signature
    GET HELP MESSAGE ME

    {{ DiscussionBoard.errors[3748062].message }}
  • Profile picture of the author TG12
    Yeah tables are 1990s but they work lol. Wheres my $20? :p
    Signature
    Vaoser Link Ninja Software
    DHV Delivery Systems FAILING at online dating???
    {{ DiscussionBoard.errors[3752088].message }}
  • Profile picture of the author SteveJohnson
    Hard to create a plugin for something like this because it's anyone's guess what will be in each container.

    You have to know the dimensions of each display piece ( images, buttons, etc. ) then use CSS to lay out the container.

    Pretty easy, really, when all the variables are known.

    No way could I teach you in two paragraphs how to do it yourself, though Takes some experience and more than a little hair loss
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3754079].message }}
  • Profile picture of the author EJ Lear
    That's a Wordpress site but you can do the same thing with a premade Joomla template like the one here: Joomla Templates - RocketTheme Joomla Templates Club Demo Site

    That template is specifically designed to display products like you are looking for.

    Hope this helps you on your quest!

    Respectfully,
    EJ Lear
    Signature
    Get Sales, Leads, and Traffic to Your Website by Mining Actionable Data With Twitter'sâ„¢ Powerful API AND Post to Unlimited Accounts, Better than Buffer and Hoostsuite, Combined | Get a FREE 3 Day Trial Here
    {{ DiscussionBoard.errors[3756033].message }}
  • Profile picture of the author Istvan Horvath
    Nobody looked at the source code?

    From the HTML code:
    <div class="fourboxes">
    <div></div>
    <div></div>
    <div></div>
    </div>

    Have the .fourboxes class defined in the stylesheet (most likely, floating the divs inside to the left; equal width etc.) and then add more such divs underneath...
    Signature

    {{ DiscussionBoard.errors[3756070].message }}
  • Profile picture of the author Lloyd Buchinski
    Here's the css to go along with that html.

    #tim-page .fourboxes{
    width:996px;
    margin:23px 0 0 -29px;
    }
    #tim-page .fourboxes:after{
    content:'';
    display:block;
    clear:both;
    }
    #tim-page .fourboxes div{
    width:219px;
    height:151px;
    background:#b6b6b6;
    float:left;
    margin:0 0 0 30px;
    display:inline;
    }

    Would that be worth a buck?

    It is an interesting site. One thing I don't understand at all about the css is the '.fourboxes:after' part. What is that about? Couldn't find a div class like that in the source code. Can s/he just declare what happens after the 4 boxes div by using that?

    It looks like basically they want a spacer with no content that clears everything.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[3758938].message }}
    • Profile picture of the author Istvan Horvath
      Originally Posted by Lloyd Buchinski View Post

      One thing I don't understand at all about the css is the '.fourboxes:after' part. What is that about?
      Pseudo-element... >
      Selectors Level 3
      Signature

      {{ DiscussionBoard.errors[3761233].message }}
      • Profile picture of the author Lloyd Buchinski
        Originally Posted by Istvan Horvath View Post

        Pseudo-element... >
        Selectors Level 3
        Thanks for that link Istvan. Since it is proposed selectors for css 3 I don't think I'm going to get into that.

        But besides that it made me wonder how that page looks in IE 6 etc. It didn't do badly in 6, but not good in 8 at all, large unwanted white space.

        So Darren if you haven't used css much (sounds like that) tables would be the way I would go anyway. I use css for all my sites but just began to use and appreciate tables lately. They do a lot of things better and more simply than css. Browsers like IE don't have problems with them.

        In fact I'm surprised that a site this slick doesn't have all the versions of IE covered.
        Signature

        Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

        The KimW WSO

        {{ DiscussionBoard.errors[3766090].message }}
  • Profile picture of the author KenFighter
    Just insert table man... Open html editor.. Insert table... Set the width n height... Then insert pictures n words..

    Cheers
    Signature
    {{ DiscussionBoard.errors[3758978].message }}
    • Profile picture of the author darrenmonroe
      First of all I want to say thanks guys for replying and helping me. I DIDN"T THINK I would get this many responses.

      I think Istvan and LLoyd are onto something. I am trying now.

      Push come to shove I will use the old school tables. But I am trying the magazine column plugin w the ideas from Istvan and LLoyd.

      That four boxes is really nice. Haven't touched css yet I hope it wont effect (or is it affect I FORGET LOL) my site.

      I will keep you posted if the fourbox part works or if I have to go to good ole tabs. The winner will be the suggestion I can actually make work and use.

      again thank you this is really helpful.
      Signature
      GET HELP MESSAGE ME

      {{ DiscussionBoard.errors[3761143].message }}
  • Profile picture of the author GoogleWarrior
    1. Get RAPIDWEAVER
    2. Get Rapidweaver add on Blocks
    {{ DiscussionBoard.errors[3764457].message }}
    • Profile picture of the author Ed Brown
      google serach term "gallery worpress theme" ....

      tables are so 1995, but in a crunch they always save my butt lol
      Signature
      Affordable Small Business Web Design & SEO by
      - City Publishing Groupâ„¢       -
      We Create. Quality.
      (I don't revisit topics I comment on. I offer my opinion and move on.
      If you'd like to discuss something further simply PM or email me.)
      {{ DiscussionBoard.errors[3765217].message }}
  • Profile picture of the author NeillSEO
    Tables my be "old", but there is no reason to go out of your way to create tables with div tags and CSS when what you really want is a table. Just use table tags when things are arranged in a table structure.

    Tables are only bad when they are used to create the entire page layout or when they are used for some reason other than creating a table. People were told "TABLES ARE BAD. RUN AWAY FROM THEM" when everyone was using them for page layouts. They are terrible for that and create a huge mess in the source code, but that doesn't mean that you can't use them for their original purpose.

    Sorry for the rant, but I really don't get the belief that tables are always bad.
    {{ DiscussionBoard.errors[3766804].message }}
    • Profile picture of the author darrenmonroe
      Originally Posted by NeillSEO View Post

      Tables my be "old", but there is no reason to go out of your way to create tables with div tags and CSS when what you really want is a table. Just use table tags when things are arranged in a table structure.

      Tables are only bad when they are used to create the entire page layout or when they are used for some reason other than creating a table. People were told "TABLES ARE BAD. RUN AWAY FROM THEM" when everyone was using them for page layouts. They are terrible for that and create a huge mess in the source code, but that doesn't mean that you can't use them for their original purpose.

      Sorry for the rant, but I really don't get the belief that tables are always bad.
      Neil I respect your comment keep it simple. Plus the whole css thing is bit of a headache given I just want to do this for a few pages.

      I want to make sure though I can do the line separations like Tim had for his products. But that said TG12 looks like your the lead for the money. I tried the css but not a coder a marketer.
      Signature
      GET HELP MESSAGE ME

      {{ DiscussionBoard.errors[3769140].message }}
  • Profile picture of the author 365Daysof
    Darren, it seems to me that your best bet is to use CSS to whip the output of your current shopping cart (or whatever) into shape...

    The style can be created a million different ways, but if you are working with a specific producer (shopping cart, blog component, etc), then your options will be more limited.

    So, it seems like it's going backwards.
    {{ DiscussionBoard.errors[3768810].message }}
    • Profile picture of the author ronc0011
      Go with the div / CSS method. This will be a terrific opportunity to learn about why and how web pages behave. You will want to do some Googling on CSS positioning and CSS float, also CSS div or html div. These are like cornerstones of web layout. Master these elements and you are very well on your way to learning web design. The other thing about these elements is that they are not that difficult to get a grasp on. You should be able to learn them pretty quickly.
      {{ DiscussionBoard.errors[3769091].message }}
  • Profile picture of the author wayfarer
    Tables are for tabular data. If it's tabular data, nothing wrong with using a table. If it's for columns without even rows, using a table is almost certainly the wrong thing to do.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[3769064].message }}
  • Profile picture of the author Ben Gordon
    This was created with html tables and div's.
    {{ DiscussionBoard.errors[3769859].message }}
  • Profile picture of the author darrenmonroe
    AND THE WINNER IS............ Istvan Horvath I thought tables for a while was the key. But when i went to a coder for him to do it Istvan was right. It was the divs and since he was the first to mention in detail. Istvan if you want it the $20 IS YOURS! I will PM you for your paypal address.

    Thanks everyone for helping the vet marketer figure this one out.
    Signature
    GET HELP MESSAGE ME

    {{ DiscussionBoard.errors[3793550].message }}

Trending Topics