<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Question2Answer Q&amp;A - Recent questions tagged lightbox</title>
<link>https://www.question2answer.org/qa/tag/lightbox</link>
<description>Powered by Question2Answer</description>
<item>
<title>can´t install blog plugin</title>
<link>https://www.question2answer.org/qa/52251/can%C2%B4t-install-blog-plugin</link>
<description>

&lt;p&gt;i can´t install qa-blog-post &amp;nbsp; &amp;nbsp;&lt;a href=&quot;https://github.com/arjunsuresh/qa-blog-post&quot; rel=&quot;nofollow&quot;&gt;https://github.com/arjunsuresh/qa-blog-post&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;when i try i see this msg:&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;Question2Answer was unable to perform the installation query below. Please check the user in the config file has CREATE and ALTER permissions:&lt;/span&gt;
&lt;br&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;CREATE TABLE IF NOT EXISTS qa_blog_posts (&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`postid` int(10) unsigned NOT NULL AUTO_INCREMENT,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`userid` int(10) unsigned NOT NULL,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`title` varchar(300),&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`type` int(10) unsigned,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`content` varchar(60000),&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`posted` datetime,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`views` int(10) unsigned,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`updated` datetime,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`tags` varchar(300) NOT NULL,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`notify` varchar(300) NOT NULL,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;`format` varchar(100) NOT NULL,&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;PRIMARY KEY (`postid`),&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;KEY `posted` (`posted`),&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;KEY `updated` (`updated`)&lt;/span&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;) ENGINE=InnoDB DEFAULT CHARSET=utf8&lt;/span&gt;
&lt;br&gt;
&lt;br&gt;&lt;span style=&quot;color:rgb(187, 0, 0); font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;Error 1074: Column length too big for column 'content' (max = 21845); use BLOB or TEXT instead&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;

&lt;p&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:#000000&quot;&gt;&lt;span style=&quot;font-family:verdana,arial,helvetica,sans-serif; font-size:16px&quot;&gt;THis is &amp;nbsp;my page is in spanish languaje &lt;a href=&quot;http://mi-respuesta.com/&quot; rel=&quot;nofollow&quot;&gt;http://mi-respuesta.com/&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</description>
<category>Plugins</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/52251/can%C2%B4t-install-blog-plugin</guid>
<pubDate>Tue, 21 Jun 2016 04:34:21 +0000</pubDate>
</item>
<item>
<title>How to implement a lightbox plugin to the images uploaded on the Q2A Blog tool?</title>
<link>https://www.question2answer.org/qa/50205/how-implement-lightbox-plugin-the-images-uploaded-blog-tool</link>
<description>

&lt;p&gt;The following plugin&amp;nbsp;works perfect on the Q2A images, but it doesn't work on the images uploaded on the Blog.&lt;/p&gt;

&lt;p&gt;&lt;a rel=&quot;nofollow&quot; href=&quot;http://www.q2apro.com/plugins/lightbox&quot;&gt;http://www.q2apro.com/plugins/lightbox&lt;/a&gt;&lt;span style=&quot;color:rgb(52, 73, 94); font-family:ubuntu,helvetica,arial,freesans,sans-serif; font-size:16px&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;span style=&quot;color:rgb(52, 73, 94); font-family:ubuntu,helvetica,arial,freesans,sans-serif; font-size:16px&quot;&gt;Any solutions?&lt;/span&gt;&lt;/p&gt;</description>
<category>Plugins</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/50205/how-implement-lightbox-plugin-the-images-uploaded-blog-tool</guid>
<pubDate>Mon, 08 Feb 2016 03:32:23 +0000</pubDate>
</item>
<item>
<title>Image lightbox plugin required</title>
<link>https://www.question2answer.org/qa/29059/image-lightbox-plugin-required</link>
<description>

&lt;p&gt;
	Can somebody from this community implement an image lightbox plugin for Q2A?&lt;/p&gt;


&lt;p&gt;
	Examples:&amp;nbsp;&lt;/p&gt;


&lt;ol&gt;
	

&lt;li&gt;
		&lt;a href=&quot;http://fancybox.net/&quot; rel=&quot;nofollow&quot;&gt;fancyBox2&lt;/a&gt; (has an API)&lt;/li&gt;
	

&lt;li&gt;
		&lt;a rel=&quot;nofollow&quot; href=&quot;http://lokeshdhakar.com/projects/lightbox2/&quot;&gt;Lightbox2&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;


&lt;p&gt;
	Or maybe gidgreen can add this feature in upcoming versions? Thank you very much!&lt;/p&gt;</description>
<category>Plugins</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/29059/image-lightbox-plugin-required</guid>
<pubDate>Sat, 16 Nov 2013 09:58:03 +0000</pubDate>
</item>
<item>
<title>Implement a Lightbox Effect for posted images (q2a tutorial)</title>
<link>https://www.question2answer.org/qa/17523/implement-a-lightbox-effect-for-posted-images-q2a-tutorial</link>
<description>

&lt;p&gt;
	For all who do not know how to handle q2a, get the premium plugin at: &lt;a href=&quot;http://www.q2apro.com/plugins/lightbox&quot; rel=&quot;nofollow&quot;&gt;http://www.q2apro.com/plugins/lightbox&lt;/a&gt; - The installation is dead-simple:&lt;/p&gt;


&lt;p&gt;
	1. Buy plugin, download, unzip
