http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url Support Forum - Topic: How can i make the 3 images on the 3 boxes columms link to different pages url en-US Wed, 22 May 2013 09:14:39 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15145 Fri, 18 Mar 2011 15:49:33 +0000 Dude 15145@http://www.kriesi.at/support/ <p>Glad that you found a solution :) </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15143 Fri, 18 Mar 2011 15:41:15 +0000 webt 15143@http://www.kriesi.at/support/ <p>SWEET!</p> <p>Adding three text widgets to the main page worked!<br /> <a href="http://webtransit.mobi" rel="nofollow">http://webtransit.mobi</a></p> <p>If I would have remembered that I can add widgets there earlier, I could have saved us all a lot of time, sorry about that!</p> <p>I would definitely recommend this method to the next person that asks... </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15140 Fri, 18 Mar 2011 14:22:18 +0000 webt 15140@http://www.kriesi.at/support/ <p>Ok I just tried it and it has two problems:<br /> it places a second set of the three images (with no text and no link) below the original three and:<br /> The three images and their text are placed vertically (in all browsers), on the screen instead of horizontally.<br /> Screen cap: <a href="http://webtransit.mobi/images/SS2.png" rel="nofollow">http://webtransit.mobi/images/SS2.png</a></p> <p>The first one was easy to fix, removing:<br /> ` $placeholder[1] = $placeholder_image1;<br /> $placeholder[2] = $placeholder_image2;<br /> $placeholder[3] = $placeholder_image3; '<br /> removes the second set of the three images at the bottom with no seen adverse effects. the three images above are still placed vertically instead of horizontally though.</p> <p>I'm thinking we are almost there, but I'm out of time. I have to have this website ready for launch this afternoon. I just found that I can place widgets on the main page(?), so I'm going to try to create the desired effect with three text widgets real quick if that doesn't work I'm going to just go back to the original with no links on these images. I'll update the post either way, but if the three widget thing doesn't work I'm going to leave this post open. For usability sake we believe that it's very important that these three images be linked to a page. </p> <p>One promising thing about your method is that I can now easily place an alt tag in there! </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15136 Fri, 18 Mar 2011 13:26:14 +0000 webt 15136@http://www.kriesi.at/support/ <p>Thanks I'll try that today, I would have never thought of trying it that way. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15102 Fri, 18 Mar 2011 07:52:44 +0000 Dude 15102@http://www.kriesi.at/support/ <p>Hey,<br /> I think the code is wrong. I posted the corrected version here: <a href="http://pastebin.com/G3kdW6kS" rel="nofollow">http://pastebin.com/G3kdW6kS</a> </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15039 Thu, 17 Mar 2011 15:09:49 +0000 webt 15039@http://www.kriesi.at/support/ <p>and while talking about the Three Amigo's (the three images below the slider, I noticed they have a blank alt tag and I's like them to each have a different keyphrase in there. Should I open a new thread for that or can we address that too? </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15032 Thu, 17 Mar 2011 13:54:23 +0000 webt 15032@http://www.kriesi.at/support/ <p>will do, thanks. I noticed that the link is only applied to the first one too...</p> <p>here's the code:<br /> <a href="http://pastebin.com/x9ekdZs3" rel="nofollow">http://pastebin.com/x9ekdZs3</a></p> <p>Thanks for jumping in! </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-15017 Thu, 17 Mar 2011 10:38:49 +0000 James Morrison 15017@http://www.kriesi.at/support/ <p>Hey,</p> <p>Looking at the site in FireBug, only the first image has a link attached to it so the 2nd and 3rd column images won't link anywhere in any browser.</p> <p>Can you upload the code you've used to <a href="http://pastebin.com" rel="nofollow">http://pastebin.com</a> (selecting PHP as the Syntax Highlighting) and link back to it here?</p> <p>James </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14986 Wed, 16 Mar 2011 17:34:37 +0000 webt 14986@http://www.kriesi.at/support/ <p>my bad, i typed it incorrectly, it's <a href="http://webtransit.mobi" rel="nofollow">http://webtransit.mobi</a> . . .</p> <p>And thanks for fixing my code sample!</p> <p>I appreciate your input, but adding<br /> <code>&lt;a href=&quot;http://website.com&quot;&gt;&lt;img src=&quot;my-image.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;&lt;/a&gt;</code><br /> didn't work, I suppose because it was in the middle of a php statement and it's html not php? In fact it gives an error:<br /> <strong>Parse error: syntax error, unexpected '&lt;' in /home/webtrans/public_html/wp-content/themes/display/index.php on line 58<br /> </strong></p> <p>I didn't mean to hijack this thread, it was just so closely related that I couldn't resist! :) </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14909 Wed, 16 Mar 2011 05:37:06 +0000 Dude 14909@http://www.kriesi.at/support/ <p>Hey,<br /> first I cleaned up the thread a bit - my lightbox thread was intended for another request (was not the answer to your question). The first answer I gave was (second post) is the correct one. </p> <p>Can you post a correct link to your site please. The link <a href="http://wentransit.mobi" rel="nofollow">http://wentransit.mobi</a> doesn't work for me. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14787 Mon, 14 Mar 2011 14:57:17 +0000 webt 14787@http://www.kriesi.at/support/ <p>ack, it stripped out tons o code, like the &lt;a href tags . . .</p> <p>I can send it through other means , email, IM whateve, if you need me too. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14784 Mon, 14 Mar 2011 14:43:33 +0000 webt 14784@http://www.kriesi.at/support/ <p>The bug is back in place:</p> <p>I'll paste the code here, but I think the forum will auto strip parts of it:<br /> <pre><code>echo &#39;&lt;a href=&quot;http://webtransit.mobi/atlanta-e-commerce-more&quot;&gt;&#39;; $placeholder[1] = $placeholder_image1.&#39;&lt;/a&gt;&lt;h3&gt;E Commerce:&lt;/h3&gt;&lt;p&gt;E-Commerce includes web and mobile sites. You have to be everywhere. We understand the interface, gateway, merchant services, and how it all works. &lt;a href=&quot;http://webtransit.mobi/atlanta-e-commerce-more&quot;&gt;We help you sell online&lt;/a&gt;&lt;/p&gt;&#39;; echo &#39;&lt;a href=&quot;http://webtransit.mobi/atlanta-online-marketing&quot;&gt;&#39;; $placeholder[2] = $placeholder_image2.&#39;&lt;/a&gt;&lt;h3&gt;Internet Marketing:&lt;/h3&gt;&lt;p&gt;Web, mobile, local, email, iPad, Android, etc. You need to use everything at your disposal to drive sales. &lt;a href=&quot;http://webtransit.mobi/atlanta-online-marketing&quot;&gt;We get customers to your store&lt;/a&gt;&lt;/p&gt;&#39;; //class for link used to be class=&quot;more-link&quot;, removing this allowed to be all on one line instead 12 characters per line or whatev. echo &#39;&lt;a href=&quot;http://webtransit.mobi/atlanta-ipad-development-more&quot;&gt;&#39;; $placeholder[3] = $placeholder_image3.&#39;&lt;/a&gt;&lt;h3&gt;iPad / Mobile Development:&lt;/h3&gt;&lt;p&gt;The web is moving to your handheld device, at an alarming rate. There are more searches coming from mobile devices than ever before. &lt;a href=&quot;validURL&quot;&gt;We help you get your mobile going.&lt;/a&gt;&#39;;</code></pre> <p>It appears to be some IE CSS nightmare...</p> <p>It's also weird that only the first image is linked, not all three . . . </p> <p>I've tried several things, I'm stumped.... for the moment. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14777 Mon, 14 Mar 2011 13:51:59 +0000 webt 14777@http://www.kriesi.at/support/ <p>It's <a href="http://wentransit.mobi.." rel="nofollow">http://wentransit.mobi..</a>.</p> <p>Give me 10 minutes to put the bug back in.... </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14625 Sat, 12 Mar 2011 10:47:54 +0000 James Morrison 14625@http://www.kriesi.at/support/ <p>Hey,</p> <p>What's the site URL with the IE bug?</p> <p>Seeing it 1st hand makes it a lot easier to work out what's going on.</p> <p>James </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14576 Fri, 11 Mar 2011 16:27:59 +0000 webt 14576@http://www.kriesi.at/support/ <p>O nuts! I thought it worked, until I opened it in IE. then, only the first linked image worked and it busted the layout, making the image display vertically instead of the way they did originally.</p> <p>nuts..</p> <p>So the ball is back in your court . . . </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14572 Fri, 11 Mar 2011 15:27:32 +0000 webt 14572@http://www.kriesi.at/support/ <p>It works!</p> <p>Sorry, the forum would let me place code for a sample hyperlink (for those who don't know how to write it) above where it says "insert hyperlink code here" </p> <p>I will try your example above if I want to use a lightbox at some time in the future because that does look pretty cool, especially the video.</p> <p>One last question though. Sorry to be so complicated, but that's valeuable SEO real estate and I was wondering if you could rtell me how to add an alt tag to the tree images in question, so I can pass a keyword on with the link? </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14570 Fri, 11 Mar 2011 15:16:50 +0000 webt 14570@http://www.kriesi.at/support/ <p>Quick idea: what if I placed :</p> <p>echo 'insert hyperlink code here';<br /> &lt;p&gt;before:<br /> $placeholder[1] = $placeholder_image1.'&lt;h3&gt;my text content here . . . . . .&lt;/p&gt;<br /> &lt;p&gt;and then change the above to<br /> $placeholder[1] = $placeholder_image1.'&lt;h3&gt;my text content here . . . . . .&lt;/p&gt;<br /> &lt;p&gt;`</p> <p>O gee maybe I'll just test this and post the results . . .BRB </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-14477 Thu, 10 Mar 2011 21:45:43 +0000 webt 14477@http://www.kriesi.at/support/ <p>Hi, I'm wondering the same thing. Maybe I'm wrong but won't the code you've placed above open an image in a lightbox? I'm just wanting it to forward the user to a different page. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12215 Wed, 02 Feb 2011 09:51:34 +0000 Dude 12215@http://www.kriesi.at/support/ <p>You can add a link with an image like:<br /> <pre><code>&lt;a href=&quot;http://website.com&quot;&gt;&lt;img src=&quot;my-image.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;&lt;/a&gt;</code></pre> <p>to your index.php text.<br /> Replace website.com and my-image.jpg with the source path to your image/website. You need to resize the images first to 280px width so that they fit into the columns. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12179 Tue, 01 Feb 2011 11:36:41 +0000 rafizzz 12179@http://www.kriesi.at/support/ <p>Hi </p> <p>Thank you for the update.<br /> i'm not using post, page or widget just using the index.php....</p> <p>isn't there any simple option to just add some links to index.php? </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12163 Tue, 01 Feb 2011 08:44:27 +0000 Dude 12163@http://www.kriesi.at/support/ <p>Oops ... forgot a few things. I updated the instructions above. </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12140 Mon, 31 Jan 2011 23:23:32 +0000 rafizzz 12140@http://www.kriesi.at/support/ <p>Hi dude,</p> <p>Thank you for you help!<br /> I didn't understand few things:</p> <p>1) in whice file should i edit this code.<br /> 2) what did you mean here:<br /> "Afterwards you must set post meta fields in all your portfolio posts. Call the fields "url" and type in the websites' adresses as values"</p> <p>what is setting post meta fields? and what are portfolio posts?</p> <p>Please help</p> <p>Thanks again,<br /> Rafael </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12108 Mon, 31 Jan 2011 08:38:51 +0000 Dude 12108@http://www.kriesi.at/support/ <p>Hey, replace following code in kclass_display_box.php (loacted under framework\classes):<br /> <pre><code>if ($preview_big == &quot;&quot;) { $lightbox = &#39;&#39;; $link = true; $link_url = get_permalink(); } // the kriesi_build_image function used here checks if the image should be resized. // the function is located in framework/helper_functions</code></pre> <p>with:</p> <pre><code>if ($preview_big == &quot;&quot;) { $lightbox = &#39;&#39;; $link = true; $link_url = get_permalink(); } if (get_post_meta($post-&gt;ID, &#39;url&#39;, true)) { $lightbox = &#39;&#39;; $link = true; $link_url = get_post_meta($post-&gt;ID, &#39;url&#39;, true); } // the kriesi_build_image function used here checks if the image should be resized. // the function is located in framework/helper_functions</code></pre> <p>Afterwards you can set post meta fields in all your posts/pages which should appear in your mainpage columns (pages/posts you set under Display Options &gt; Mainpage Options). Call the fields "url" and type in the websites' adresses as values. This post will tell you more about custom fields: <a href="http://www.kriesi.at/archives/how-to-use-wordpress-custom-fields" rel="nofollow">http://www.kriesi.at/archives/how-to-use-wordpress-custom-fields</a> </p> http://www.kriesi.at/support/topic/how-can-i-make-the-3-images-on-the-3-boxes-columms-link-to-different-pages-url#post-12061 Sat, 29 Jan 2011 16:22:01 +0000 rafizzz 12061@http://www.kriesi.at/support/ <p>hi</p> <p>I want that the 3 images below the slider will link to 3 different urls.<br /> how can i do that? i'm using display theme...</p> <p>Thanks </p>