[AH] Discord Widget [Deleted]

Maxxamillion said:
Hey matt any way i can have the pretty looking layout for this widget over this plain jane i have with widget framework?
http://prntscr.com/g77ron
Click to expand...

Well it's designed to fit into your existing theme. I assume you mean the discord icon.The only reason I have the discord icon is because UI.X has font-awesome icons in the sidebar. Is that what you're looking for?
 
Okay if you want the icon, this what you have to do. You'll have to download Material Font Icons, upload it somewhere on your server and link to it in the PAGE_CONTAINER or page_container_js_head template like so:
Code: 
<link href="/path/to/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />

After that, add this to EXTRA.css
Code: 
.discord-widget h3:before {
    font-family: "Material Design Icons";
    font-size: 16px;
    content: "\f66f";
    margin-right: 6px;
    text-align: center;
    width: 1.28571429em;
    display: inline-block;
}

If you want the colored "Join Server" button then go to the "[AH] Discord Widget" style properties and then choose "Join Button." and make the background this color: rgb(114,137,218) and the color white.
 
Last edited:
Maxxamillion said:
that is so painful, i may have to request that haha, when i grab time ill look into getting that discord changed in sidebar
Click to expand...

Yeah, I'm pretty sure people have already requested. I'm already using Material Font Icons for my node icons, so it wasn't a big deal for me. :)
 
Matt C. said:
Okay if you want the icon, this what you have to do. You'll have to download Material Font Icons, upload it somewhere on your server and link to it in the PAGE_CONTAINER or page_container_js_head template like so:
Code: 
<link href="/path/to/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />

After that, add this to EXTRA.css
Code: 
.discord-widget h3:before {
    font-family: "Material Design Icons"
    font-size: 16px;
    content: "\f66f"
    margin-right: 6px;
    text-align: center;
    width: 1.28571429em;
    display: inline-block;
}

If you want the colored "Join Server" button then go to the "[AH] Discord Widget" style properties and then choose "Join Button." and make the background this color: rgb(114,137,218) and the color white.
Click to expand...
Matt where should i upload the icons thing and how do i link it to page container?
 
Maxxamillion said:
Matt where should i upload the icons thing and how do i link it to page container?
Click to expand...

Just upload it wherever your main style is. For you it would be /styles/zipped/xenforo/css/materialdesignicons.min.css. :)

Then link to it in the PAGE_CONTAINER template like so:
Code: 
<link href="/styles/zipped/xenforo/css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
 
Matt C. said:
Just upload it wherever your main style is. For you it would be /styles/zipped/xenforo/css/materialdesignicons.min.css. :)

Then link to it in the PAGE_CONTAINER template like so:
Code: 
<link href="/styles/zipped/xenforo/css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
Click to expand...
i did all that matt nothing happened
 
Maxxamillion said:
i did all that matt nothing happened
Click to expand...

Go to PAGE_CONTAINER and after this line
Code: 
<!--XenForo_Require:CSS-->

Add this
Code: 
<link href="/styles/zipped/xenforo/css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />

Go to EXTRA.css and add this:
Code: 
.discord-widget h3:before {
    font-family: "Material Design Icons";
    font-size: 16px;
    content: "\f66f";
    margin-right: 6px;
    text-align: center;
    width: 1.28571429em;
    display: inline-block;
}
 
Is there a way to change the position of the widget ? Right now it's above Staff Online now and i would like it under the Share this page block instead. In the options there is nowhere to do such thing.

I am not using BD framework.

Thank you for the assistance.
 
KeKe said:
Is there a way to change the position of the widget ? Right now it's above Staff Online now and i would like it under the Share this page block instead. In the options there is nowhere to do such thing.

I am not using BD framework.

Thank you for the assistance.
Click to expand...

You would have to edit the template modification associated with this add-on. I don't have time to go more in depth right now, but I will later if you still need more assistance.
 
Awesome that would be great if you don't mind. I wish you an awesome evening and have fun with whatever you are doing and thanks for the help!
 
Thank you for this widget :)
I have installed it and set my group permissions on it and set the server id etc. I do not have the [bd] Widget Framework installed.

Upon refreshing my forum homepage, I see a place has been added to my sidebar for the widget, but the discord bit is not rendering. I have no ideas why :(
 
Gleedo said:
Thank you for this widget :)
I have installed it and set my group permissions on it and set the server id etc. I do not have the [bd] Widget Framework installed.

Upon refreshing my forum homepage, I see a place has been added to my sidebar for the widget, but the discord bit is not rendering. I have no ideas why :(
Click to expand...

Please check the FAQ and see that will solve your problem. :)
 
I've set permissions, used the right server info. I'm running UI:X

The sidebar appears and can show online users, however it's not coming up with a Channel list. Any thoughts?

@Matt C.
 
Last edited:
You must log in or register to reply here.

Similar threads

themago
Auto GTranslate Widget [Deleted]
Replies
3
Views
58
themago
themago
Stylesfactory
Twitch Plugin + Widget [Deleted]
Replies
15
Views
1K
Stylesfactory
Stylesfactory
Matt C.
[AH] Discord Widget
4 5 6
Replies
102
Views
14K
Matt C.
Matt C.
Menerv
[AH] Discord Widget - French Translation
Replies
0
Views
549
Menerv
Menerv
hemant_bhardwaj
[OzzModz] XFRM Gallery Widget [Deleted]
2 3
Replies
49
Views
3K
Ozzy47
Ozzy47
Back
Top Bottom