&lt;br&gt;
	2. upload plugin to server
&lt;br&gt;
	3. done&lt;/p&gt;


&lt;p&gt;
	---&lt;/p&gt;


&lt;p&gt;
	I thought this is worth sharing: What is a Lightbox effect: Click on an image within a question or answer, and a sami-transparent layer pops up showing the&amp;nbsp;image full size and centered:&lt;/p&gt;


&lt;p&gt;
	&lt;img alt=&quot;lightbox-q2a-screenshot&quot; height=&quot;306&quot; src=&quot;http://www.question2answer.org/qa/?qa=blob&amp;amp;qa_blobid=15031400557443221272&quot; width=&quot;560&quot;&gt;&lt;/p&gt;


&lt;p&gt;
	Implemented in questions/answers of: &lt;a href=&quot;http://www.gute-mathe-fragen.de/&quot; rel=&quot;nofollow&quot;&gt;Gute-Mathe-Fragen.de (Demo)&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;
	&amp;nbsp;&lt;/p&gt;


&lt;p&gt;
	&lt;span style=&quot;font-size:14px;&quot;&gt;&lt;strong&gt;Lightbox-Tutorial: &lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;


&lt;p&gt;
	Steps you have to do to achieve this effect:&lt;/p&gt;


&lt;p&gt;
	1. open up your advanced theme file: &lt;strong&gt;qa-theme.php&lt;/strong&gt; where you should have a custom function body_content(). There you add (&lt;span style=&quot;color:#000080;&quot;&gt;before $this-&amp;gt;body_suffix();&lt;/span&gt; ):&lt;/p&gt;


&lt;p&gt;
	&lt;span style=&quot;color:#0000ff;&quot;&gt;&lt;span style=&quot;font-family: lucida sans unicode,lucida grande,sans-serif;&quot;&gt;// output lightbox for image popup at end of body, pseudo image for valid html
&lt;br&gt;
	$this-&amp;gt;output('&amp;lt;div id=&quot;lightbox-popup&quot;&amp;gt; &amp;lt;div id=&quot;lightbox-center&quot;&amp;gt;&amp;nbsp; &amp;lt;img id=&quot;lightbox-img&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==&quot; alt=&quot;Lightbox&quot; /&amp;gt;&amp;nbsp; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;');&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;


&lt;p&gt;
	2. open your custom theme css file: &lt;strong&gt;qa-styles.css&lt;/strong&gt; and add in the end:&amp;nbsp;&lt;/p&gt;


&lt;p&gt;
	&lt;span style=&quot;font-family:lucida sans unicode,lucida grande,sans-serif;&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 255);&quot;&gt;#lightbox-popup{
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; background:#000000;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;background:rgba(0,0,0,0.75);
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; height:100%;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 100%;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; position:fixed;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; top:0;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; left:0;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; display: none;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;z-index:1119;
&lt;br&gt;
	}
&lt;br&gt;
	#lightbox-center{
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; margin: 6% auto;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; width: auto;
&lt;br&gt;
	}
&lt;br&gt;
	img#lightbox-img {
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;padding:25px;
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;background:#FFF
&lt;br&gt;
	}&lt;/span&gt;&lt;/span&gt;
&lt;br&gt;
	&amp;nbsp;&lt;/p&gt;


&lt;p&gt;
	3. open your javascript file, I am using &lt;strong&gt;qa-page.js&lt;/strong&gt; and add all my javascript in there. So add these lines into jquery's ready routine:&lt;/p&gt;


&lt;p&gt;
	&lt;span style=&quot;color:#0000ff;&quot;&gt;&lt;span style=&quot;font-family: lucida sans unicode,lucida grande,sans-serif;&quot;&gt;$(document).ready(function(){
&lt;br&gt;
	&amp;nbsp;&amp;nbsp;&amp;nbsp; // lightbox effect for images
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;.entry-content img&quot;).click(function(){
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;#lightbox-popup&quot;).fadeIn(&quot;slow&quot;);
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;#lightbox-img&quot;).attr(&quot;src&quot;, $(this).attr(&quot;src&quot;));
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;// center vertical
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;#lightbox-center&quot;).css(&quot;margin-top&quot;, ($(window).height() - $(&quot;#lightbox-center&quot;).height())/2&amp;nbsp; + 'px');
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;});
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;#lightbox-popup&quot;).click(function(){
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;$(&quot;#lightbox-popup&quot;).fadeOut(&quot;fast&quot;);
&lt;br&gt;
	&amp;nbsp;&amp;nbsp; &amp;nbsp;});
&lt;br&gt;
	});&lt;/span&gt;&lt;/span&gt;
&lt;br&gt;
	
&lt;br&gt;
	4. upload all your files to the server (backup before overwrite)&lt;/p&gt;


&lt;p&gt;
	5. Full reload of your site CTRL+SHIFT+R in firefox.&lt;/p&gt;


&lt;p&gt;
	6. click on an image within a question or answer, it should lightbox-pop-up :)
&lt;br&gt;
	&amp;nbsp;&lt;/p&gt;</description>
<category>Q2A Core</category>
<guid isPermaLink="true">https://www.question2answer.org/qa/17523/implement-a-lightbox-effect-for-posted-images-q2a-tutorial</guid>
<pubDate>Mon, 03 Sep 2012 06:21:30 +0000</pubDate>
</item>
</channel>
</rss>