The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Help with widgets

View previous topic View next topic Go down

Help with widgets

Post by Anzo on December 15th 2014, 2:29 pm

Hello.

I'd like some assistance Smile

In my forum we run discussions threads, where we discuss multiple things. I want to add these discussions to the forum. I made an image using Photoshop to make this easier to explain.

Right now, the forum looks like this (Index): http://i.imgur.com/Ha57O13.png

I want to add this: http://i.imgur.com/Tci5BAC.png

And have it look like this: http://i.imgur.com/XOM3RzD.png

of course, there will be more discussions, the 'TBA' stands for 'To be added'.

This is the code I want to add:
Code:

<style>
#roachd1 {
    width: 150px;
    background-color: #151515;
    font-size: 12px;
    font-family: Verdana;
}
 
.roachdd {
    border: 1px solid rgb(69, 61, 0);
    margin: 1px;
    padding: 3px;
}
 
.roachdt {
    color: #F0A418;
    text-align: center;
    border: 1px solid #50381A;
    margin-bottom: 3px;
    background-color: #2C2310;
}
  </style>

<div id="roachd1">
  <div class="roachdd">
    <div class="roachdt">Shaddolls Discussion</div>
    <img src="http://i.imgur.com/N9wLLgy.png" style=" width:140px; height:140px;">
    </div>
</div>

Is it possible?

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Re: Help with widgets

Post by Ultron's Vision on December 15th 2014, 2:41 pm

Have you tried just adding it as new widget? The HTML should properly align to the space you assigned it to; otherwise, use "!important" declarations.

Also, off-topic, if you could PM me, that'd be great.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Re: Help with widgets

Post by Anzo on December 15th 2014, 7:40 pm

I've attempted to add it to a new widget; however, it wouldn't be placed where I wanted it to appear.

Also, what do you wanna talk about? You can PM me here on FM anyways.

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Re: Help with widgets

Post by Ultron's Vision on December 15th 2014, 7:55 pm

Ah yes, I see the issue - you have not declared any specific position for it to appear.

Possible ways of placing them are "top", "left", "bottom" and "right" and all of those can be set with any CSS measurement (%, px, dpi, em) and start at 0 at the specified corner (ex.: "top:0;left:0;" would place the widget in the top left corner, "top:0;left:100" would place it 100 units left from the top left corner etc.)

I'm not entirely sure about the exact positions on your forum but I will look into it tomorrow.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Re: Help with widgets

Post by Anzo on December 15th 2014, 9:02 pm

Okay, that worked. Thanks.


This topic is solved.

EDIT: Actually, It isn't.

Is there a way to disable it for mobile phones? We got quite a large number of members accessing DA using mobile phones the majority of the time instead of using their Laptops/PCs.

EDIT 2: Okay, nevermind, this is solved.

Anzo
Forumember

Posts : 316
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum