Go to iFire: playlist srbacks custom script and style sheet

Source: Internet
Author: User
Thanks to iFire for immediately modifying and trying it out, and debugging such a fresh style.
Next, paste his custom script and style sheet:

Playlist srbacks custom scripts and Style Sheets

Admin @ 59

Today, playmates launched an interesting page pendant application in the Social recommendation aggregation service: srbacks, which is very practical and interesting. I immediately introduced my blog page, but I found that the nesting was incorrect and the rendering effect was not satisfactory. So I downloaded the script for customization. After the modification, I felt pretty good.

For external pendants, their embedded styles sometimes cause a lot of trouble for their pages. Therefore, I try to delete the embedded styles in the script, but assign them to the pseudo class values ), then, the style is written to the style sheet, which gives the user of the custom style a lot of space.

After discussing it on Twitter, I modified the script on my own and fixed the problem of hiding the blog entries in the list with a stupid solution. At the same time, a pseudo class value is also assigned to the user's profile picture and Google Reader icon, so that they can be easily hidden or set the image size during customization.

The version I modified is basically adaptive, but the test width is 180px.
Overflow occurs. This should be caused by long link characters in the recommendation text. Therefore, if you call it in the sidebar, you 'd better set the entry (# srbacks
Li. srbacklist) width, with overflow: hidden; should be able to solve.

We recommend that you reference the style sheet file on the

Download compressed package

Upload the srbacks. js and srback.css files in the compressed package to your managed space, assuming the path is: http://yourdomin.com/widget/

Introduce In the

<LINK rel = "stylesheet" href = "http://yourdomin.com/widget/srback.css" type = "text/CSS" Media = "screen"/>

Then introduce

<SCRIPT type = "text/JavaScript" src = "http://yourdomin.com/widget/SRbacks.js"> </SCRIPT>

Wordpress users can put it in comments. php or sidebar. php In the template file. I recommend that you call this method in the comment template.

I have marked the description in the style sheet file one by one. For details about how to modify it, see. There are two below:

200px rendering Style

500px rendering Style

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.