Group items tagged

"This is the method with the deepest support possible right now: @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } body { font-family: 'MyWebFont', Fallback, sans-serif; }"

"Easy WordPress Parallax Slider Easy WordPress Parallax Slider is a wordpress plugin with CSS3 and jQuery. Drag n drop admin functionality to set the show order of slides. As the name describes, Easy WordPress Parallax Slider is most easy parallax slider using CSS3 and jQuery. You can create unlimited parallex slider with different settings for each slider, it support the shortcode so you can show this anywhere using the shortcode."

How to minify WordPress theme stylesheets properly

".element { position: relative; top: 50%; transform: translateY(-50%); }"

"Have you ever came across a site that style their posts differently? Some sites have different sticky posts highlighted whereas others have each category post styled with a different color, or some may even have a totally unique outlook altogether. Well, that is exactly what we are going to cover in this article. We will share how you can style different WordPress posts in different ways. So what are we going to use? We will use a function called post_class. Post Class function prints out different post container classes which can be added, typically, in the index.php, single.php, and other template files featuring post content. Note: This tutorial requires that you are somewhat familiar with WordPress theming, and know fairbits of HTML / CSS. "

"How To Style Your Posts Based on Category, Tag or Custom Taxonomy in WordPress Style Posts by Taxonomy We heard this question many times and it's not as simple as it sounds, so we're dedicating a whole blog post to the solution. Today we'll talk about child themes, taxonomy (categories, tags and custom taxonomy), the post_class function, it's filter friend and their correct usage in WordPress themes. As simple as it sounds, adding the appropriate CSS rules to your theme stylesheet doesn't always work unless you're using default themes or very well written ones. Then again, even if it does, you might see it broken during the next update to the theme you're using, which brings us to child themes."

"In the previous tutorial I showed you how to style the posts on your main blog page according to their category, creating color coding by category. A lot of sites that use this technique also take it further by adding distinct styling to each section of their site, in a way that co-ordinates with the styling on the main blog page or home page. You can just use a simple color scheme or add completely different styling to each section, maybe with a different logo or branding for different parts of your organisation, or even a different layout. An example is the London Times website, which uses a different color for each section of its site. The front page uses these colors in a banner above each post, as shown in the screenshot:"

HTML5 multimedia framework for WordPress

Content management systems have effectively replaced much of the tedious HTML and CSS work that was required to make changes to a website. A custom theme for your CMS still takes time and an experienced professional to execute, but business owners no longer face the hassle of learning code or paying a developer for ongoing changes for simple adjustments to content.

"The Rating-Widget Ratings plugin allows you to create and manage ratings from within your WordPress dashboard. You can embed ratings into your posts, pages or comments. PLUS, you can embed ratings into your BuddyPress activity updates and comments. In extra, the rating support BP's bbPress forum posts ratings. All Rating-Widget ratings are fully customizable, cross-browser, support multi-language, CSS3 compliant and hosted by Rating-Widget.com. You can create unlimited ratings and collect unlimited votes. The rating editor allows you to fully customize your ratings and its placement on your blog's layout. You can also avail of the the 'Top Rated' widget that will allow you to place the widget in your sidebar. This widget will show you the top rated posts, pages and comments."