Press post menu<\/p>","2":"
Add new article page<\/p>"}},"plugin_section":[],"plugin_tags":[9842,80,611,50913],"plugin_category":[43],"plugin_contributors":[80736],"plugin_business_model":[],"class_list":["post-21444","plugin","type-plugin","status-closed","hentry","plugin_tags-press","plugin_tags-shortcode","plugin_tags-slider","plugin_tags-smoothdivscroll","plugin_category-customization","plugin_contributors-jazzs3quence","plugin_committers-jazzs3quence"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/press-page_444545.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/press-page\/assets\/screenshot-1.png?rev=648182","caption":"
Press post menu<\/p>"},{"src":"https:\/\/ps.w.org\/press-page\/assets\/screenshot-2.png?rev=648182","caption":"
Add new article page<\/p>"}],"raw_content":"\n
A WordPress plugin to display a custom post type for press features in a horizontal sliding scroll<\/p>\n\n
This plugin uses the following GitHub project: Demo<\/a><\/strong><\/p>\n\n Plugin can be used out of the box with the By default, the Anything you can think of. If you're a musician, you can use it for a scrolling discography, with links to Bandcamp or iTunes. You can use it as a photo gallery and link to full-size images. There are probably a lot of uses I'm not thinking of. There weren't any other WordPress plugins using this SmoothDivScroll javascript, but there are tons of ways to use it.<\/p><\/dd>\n Yes. You'll need to edit your CSS either in your theme, in a Child Theme<\/a>, or through some CSS editor in your dashboard via a plugin like Jetpack<\/a> or My Custom CSS<\/a>.<\/p>\n\n Here's the default CSS that is used by the plugin:<\/p>\n\n `<\/p><\/dd>\n position: relative;\n display: block;\n float: left;\n margin: 0;\n padding: 0;\n \/* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected\/inverted when the user interacts with the scroller. *\/\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }<\/p><\/dd>\n width: 930px;\n height: 255px;\n position: relative;\n }\n .scrollWrapper {\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n .scrollableArea {\n position: relative;\n height: 100%;\n }\n \/* Invisible left hotspot \/\n div.scrollingHotSpotLeft\n {\n \/<\/em> The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. \/\n min-width: 75px;\n width: 10%;\n height: 100%;\n position: absolute;\n z-index: 200;\n left: 0;\n \/<\/em> The first url is for Firefox and other browsers, the second is for Internet Explorer *\/\n cursor: w-resize;\n }<\/p>\n\n `<\/p><\/dd>\n\n<\/dl>\n\n\n
\nSmooth-Div-Scroll<\/a> by tkahn<\/a><\/p>\n\nUsage<\/h4>\n\n
[presspage]<\/code> shortcode or the included page-press.php<\/code> template. The shortcode includes two optional parameters, if left blank, default post thumbnail size will be used. The optional parameters are width<\/code> and height<\/code> and control the dimensions of the images used. If one is left blank, the same value will be used for both.<\/p>\n\npresspage.css<\/code> file defines the width to be 930px and the height to be 255px. These can be changed in your CSS by adding your height and width to the #makeMeScrollable<\/code> ID.<\/p>\n\nExamples<\/h4>\n\n
[presspage]\n\n[presspage width=200]\n\n[presspage height=500]\n\n[presspage width=200 height=500]\n<\/code><\/pre>\n\n\n\n
press-page.zip<\/code> to the \/wp-content\/plugins\/<\/code> directory<\/li>\n[presspage]<\/code> shortcode or the included template file example in your theme.<\/li>\n<\/ol>\n\n\n\n
\/* Visible left hotspot *\/\ndiv.scrollingHotSpotLeftVisible\n{\n background-color: #fff;\n opacity: 0.35; \/* Standard CSS3 opacity setting *\/\n -moz-opacity: 0.35; \/* Opacity for really old versions of Mozilla Firefox (0.9 or older) *\/\n filter: alpha(opacity = 35); \/* Opacity for Internet Explorer. *\/\n zoom: 1; \/* Trigger \"hasLayout\" in Internet Explorer 6 or older versions *\/\n}\n\n\/* Invisible right hotspot *\/\ndiv.scrollingHotSpotRight\n{\n min-width: 75px;\n width: 10%;\n height: 100%;\n position: absolute;\n z-index: 200;\n right: 0;\n cursor: e-resize;\n}\n\n\/* Visible right hotspot *\/\ndiv.scrollingHotSpotRightVisible\n{\n background-color: #fff;\n opacity: 0.35;\n filter: alpha(opacity = 35);\n -moz-opacity: 0.35;\n zoom: 1;\n}\n<\/code><\/pre>\n\n0.1<\/h4>\n\n
\n