www.gopiplus.com

gopiplus

<p>Vertical scroll recent comments wordpress plugin will scroll the recent post comment vertically (bottom to top) in the widget.</p>
<p>Check official website for live demo <a href="http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/" rel="nofollow ugc">http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/</a></p>
<ul>
<li><a href="http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/" rel="nofollow ugc">Live Demo</a>    </li>
<li><a href="http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/" rel="nofollow ugc">More Information</a>         </li>
<li><a href="http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/" rel="nofollow ugc">User Comments</a>        </li>
<li><a href="http://www.gopiplus.com/work/plugin-list/" rel="nofollow ugc">Click to see my other plugins</a>           </li>
</ul>
<p>Vertical scroll recent comments wordpress plugin will scroll the recent post comment vertically (bottom to top) in the widget. This is the best and stylish way to show the recent comments to user. We have option to show avatar images along with comments. No coding language required to setup this plugin. Just activate the plugin and drag and drop the vertical scroll recent comments widget to your sidebar. And check the front end. You can see the recent comments scroller in the front end. To update the setting go to setting page and do the changes.</p>
<h4>Features of this plugin</h4>
<ul>
<li>Easy to install and configure.</li>
<li>Its scrolling vertical so we can display more comments.</li>
<li>User can see the newest comments at sidebar.</li>
<li>You can customize the number of recent comments to display.</li>
<li>Its scrolling so it occupies less space in sidebar.</li>
<li>Option to display avator image in the scroll.</li>
</ul>
<p>We can use this plug-in in two different way.</p>
<ol>
<li>
<p>Go to widget menu and drag and drop the “Vertical scroll recent comments” widget to your sidebar location.</p>
</li>
<li>
<p>Copy and past the given code to your desired template location.</p>
</li>
</ol>
<p>http://www.gopiplus.com/work/2010/07/18/vertical-scroll-recent-comments/</p>
<h4>Translators</h4>
<ul>
<li>English (en_EN) – <a href="http://www.gopiplus.com/" rel="nofollow ugc">Gopi Ramasamy</a></li>
<li>Polish (pl_PL) – <a href="https://www.couponmachine.in/" rel="nofollow ugc">Abdul Sattar</a></li>
</ul>


Vertical scroll recent comments

Vertical scroll recent comments wordpress plugin will scroll the recent post comment vertically (bottom to top) in the widget.

Braad

<p>Vertical Center lets you easily vertically center elements.</p>
<h4>Features</h4>
<ul>
<li>Center an unlimited number of elements independently</li>
<li>Specify simple CSS/jQuery selectors to target elements</li>
<li>Easy to use admin interface</li>
<li>Items are vertical centered immediately after the page has loaded</li>
<li>Adds a class to each centered element after it has been centered (useful for CSS transition effects)</li>
<li>Fully responsive (automatically updates on resize and orientationchange events)</li>
<li>Works on mobile devices</li>
<li>Works across all modern browsers (including IE8)</li>
<li>Trigger custom ‘verticalcenter’ event to force a recalculation</li>
<li>Debounced resize events for added smoothness</li>
</ul>
<p>Check out the <a href="https://wordpress.org/plugins/vertical-center/screenshots/" rel="ugc">Screenshots tab</a> for a gif of the plugin in action.</p>
<h4>Instructions</h4>
<ol>
<li>Navigate to <strong>Settings > Vertical Center</strong> in the WordPress admin.</li>
<li>Enter a <em>selector</em> and an <em>offset</em> for the element(s) you want to center.</li>
<li>Add/remove additional elements by clicking the “+ Add More” and “Remove” buttons.</li>
</ol>
<h4>Advanced</h4>
<p>Want to trigger the vertical centering manually? No problem. You can skip entering a selector on the settings page and call the jQuery script yourself using either <code>.initVerticalCenter()</code> or <code>.doVerticalCenter()</code>. The <code>.initVerticalCenter()</code> method sets up the event listeners to recalculate if the window is resized, while the <code>.doVerticalCenter()</code> method directly centers without attaching any events:</p>
<pre><code>// Attach events and center.
jQuery( '.selector' ).initVerticalCenter();

// Center without attaching events.
jQuery( '.selector' ).doVerticalCenter();
</code></pre>
<p>Both functions take one optional argument, the offset value (as a number of pixels):</p>
<pre><code>jQuery( '.selector' ).initVerticalCenter( offset );

jQuery( '.selector' ).doVerticalCenter( offset );
</code></pre>
<p>To offset the calculation by 20 pixels:</p>
<pre><code>jQuery( '.selector' ).initVerticalCenter( 20 );
</code></pre>
<p>The functions are chainable. My personal favorite way to use this plugin is to inline <code>style="opacity: 0;"</code> on the elements that I am centering (to guarantee they’ll be transparent when the DOM loads) and then fade them in with something like this:</p>
<pre><code>jQuery( '.selector' ).initVerticalCenter().delay( 200 ).fadeTo( 'slow', 1 );
</code></pre>
<p>Or to achieve the same effect with only CSS you can use the <code>vc-complete</code> class that gets added to each target element after the initial centering (added in version 1.0.3), which might look like this:</p>
<pre><code>#target {
    opacity: 0;
    transition: opacity 0.5s;
}

#target.vc-complete {
    opacity: 1;
}
</code></pre>
<p>This plugin also adds an event ‘verticalcenter’ to the window, allowing you to easily trigger the vertical centering manually. This is useful if you have added items to the page after it loads via AJAX. You can trigger the event like this:</p>
<pre><code>jQuery( window ).trigger( 'verticalcenter' );
</code></pre>


Vertical Center

Easily vertically center any element relative to its container. Fully responsive.

Vertical scroll recent comments vs Vertical Center