android88
Gefreiter
android88
Gefreiter
https://xenforo.com/community/resources/most-likes-andyb-for-bd-widget-framework.5352/
XenForo Tips & Guides
XenForo Tips & Guides
Most Like: http://vnxf.vn/most-likes-luot-thich-nhieu-nhat.t2206.html
Widget Framework: http://vnxf.vn/addon-bd-widget-framework-cho-xenforo.t612.html
Vào Admin > Appearance > Add Widget >
Title : Most Like ( or what ever you like )
Renderer: [Advanced] HTML & Template ( without wrapper )
Use an existing template: andy_mostlikes
Position: forum_list ( or where ever you like )
(User Group Permissions)
Widget Framework: http://vnxf.vn/addon-bd-widget-framework-cho-xenforo.t612.html
Vào Admin > Appearance > Add Widget >
Title : Most Like ( or what ever you like )
Renderer: [Advanced] HTML & Template ( without wrapper )
Use an existing template: andy_mostlikes
Position: forum_list ( or where ever you like )
(User Group Permissions)
android88
Gefreiter
android88
Gefreiter
File đính kèm rỗng, không download được.
Bạn chỉ cần làm theo hướng dẫn ở cuối trang đó là sẽ được thôi!
android88
Gefreiter
Nội dung bài viết:
Makes that button arrow thingy animated! (The preview above is slow to emphasis the animation, the below version is faster)
You can modify this for multiple uses and I will describe all the uses below!
First, this requires ZERO template edits. Yeah, I'm not a fan of em so we will be using only a CSS snippit that you can drop into the EXTRA.css template to get the job done. Nifty, eh?
WITH DEFAULT IMAGE:
To use this with the default arrow, you know:
Yeah that one!
Add the following to your EXTRA.css template or any CSS template for that matter. Don't ask me
Which should result in this:
WITH FONT AWESOME:
Ok first, add this to the head of your document (hint, PAGE_CONTAINER)
Then add this to EXTRA.css:
Which should result in this:
WITHOUT EITHER:
If you want to be a rebel and use neither, just remove the 'font-family: "FontAwesome"; line and change 'content: "\f107";' to a character or anything of your choosing!
Makes that button arrow thingy animated! (The preview above is slow to emphasis the animation, the below version is faster)
You can modify this for multiple uses and I will describe all the uses below!
First, this requires ZERO template edits. Yeah, I'm not a fan of em so we will be using only a CSS snippit that you can drop into the EXTRA.css template to get the job done. Nifty, eh?
WITH DEFAULT IMAGE:
To use this with the default arrow, you know:
Yeah that one!
Add the following to your EXTRA.css template or any CSS template for that matter. Don't ask me
Mã:
.Popup .arrowWidget
{
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transform-origin: all 0.1s ease-in;
transition: all 0.1s ease-in;
-webkit-transform-origin: 50% 47%;
-moz-transform-origin: 50% 47%;
-o-transform-origin: 50% 47%;
-ms-transform-origin: 50% 47%;
transform-origin: 50% 47%;
}
.PopupOpen .arrowWidget
{
background-position: -32px 0 !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}Which should result in this:
WITH FONT AWESOME:
Ok first, add this to the head of your document (hint, PAGE_CONTAINER)
Mã:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">Then add this to EXTRA.css:
Mã:
.Popup .arrowWidget
{
width: auto !important;
height: auto !important;
background: none !important;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transform-origin: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.Popup .arrowWidget:after
{
font-family: "FontAwesome";
content: "\f107";
}
.PopupOpen .arrowWidget
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}Which should result in this:
WITHOUT EITHER:
If you want to be a rebel and use neither, just remove the 'font-family: "FontAwesome"; line and change 'content: "\f107";' to a character or anything of your choosing!
Chủ đề tương tự
Dịch vụ XenForo của VNXF
|
anhanhxf 0906081284
silzedt_1207 Inbox PVS |
Hướng dẫn sử dụng
| XenForo 1 | XenForo 2 |
| Translate by PVS | |
| Xenforo là gì? | |
| Xây dựng MXH bằng Xenforo | |
Nhà Tài Trợ
