http://www.kriesi.at/support/tags/magnify Support Forum - Tag: magnify - Recent Posts en-US Tue, 18 Jun 2013 06:32:11 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/need-logo-to-be-larger#post-82081 Sat, 03 Nov 2012 10:56:23 +0000 Nick 82081@http://www.kriesi.at/support/ <p>Hi,</p> <p>1) I am not sure I understand the question. If your website is running on Wordpress (a content management system CMS) you can use plugins built for that CMS. However if your website is running on a different CMS such as Joomla for example or Drupal, then you would need to use plugins built for those systems. </p> <p>All websites are created via a process such as this - first laid out in Photoshop/Illustrator/Fireworks then are transferred to html/css. At that point the design is complete and a programmer creates a theme which includes the layout along with the database/interactivity/backend functionality using some programming language, which in the case of Wordpress is PHP and in addition uses syntax specific to Wordpress. A Wordpress theme without Wordpress is like a DVD without a DVD player.</p> <p>I think your confusion can be cleared up by investing 3-4 hours watching basic youtube videos about Wordpress and CSS.</p> <p>I suggest you watch these:<br /> 1) <a href="http://www.youtube.com/watch?v=it8jbSdderk" rel="nofollow">http://www.youtube.com/watch?v=it8jbSdderk</a> (a bit longwinded, but he litterally doesn't leave any point unturned)<br /> 2) <a href="http://www.youtube.com/watch?v=nTkFxkjDvjM" rel="nofollow">http://www.youtube.com/watch?v=nTkFxkjDvjM</a> (can put an insomniac to sleep, but after 10 mins gets better)</p> <p>The second video above, is all about the #1 tool you should get to know and love if you want to change your name from codeless to codechamp - firebug on firefox/or chrome developer tools on chrome. Begin with this 5min video <a href="http://vimeo.com/20917974" rel="nofollow">http://vimeo.com/20917974</a> </p> <p>---------------------</p> <p>Regarding creating image galleries, please add the <a href="http://wordpress.org/extend/plugins/nextgen-gallery/" rel="nofollow">http://wordpress.org/extend/plugins/nextgen-gallery/</a> Nextgen Gallery plugin, which will let you easily create galleries anyway you want.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/need-logo-to-be-larger#post-81800 Thu, 01 Nov 2012 13:26:18 +0000 Codeless 81800@http://www.kriesi.at/support/ <p>Thanks for the reply. I fixed the logo issue. Here's 2 more questions, that I can't figure out.</p> <p>1. As far as the 2nd answer, can I still install a wordpress plugin if i didn't use wordpress to create the site?</p> <p>2. This is regarding prettyphoto, in the "Portfolio" section..When I move the cursor over the picture, the magnifying tool shows. When I click that, a transparent box appears and another larger image appears on the screen. My question is, I want to be able to scroll thru a set of pictures but how do I code that? Is that code built on another page, like a css page or some other page? </p> <p>Thanks again. I should have chose my user name as clueless instead of codeless. ;) </p> http://www.kriesi.at/support/topic/need-logo-to-be-larger#post-81383 Mon, 29 Oct 2012 09:17:22 +0000 Dude 81383@http://www.kriesi.at/support/ <p>1) Yes. The psd files can be found in the themeforest zip archive.Open the zip file and you'll find a folder called "psd". This folder contains several other folders - among them psd, psd2 and psd3. Each of these folders contains a file called "logo.psd". Select the right logo.psd (depends on your skin) and edit it with Photoshop. You can change the logo dimensions in style.css. Open up the file and search for following code:</p> <pre><code>#top .logo, .logo a{ height:90px; width:210px; display:block; position:absolute; left:20px; top:13px; border: none; padding: 0; margin:0; overflow: hidden; }</code></pre> <p>Adjust the width/height value as required.</p> <p>2) You can try plugins like: <a href="http://wordpress.org/extend/plugins/column-shortcodes/" rel="nofollow">http://wordpress.org/extend/plugins/column-shortcodes/</a> </p> http://www.kriesi.at/support/topic/need-logo-to-be-larger#post-81275 Sat, 27 Oct 2012 20:47:57 +0000 Codeless 81275@http://www.kriesi.at/support/ <p>Greetings. I really like your design and template a lot but I need to adjust something's for it to work for my content.</p> <p>1. The log at the top "Display". Is there a psd file for it? I really need to make that logo bigger. Can the photo slider thingie be moved down to accodate the logo being larger? My logo is more vertical than horizontal and I cannot change the design. I need the logo to be at least 190 width by 125 height. If it makes things easier. I removed the those 3 columns under where it says "This is «display», a unique". I hope that helps alleviate some room.</p> <p>2. I have a services tab and I made a list of services. Is there any way to make 2 columns instead of one long listing?</p> <p>PLEASE help me, PLEEEEEASE!<br /> - jd </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27538 Thu, 22 Sep 2011 10:42:56 +0000 Dude 27538@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27525 Thu, 22 Sep 2011 07:32:43 +0000 brouge 27525@http://www.kriesi.at/support/ <p>wow that is soooooooo cool!<br /> you are doing an awesome job dude!<br /> thank you! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27510 Thu, 22 Sep 2011 05:37:10 +0000 Dude 27510@http://www.kriesi.at/support/ <p>Yes of course - just write the class attribute like:<br /> <pre><code>class=&quot;fancybox buynow athirdclass anotherclass&quot;</code></pre> <p>So each class separated by a blank </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27497 Wed, 21 Sep 2011 18:38:43 +0000 brouge 27497@http://www.kriesi.at/support/ <p>one last little thing.<br /> it seems that the video hover play button is the standard one even for pictures.<br /> i want to make a popup with fancybox from an image with the magnify symbol.<br /> i need to give the picture the class="fancybox" to open it with fancybox.<br /> can i give two different classes to one object and if so how? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27373 Tue, 20 Sep 2011 07:04:14 +0000 Dude 27373@http://www.kriesi.at/support/ <p>Great - smells like new theme :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27356 Mon, 19 Sep 2011 23:25:08 +0000 brouge 27356@http://www.kriesi.at/support/ <p>i switched today! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27248 Sun, 18 Sep 2011 08:12:15 +0000 Dude 27248@http://www.kriesi.at/support/ <p>Glad that I could help you. Please switch to retail version asap :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27188 Fri, 16 Sep 2011 20:48:09 +0000 brouge 27188@http://www.kriesi.at/support/ <p>.lightbox_buynow, .lightbox_video, .lightbox_image{<br /> position: absolute;<br /> z-index: 1;<br /> top:0;<br /> left:0;<br /> }</p> <p>works like a charm with the little dot at the beginning. </p> <p>thanks for your advice i will replace the illigal copy with the retail one.when i was updating the homepage i took the cracked version as a test to see how it looks. when i purchased the retail copy i allready had made some customizations and simply was to lazy to install everything again. this was a clear mistake by me and i have to apologize. of course i have a license from theme forrest (otherwise i would not have any access to this awesome support forum).<br /> sorry for the inconvenience, your support and kriesis work is a big help.</p> <p>best regards<br /> thomas </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27185 Fri, 16 Sep 2011 18:01:54 +0000 Dude 27185@http://www.kriesi.at/support/ <p>Try to add your lightbox class to following code in style.css:<br /> <pre><code>.lightbox_video, .lightbox_image{ position: absolute; z-index: 1; top:0; left:0; }</code></pre> <p>like:<br /> <pre><code>.lightbox_buynow, .lightbox_video, .lightbox_image{ position: absolute; z-index: 1; top:0; left:0; }</code></pre> <p>That said I noticed that you're using a pirate copy/illegal version of Display. This is quite bad in many ways because 1) this version adds malware links which point to other websites (which will affect seo) to the html code, you violate copyrights, the theme version is outdated and last but not least we won't support it. Please upload the retail version (you can download it @themeforest.net if you bought Display) and remove the pirate copy from your server. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27182 Fri, 16 Sep 2011 16:50:15 +0000 brouge 27182@http://www.kriesi.at/support/ <p>a target="blank" class="buynow" rel="lightbox_buynow" href="http://www.grin.com/e-book/162626/mathe-mit-nullplan/?partner_id=634859"&gt;<br /> <img src="http://www.mathemitnullplan.de/wp-content/uploads/analysis.gif" /></p> <p>you can have a look at <a href="http://www.mathemitnullplan.de" rel="nofollow">http://www.mathemitnullplan.de</a><br /> if you scroll down its the left picture (analysis) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27178 Fri, 16 Sep 2011 16:13:22 +0000 Dude 27178@http://www.kriesi.at/support/ <p>Can you post a link to a sample entry please? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27176 Fri, 16 Sep 2011 15:47:27 +0000 brouge 27176@http://www.kriesi.at/support/ <p>i added the if(jQuery(this).hasClass('buynow')) $newclass = 'lightbox_buynow'; behind the code.<br /> in my style1.css i added:<br /> .lightbox_buynow{<br /> background:transparent url(http://www.mathemitnullplan.de/wp-content/uploads/buy.png) no-repeat center center;<br /> }<br /> and even<br /> .buynow{<br /> background:transparent url(http://www.mathemitnullplan.de/wp-content/uploads/buy.png) no-repeat center center;<br /> }</p> <p>in the image link i add rel="lightbox_buynow" class="buynow" ... but the icon doesn't show up.<br /> the fade effekt from lightbox works but the icon is not visible yet. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27167 Fri, 16 Sep 2011 13:37:22 +0000 Dude 27167@http://www.kriesi.at/support/ <p>You can add your code after following line in custom.js:<br /> <pre><code>if(jQuery(this).attr(&#39;href&#39;).match(/(jpg|gif|jpeg|png|tif)/)) $newclass = &#39;lightbox_image&#39;;</code></pre> <p>I.e. you can try to work with custom classes for "buy now items" and use the hasclass() function: <a href="http://api.jquery.com/hasClass/" rel="nofollow">http://api.jquery.com/hasClass/</a> to change the hover image class. The code would look like:</p> <pre><code>if(jQuery(this).attr(&#39;href&#39;).match(/(jpg|gif|jpeg|png|tif)/)) $newclass = &#39;lightbox_image&#39;; if(jQuery(this).hasClass(&#39;buynow&#39;)) $newclass = &#39;lightbox_buynow&#39;;</code></pre> <p>All "buy now" image links must have a "buynow" css class. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27154 Fri, 16 Sep 2011 08:54:37 +0000 brouge 27154@http://www.kriesi.at/support/ <p>sorry my browser didn't show your reply because of caching.<br /> okay, i never use gifs for images.<br /> so any gif can activate the buy icon.<br /> what do i have to change in the custom.js? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27153 Fri, 16 Sep 2011 08:51:47 +0000 brouge 27153@http://www.kriesi.at/support/ <p>everything points into the direction that this has something to do with the custom.js and the style1.css.</p> <p>in the custom.js i insert<br /> $newclass = 'lightbox_buy'; before $newclass = 'lightbox_video';</p> <p>in the style1.css i insert<br /> .lightbox_buy{<br /> background:transparent url(../images/skin1/buy.png) no-repeat center center;<br /> }</p> <p>giving the image the rel="lightbox_buy" activates the lightbox but it still shows the same icon as the video (activated by rel="lightbox_video").</p> <p>any advice for what is missing will be appreciated! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27140 Fri, 16 Sep 2011 06:37:48 +0000 Dude 27140@http://www.kriesi.at/support/ <p>Hey,<br /> to be honest it's not easily possible because our javascript function adds the "right" icon based on the file type. I.e. jpg, png, gif, etc. files (images) get a magnifier, videos like youtube, vimeo, and all file types which are not marked as image get a "play" symbol. You can change the code/logic in js/custom.js </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-fancybox#post-27117 Fri, 16 Sep 2011 05:32:59 +0000 Dude 27117@http://www.kriesi.at/support/ <p>Glad that you found the solution :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27105 Fri, 16 Sep 2011 00:19:11 +0000 brouge 27105@http://www.kriesi.at/support/ <p>i found out that you have to include within the links:<br /> rel = "lightbox[boxes]" for the video icon<br /> rel = "gallery" for the image icon</p> <p>how is it possible to extend those icons. i know how to change them but i want to include a third icon for special links.<br /> e.g. rel ="buy" for ordering downloads<br /> where do i have to register this new icon?</p> <p>thanks in advance for a fast reply<br /> t.b.r. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27080 Thu, 15 Sep 2011 18:36:15 +0000 brouge 27080@http://www.kriesi.at/support/ <p>hello,<br /> is it possible to make normal images behave like the images at the top of a blog post or at the portfolio?<br /> i tried to give them a lightbox class but that won't work.<br /> they are placed as a widget in the box at the frontpage and link to another site:<br /> <a href="http://www.mathemitnullplan.de"><img src="http://www.mathemitnullplan.de/wp-content/uploads/Buchcover-Analysis.png" /></a></p> <p>any suggestions?<br /> best regards </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-fancybox#post-27060 Thu, 15 Sep 2011 11:44:30 +0000 brouge 27060@http://www.kriesi.at/support/ <p>this is how it works</p> <p>in your theme folder go to display/js and open custom.js in an editor.<br /> search and delete (or comment out) the following part:</p> <p>jQuery($elements).prettyPhoto({<br /> "theme": 'light_square' /* light_rounded / dark_rounded / light_square / dark_square */<br /> });</p> <p>that should do the trick! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-fancybox#post-27044 Thu, 15 Sep 2011 09:07:34 +0000 brouge 27044@http://www.kriesi.at/support/ <p>hi there,</p> <p>i am using fancybox with the theme which is a little bit nicer than the standard lightbox viewer.<br /> doing so one big problem occured.<br /> the nice hover animation with the magnifying glass is gone.<br /> how do i get this work also with fancy box?</p> <p>best regards<br /> thomas b. rouge </p>